@extends('layouts.print')

@section('content')
<div class="container">
    <!-- Header -->
    <header>
        <div class="arabic-header">
            <h4>شركة النعم لتسويق المواد الغذائية</h4>
        </div>
        
        <div class="english-header">
            <h4>ALNEAM CO. FOR MARKETING FOOD STUFF</h4>
        </div>
        
        <div class="header-content">
            <div class="text-center">
                <img class="customImage" src="{{ asset('images/logo.png') }}" alt="Logo"><br>
            </div>
        </div>
        <div class="horizontal-line"></div>
    </header>

    <!-- Main Content -->
    <main>
        <div class="row summary-info">
            <div class="summary-item">
                <strong>{{ __('Serial Number') }}:</strong> {{ $permit->items->first()->permititemable->sale->serial_number }}
            </div>
            <div class="summary-item">
                <strong>{{ __('Date') }}:</strong> {{ date('Y-m-d') }}
            </div>
        </div>
        <div class="horizontal-line"></div>

        <!-- Receipt Details Table -->
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>{{__('Definition Number')}}</th>
                        <th>{{__('Trailer Number')}}</th>
                        <th>{{__('Driver Name')}}</th>
                        <th>{{__('Container Quantity')}}</th>
                        <th>{{__('Received Quantity')}}</th>
                        <th>{{__('User Name')}}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($receiptDetails as $detail)
                        <tr>
                            <td class="white-bg">{{ $detail->definition_number }}</td>
                            <td class="white-bg">{{ $detail->trailer_number ?? 'N/A' }}</td>
                            <td class="white-bg">{{ $detail->driver_name ?? 'N/A' }}</td>
                            <td class="white-bg">{{ $detail->container_quantity ?? 0 }}</td>
                            <td class="white-bg">{{ $detail->received_quantity ?? 0 }}</td>
                            <td class="white-bg">{{ $detail->user_name ?? 'N/A' }}</td>
                        </tr>

                        @if(isset($detail->items) && count($detail->items) > 0)
                            @foreach($detail->items as $item)
                                <tr>
                                    <td class="white-bg">{{__('User Name')}} : {{ $detail->user_name ?? 'N/A' }}</td>
                                    <td class="white-bg">{{__('Supplier')}} : {{ $detail->client_name ?? 'N/A' }}</td>
                                    <td class="white-bg">{{__('Item Name')}} : {{ $item->item_name ?? 'N/A' }}</td>
                                    <td class="white-bg">{{__('Received Quantity')}} : {{ $item->received_quantity ?? 0 }}</td>
                                    <td class="white-bg" colspan="2">{{__('Inventory Name')}} : {{ $invitory ?? 'N/A' }}</td>
                                </tr>
                            @endforeach
                        @endif
                    @endforeach
                </tbody>
                @if(count($receiptDetails) > 0)
                    <tfoot>
                        <tr>
                            <td colspan="2"></td>
                            <td>{{__('Container Quantity')}} : {{ $receiptDetails[0]->container_quantity ?? 'N/A' }}</td>
                            <td>{{__('Received Quantity')}} : {{ $receiptDetails[0]->received_quantity ?? 0 }}</td>
                            <td colspan="2"></td>
                        </tr>
                    </tfoot>
                @endif
            </table>
        </div>
    </main>

    <!-- Print button (only visible on screen, not when printing) -->
    <div class="print-button-container d-print-none text-center">
        <button onclick="window.print()" class="btn btn-primary">
            <i class="fa fa-print"></i> {{ __('Print') }}
        </button>
        <button onclick="window.close()" class="btn btn-light">
            {{ __('Back') }}
        </button>
    </div>
</div>

@endsection

@section('scripts')
<script>
    window.onload = function() {
        window.print();
    }
</script>
@endsection