@extends('layouts.master')
@section('css')
<style>
    /* تنسيقات الطباعة */
    @media print {
        #print_Button { display: none; }
        body { margin: 0; padding: 0; border: none; }
        .main-content-body-invoice { border: none !important; }
    }

    /* تحسين الخطوط والتنسيق العام */
    body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: #333;
    }
    
    .invoice-card {
        border: 1px solid #e1e1e1;
        box-shadow: none;
    }

    /* تنسيق الجداول */
    .table-custom {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }
    .table-custom th, .table-custom td {
        border: 1px solid #ddd;
        padding: 10px;
        text-align: center;
    }
    .table-custom th {
        background-color: #f8f9fa;
        font-weight: bold;
        color: #555;
    }

    /* قسم البيانات العلوية */
    .info-section {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
    }
    .info-box {
        width: 48%;
    }

    /* قسم الإجماليات */
    .totals-table {
        width: 350px;
        float: left;
        margin-top: 20px;
    }
    .totals-table th {
        text-align: right;
        background-color: #fcfcfc;
        width: 60%;
    }
    .totals-table td {
        font-weight: bold;
        text-align: center;
    }
    .net-total-row {
        background-color: #343a40 !important;
        color: white !important;
    }
    .net-total-row th, .net-total-row td {
        color: white !important;
        font-size: 1.2rem;
    }

    .qr-container {
        margin-top: 40px;
        text-align: right;
    }
</style>
@endsection

@section('title')
معاينة طباعة الفاتورة
@stop

