@if (isset($data) && $data->count() > 0)
    @php $i = 1; @endphp
    <div class="table-responsive">
        <table class="table text-md-nowrap text-center our-table" id="SearchProductTable" width="100%" style="border: 2px solid rgba(0,0,0,.3);">
            <thead class="bg-light">
                <tr>
                    <th style="color: #FF4F1F;font-size:12px">{{ __('home.Invoice_no') }}</th>
                    <th style="color: #FF4F1F;font-size:12px">{{ __('home.sallerName') }}</th>
                    <th style="color: #FF4F1F;font-size:12px">{{ __('home.clietName') }}</th>
                    <th style="color: #FF4F1F;font-size:12px">{{ __('home.date') }}</th>
                    <th style="color: #FF4F1F;font-size:12px">{{ __('home.branch') }}</th>
                    <th style="color: #FF4F1F;font-size:12px">{{ __('home.total') }}</th>
                    <th style="color: #FF4F1F;font-size:12px">{{ __('home.paymentmethod') }}</th>
                    <th style="color: #FF4F1F;font-size:12px">{{ __('home.operations') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($data as $product)
                    <tr id="{{ $product->id }}">
                        <td>{{ $product->id }}</td>
                        <td>{{ $product->user->name ?? '' }}</td>
                        <td dir="ltr">{{ $product->customer->name ?? '' }}</td>
                        <td>{{ $product->created_at }}</td>
                        <td>{{ $product->branch->name ?? '' }}</td>
                        <td>
                            {{ number_format($product->creaditamount + $product->bankamount + $product->Bank_transfer + $product->cashamount, 2) }}
                        </td>
                        
                        @php
                            // تحديد طريقة الدفع
                            $pay = match($product->Pay) {
                                'Cash' => __('report.cash'),
                                'Shabka' => __('report.shabka'),
                                'Credit' => __('report.credit'),
                                'Bank_transfer' => __('home.Bank_transfer'),
                                default => __('home.Partition of the amount'),
                            };

                            // إعداد بيانات الواتساب
                            $phone = "966" . substr($product->customer->phone ?? 0, 1);
                            $link = "https://demoo.ebdeaclients.online/ar/generate_pdf/" . $product->id;
                            $message = "يسرنا خدمتك مرفق لكم فاتورتكم " . "فضلا لتحميل فاتورتك رقم : {$product->id}: {$link}\n" . "For download your invoice number :{$product->id } press here :  {$link}";
                            $waLink = "https://web.whatsapp.com/send?phone={$phone}&text=" . urlencode($message);
                        @endphp

                        <td>{{ $pay }}</td>
                        
                        <td>
                            <div style="display: flex; align-items: center; gap: 5px; justify-content: center;">
                                
                                {{-- 1. زر الطباعة (الذي يفتح نافذة المراجعة) --}}
                                <a style="color: #23395D" class="btn btn-sm btn-light border" href="showInvoiceRecent/{{ $product->id }}" title="{{ __('home.show') }}">
                                    <i class="fas fa-eye"></i>
                                </a>

                                {{-- 2. زر الطباعة المباشرة (الذي طلبه المستخدم بـ AJAX) --}}
                                <button type="button" 
                                        style="background-color: #419BB2; color:white;" 
                                        class="btn btn-sm reciptprinter-btn" 
                                        data-id="{{ $product->id }}" 
                                        title="{{ __('home.reciptprinter') }}">
                                    <i class="fas fa-print"></i>
                                </button>

                                {{-- 3. زر الواتساب --}}
                                <a href="{{ $waLink }}" target="_blank" class="btn btn-sm" 
                                   style="background-color: #25d366; color: #FFF;" title="WhatsApp">
                                    <i class="bx bxl-whatsapp"></i>
                                </a>

                                {{-- 4. زر تحميل PDF --}}
                                <a style="background-color: green; color: white;" class="btn btn-sm" href="generate_pdf/{{ $product->id }}" target="_blank" title="{{ __('home.dwonloadpdf') }}">
                                    <i class="fa-solid fa-download"></i>
                                </a>

                                {{-- 5. زر تعديل طريقة الدفع --}}
                                <a class="modal-effect btn btn-sm btn-info" 
                                   data-effect="effect-scale" 
                                   data-id="{{ $product->id }}" 
                                   data-totalinvoice="{{ round($product->creaditamount+$product->bankamount+$product->Bank_transfer+$product->cashamount, 2) }}" 
                                   data-toggle="modal" href="#paymentmethod" title="{{ __('home.updatepayment') }}">
                                    <i class="las la-pen"></i>
                                </a>

                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <div class="mt-3">
            {{ $data->links() }}
        </div>
    </div>
@else
    <div class="alert alert-danger">
        {{ __('home.notfounddata') }}
    </div>
@endif