@extends('layouts.master')

@section('css')
    <style>
        @media print {
            #print_Button { display: none; }
            .main-header, .sidebar-wrapper, .footer { display: none; } /* إخفاء عناصر النظام عند الطباعة */
        }
        body {
            font: 13pt Georgia, "Times New Roman", Times, serif;
            line-height: 1.5;
        }
        .invoice-box { border: 1px solid #eee; padding: 20px; }
    </style>
@endsection

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

@section('content')
    <div class="row row-sm">
        <div class="col-md-12">
            <div class="card card-invoice" id="print">
                <div class="card-body invoice-box">
                    <div class="invoice-header" style="display: flex; justify-content: space-between; align-items: center; width:100%; border-bottom: 2px solid #000; padding-bottom: 20px;">
                        <div class="billed-from text-center" style="width:33%;">
                            <h2 style="margin:0;">{{ Nameen ?? 'Company Name EN' }}</h2>
                            <p dir="ltr">{{ describtionen ?? '' }}</p>
                            <span dir="ltr">{{ STen ?? '' }}</span>
                            <p dir="ltr">{{ Taxen ?? '' }}</p>
                        </div>
                        
                        <div class="text-center">
                            @php $logo = camplogo ?? 'default.png'; @endphp
                            <img src="{{ asset('assets/img/brand/' . $logo) }}" alt="logo" style="width: 110px; height: auto;">
                        </div>

                        <div class="billed-from text-center" style="width:33%;">
                            <h2 style="margin:0;">{{ Namear ?? 'اسم الشركة' }}</h2>
                            <p>{{ describtionar ?? '' }}</p>
                            <p>{{ STar ?? '' }}</p>
                            <p>{{ Taxar ?? '' }}</p>
                        </div>
                    </div>

                    <div class="row mg-t-20">
                        <div class="col-12 text-center">
                            <h3 class="mg-b-20">@if(isset($data['invoice']->send_invoice_number) && $data['invoice']->send_invoice_number != null)
            {{-- الحالة الأولى: الرقم موجود = استلام منتجات --}}
            {{ __('home.recive_product_from_brance') }}
        @else
            {{-- الحالة الثانية: الرقم NULL = إرسال منتجات --}}
            {{ __('home.send_product_from_brance') }}
        @endif</h3>
                        </div>
                        <div class="col-md-6 offset-md-3">
                            <table class="table table-bordered text-center">
                                <tbody>
                                    <tr>
                                        <td class="bg-light"><strong>{{ __('home.Invoice_no') }}</strong></td>
                                        <td>{{ $data['invoice']->id ?? '' }}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('home.branch_sender') }}</td>
                                        <td>{{ $data['invoice']->branchfrom->name ?? '' }}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('home.employeesender') }}</td>
                                        <td>{{ $data['invoice']->userfrom->name ?? '' }}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('home.branch_reciver') }}</td>
                                        <td>{{ $data['invoice']->branchto->name ?? '' }}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('home.date') }}</td>
                                        <td>{{ $data['invoice']->created_at ?? '' }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="table-responsive mg-t-30">
                        <table class="table table-striped table-bordered text-center">
                            <thead>
                                <tr class="bg-primary-transparent">
                                    <th>#</th>
                                    <th>{{ __('home.productNo') }}</th>
                                    <th>{{ __('home.product') }}</th>
                                    <th>{{ __('home.quantity') }}</th>
                                    <th>{{ __('home.thecostProduct') }}</th>
                                    <th>{{ __('home.total') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php 
                                    $totalprice = 0; 
                                    $totalAddedvalue = 0;
                                    // يفضل جلب هذه القيمة من الكنترولر بدلاً من الموديل مباشرة هنا
                                    $avtSetting = App\Models\Avt::find(2);
                                    $avtRate = ($avtSetting->AVT ?? 0) / 100; // نفترض أنها نسبة مئوية
                                @endphp
                                
                                @foreach ($data['itemsdetails'] as $index => $product)
                                    @php 
                                        $lineTotal = $product->cost_per_each_withoud_tax * $product->quantity;
                                        $totalprice += $lineTotal;
                                        $totalAddedvalue += $lineTotal * $avtRate;
                                    @endphp
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td dir="ltr">{{ $product->product->Product_Code }}</td>
                                        <td>{{ $product->product->product_name }}</td>
                                        <td>{{ $product->quantity }}</td>
                                        <td>{{ number_format($product->cost_per_each_withoud_tax, 2) }}</td>
                                        <td>{{ number_format($lineTotal, 2) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="row">
                        <div class="col-md-5 offset-md-7">
                            <table class="table table-bordered text-center">
                                <thead>
                                    <tr class="bg-gray-200">
                                        <th>{{ __('home.the amount') }}</th>
                                        <th>{{ __('home.addedValue') }}</th>
                                        <th>{{ __('home.total') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>{{ number_format($totalprice, 2) }}</td>
                                        <td>{{ number_format($totalAddedvalue, 2) }}</td>
                                        <td class="tx-bold tx-inverse">{{ number_format($totalprice + $totalAddedvalue, 2) }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="mg-t-40">
                        <div class="row">
                            <div class="col-6">
                                <p><strong>{{ __('home.employeereciver') }}:</strong> {{ $data['invoice']->userto->name ?? '' }}</p>
                                <p><strong>{{ __('home.thesignature') }}:</strong> ............................</p>
                            </div>
                        </div>
                    </div>

                    <div class="d-print-none text-center mg-t-20">
                        <button class="btn btn-danger" id="print_Button" onclick="printDiv()">
                            {{ __('home.print') }} <i class="mdi mdi-printer ml-1"></i>
                        </button>
                    </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