@section('content')
<div class="row row-sm">
    <div class="col-md-12">
        <div class="card invoice-card" id="print">
            <div class="card-body">
                <!-- زر الطباعة -->
                <button class="btn btn-danger float-left mt-3" id="print_Button" onclick="printDiv()"> 
                    <i class="mdi mdi-printer ml-1"></i> طباعة الفاتورة
                </button>

                <!-- الهيدر (الشعار والبيانات) -->
                <div class="d-flex justify-content-between align-items-center border-bottom pb-3">
                    <div class="text-center" style="width: 30%">
                        <h4 class="mb-1">{{Nameen}}</h4>
                        <small class="text-muted d-block">{{describtionen}}</small>
                        <p class="mb-0">ST: {{STen}} | Tax: {{Taxen}}</p>
                    </div>

                    <div class="text-center">
                        <img src="{{ asset('assets/img/brand').'/'.camplogo }}" alt="logo" style="width: 120px; height: auto;">
                    </div>

                    <div class="text-center" style="width: 30%">
                        <h4 class="mb-1">{{Namear}}</h4>
                        <small class="text-muted d-block">{{describtionar}}</small>
                        <p class="mb-0">{{STar}} | {{Taxar}}</p>
                    </div>
                </div>

                <!-- عنوان المستند -->
                <div class="text-center my-4">
                    <h5 class="mb-1">Sales Returns - مرتجع مبيعات</h5>
                    <h6 class="text-secondary">Credit Note - إشعار دائن</h6>
                </div>

                <!-- بيانات العميل والفاتورة -->
                <div class="info-section">
                    <div class="info-box">
                        <table class="table-custom">
                            <tr>
                                <th>اسم العميل</th>
                                <td>{{$data['invoiceData']->customer->name}}</td>
                            </tr>
                            <tr>
                                <th>الرقم الضريبي</th>
                                <td>{{$data['invoiceData']->customer->tax_no}}</td>
                            </tr>
                            <tr>
                                <th>العنوان</th>
                                <td>{{$data['invoiceData']->customer->address}}</td>
                            </tr>
                        </table>
                    </div>
                    <div class="info-box">
                        <table class="table-custom">
                            <tr>
                                <th>رقم الفاتورة الأصلية</th>
                                <td>{{ $data['invoiceData']->id}}</td>
                            </tr>
                            <tr>
                                <th>رقم الإشعار</th>
                                <td class="text-danger font-weight-bold">{{$data['invoiceData']->NOTICE_Number}}</td>
                            </tr>
                            <tr>
                                <th>تاريخ الإشعار</th>
                                <td>{{ $data['salesData'][0]->created_at ?? now() }}</td>
                            </tr>
                        </table>
                    </div>
                </div>

                <!-- جدول المنتجات -->
                <table class="table-custom mt-4">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>كود المنتج</th>
                            <th>اسم الصنف</th>
                            <th>السعر</th>
                            <th>الكمية</th>
                            <th>الاجمالي</th>
                            <th>الخصم</th>
                            <th>الصافي</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php 
                            $total_before_discount = 0; 
                            $discount_total = 0;
                            $avtSale = App\Models\Avt::find(1)->AVT;
                        @endphp
                        @foreach ($data['salesData'] as $index => $product)
                            @php 
                                $row_subtotal = round($product->return_Unit_Price * $product->return_quantity, 2);
                                $row_discount = round(($product->discountvalue + $product->discountoninvoice), 2);
                                $total_before_discount += $row_subtotal;
                                $discount_total += $row_discount;
                            @endphp
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{$product->productData->Product_Code}}</td>
                                <td class="text-right">{{ $product->productData->product_name}}</td>
                                <td>{{ number_format($product->return_Unit_Price, 2) }}</td>
                                <td>{{ $product->return_quantity}}</td>
                                <td>{{ number_format($row_subtotal, 2) }}</td>
                                <td>{{ number_format($product->discountvalue, 2) }}</td>
                                <td>{{ number_format($row_subtotal - $product->discountvalue, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

                <!-- الحسابات الختامية والـ QR -->
                <div class="row mt-4">
                    <div class="col-6 qr-container">
                        @php
                            $sub_total_after_discount = $total_before_discount - $discount_total;
                            $final_net_total = round($sub_total_after_discount * (1 + $avtSale), 2);
                            $tax_val = round($final_net_total - $sub_total_after_discount, 2);

                            // منطق الـ QR Code
                            $sellerName = sallerQrCode; 
                            $taxNumber = TaxQrCode;
                            $dt = date('Y-m-d\TH:i:s', strtotime($data['salesData'][0]->created_at ?? now()));
                            
                            function tlv($tag, $value) { return pack("C", $tag) . pack("C", strlen($value)) . $value; }
                            
                            $tobase = tlv(1, $sellerName) . tlv(2, $taxNumber) . tlv(3, $dt) . 
                                      tlv(4, number_format($final_net_total, 2, '.', '')) . 
                                      tlv(5, number_format($tax_val, 2, '.', ''));
                            
                            for($i=6; $i<=9; $i++) { $tobase .= tlv($i, ""); }
                            $dataforQRcode = base64_encode($tobase);
                        @endphp
                        <div class="d-inline-block p-2 border">
                            {!! QrCode::size(120)->generate($dataforQRcode) !!}
                        </div>
                    </div>

                    <div class="col-6">
                        <table class="table-custom totals-table">
                            <tr>
                                <th>الإجمالي (قبل الخصم)</th>
                                <td>{{ number_format($total_before_discount, 2) }}</td>
                            </tr>
                            <tr>
                                <th>إجمالي الخصم</th>
                                <td>{{ number_format($discount_total, 2) }}</td>
                            </tr>
                            <tr>
                                <th>الصافي (قبل الضريبة)</th>
                                <td>{{ number_format($sub_total_after_discount, 2) }}</td>
                            </tr>
                            <tr>
                                <th>ضريبة القيمة المضافة ({{$avtSale * 100}}%)</th>
                                <td>{{ number_format($tax_val, 2) }}</td>
                            </tr>
                            <tr class="net-total-row">
                                <th>الإجمالي النهائي</th>
                                <td>{{ number_format($final_net_total, 2) }}</td>
                            </tr>
                        </table>
                    </div>
                </div>

                <!-- التذييل -->
                <div style="margin-top: 80px;" class="text-center border-top pt-3">
                    @if(Auth()->user()->branchs_id == 1)
                        <p class="mb-0">{{addressar}}</p>
                        <p class="text-muted small">{{addressen}}</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script type="text/javascript">
    function printDiv() {
        var printContents = document.getElementById('print').innerHTML;
        var originalContents = document.body.innerHTML;
        document.body.innerHTML = printContents;
        window.print();
        document.body.innerHTML = originalContents;
        location.reload();
    }
</script>
@endsection