@php
// Modern Invoice Design (classic5): Completely different layout with all variables from classic4
@endphp

<style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    
    /* Layout & Typography */
    body { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.4; color: #222; }
    .invoice-wrapper { max-width: 900px; margin: 0 auto; background: #fff; }
    .invoice-container { padding: 20px; }
    
    /* Header Gradient Section */
    .header-top { background: #f8f9fa; color: #333; padding: 30px; border-radius: 0; margin: -20px -20px 0; }
    .header-top h1 { font-size: 28px; margin-bottom: 5px; font-weight: 700; }
    .header-top .subtitle { font-size: 13px; opacity: 0.9; }
    .header-flex { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-top: 15px; }
    .header-logo { max-width: 80px; }
    .header-logo img { max-height: 80px; width: auto; }
    .header-info { flex: 1; }
    .header-info p { font-size: 12px; margin: 4px 0; }
    .invoice-meta-top { text-align: right; font-size: 9px; }
    .invoice-meta-top .label { font-weight: 600; opacity: 0.8; }
    .invoice-meta-top .value { font-weight: 700; font-size: 11px; }
    
    /* Info Cards */
    .info-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 15px 0; height: 100px}
    .info-card { border: none; padding: 8px; border-radius: 0; background: transparent; font-size: 9px; }
    .info-card .title { font-weight: 600; font-size: 10px; color: #333; margin-bottom: 4px; }
    .info-card .content { font-size: 9px; line-height: 1.3; }
    .info-card strong { color: #222; font-weight: 500; }
    
    /* Table Styles */
    .items-table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 11px; }
    .items-table th { background: transparent; padding: 10px 8px; text-align: left; font-weight: 700; border-bottom: 1px solid #333; }
    .items-table td { padding: 10px 8px; border-bottom: none; }
    .items-table tbody tr:nth-child(odd) { background: #ffffff; }
    .items-table tbody tr:nth-child(even) { background: #f0f0f0; }
    .items-table tbody tr:hover { background: #f0f5ff; }
    .item-name { font-weight: 600; color: #222; }
    .item-meta { font-size: 10px; color: #999; margin-top: 3px; }
    .text-right { text-align: right; }
    .text-center { text-align: center; }
    
    /* Summary Section */
    .summary-wrapper { margin-top: 20px; display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 20px; }
    
    .totals-column { background: transparent; padding: 15px; border-radius: 0; border: none; }
    .totals-column .total-item { display: flex; justify-content: space-between; padding: 6px 0; font-size: 11px; border-bottom: none; }
    .totals-column .total-item:last-child { border-bottom: none; }
    .totals-column .grand-total { margin-top: 10px; padding-top: 10px; border-top: none; }
    .totals-column .grand-total .label { font-weight: 600; font-size: 12px; }
    .totals-column .grand-total .value { font-weight: 600; font-size: 16px; color: #333; }
    .total-label { font-weight: 500; }
    .total-value { font-weight: 600; color: #333; }
    
    /* Notes & Taxes */
    .notes-column { display: flex; flex-direction: column; gap: 12px; }
    .notes-box, .taxes-box { background: transparent; border: none; padding: 12px; border-radius: 0; }
    .notes-box .title, .taxes-box .title { font-weight: 600; font-size: 11px; color: #333; margin-bottom: 8px; }
    .notes-box .content { font-size: 10px; line-height: 1.5; color: #555; }
    .taxes-box table { width: 100%; font-size: 10px; }
    .taxes-box table tr { border-bottom: none; }
    .taxes-box table tr:last-child { border-bottom: none; }
    .taxes-box table td { padding: 4px 0; }
    .taxes-box table td:first-child { font-weight: 500; }
    .taxes-box table td:last-child { text-align: right; }
    
    /* Payments Column */
    .payments-column { background: transparent; border: none; border-radius: 0; padding: 15px; }
    .payments-column .title { font-weight: 600; font-size: 11px; color: #333; margin-bottom: 10px; }
    .payment-item { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: none; font-size: 11px; }
    .payment-item:last-child { border-bottom: none; }
    .payment-method { font-weight: 500; color: #222; }
    .payment-amount { font-weight: 600; color: #333; }
    
    /* Status Badges */
    .status-box { padding: 8px 12px; border-radius: 0; font-size: 10px; font-weight: 600; margin-top: 8px; border: none; background: transparent; }
    .status-paid { background: transparent; color: #333; border: none; }
    .status-due { background: transparent; color: #333; border: none; }
    .status-balance { background: transparent; color: #333; border: none; }
    
    /* Barcode & Footer */
    .barcode-footer { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; }
    .barcode-section { text-align: center; flex: 1; }
    .barcode-section img { max-width: 200px; height: auto; }
    .footer-message { text-align: center; font-size: 12px; color: #999; padding-top: 15px; }
    .footer-text { font-size: 13px; font-weight: 600; color: #333; }
    
    /* Utility */
    .flex-between { display: flex; justify-content: space-between; align-items: center; }
    .divider { height: 1px; background: #eee; margin: 15px 0; }
    .mt-10 { margin-top: 10px; }
    .mb-10 { margin-bottom: 10px; }
    .small-muted { color: #666; font-size: 10px; }
    
    @media print {
        body { margin: 0; padding: 5mm; background: white; }
        .invoice-wrapper { box-shadow: none; }
        .no-print { display: none !important; }
        .header-top { margin: -5mm -5mm 0; }
    }
</style>
@if (!empty($receipt_details->a4_print_css))
        <style>
            {!! $receipt_details->a4_print_css !!}
        </style>
@endif

<div class="invoice-wrapper">
    <div class="invoice-container">
        
        <!-- ========== HEADER SECTION ========== -->
        <div class="header-top" style="background-color:#ededed !important;">
            <div class="header-flex">
                <div class="header-logo">
                    @if(!empty($receipt_details->logo) && empty($receipt_details->letter_head))
                        <img src="{{$receipt_details->logo}}" alt="Logo">
                    @endif
                </div>
                <div class="header-info">
                    @if(!empty($receipt_details->display_name))
                        <h1>{{$receipt_details->display_name}}</h1>
                    @endif
                    @if(!empty($receipt_details->sub_heading_line1))
                        <p>{{ $receipt_details->sub_heading_line1 }}</p>
                    @endif
                    @if(!empty($receipt_details->sub_heading_line2))
                        <p>{{ $receipt_details->sub_heading_line2 }}</p>
                    @endif
                    @if(!empty($receipt_details->sub_heading_line3))
                        <p>{{ $receipt_details->sub_heading_line3 }}</p>
                    @endif
                    @if(!empty($receipt_details->address))
                        <p>{!! $receipt_details->address !!}</p>
                    @endif
                    @if(!empty($receipt_details->contact))
                        <p>{!! $receipt_details->contact !!}</p>
                    @endif
                </div>
                <div class="invoice-meta-top">
                    @if(!empty($receipt_details->invoice_heading))
                        <div class="subtitle">{{ $receipt_details->invoice_heading }}</div>
                    @endif
                    <div class="mt-10">
                        <div><span class="label" style="border: none;">{{$receipt_details->date_label ?? 'Date'}}:</span></div>
                        <div class="value">{{$receipt_details->invoice_date}}</div>
                    </div>
                    @if(!empty($receipt_details->invoice_no_prefix))
                        <div class="mt-10">
                            <div><span class="label" style="border: none;">{!! $receipt_details->invoice_no_prefix !!}</span></div>
                            <div class="value">{{$receipt_details->invoice_no}}</div>
                        </div>
                    @endif
                    @if(!empty($receipt_details->due_date))
                        <div class="mt-10">
                            <div><span class="label">{{$receipt_details->due_date_label ?? 'Due'}}:</span></div>
                            <div class="value">{{$receipt_details->due_date}}</div>
                        </div>
                    @endif
                </div>
            </div>
            @if(!empty($receipt_details->letter_head))
                <div style="text-align:center; margin-top:15px;">
                    <img src="{{$receipt_details->letter_head}}" style="max-height:60px; width:auto;" alt="Letter head">
                </div>
            @endif
            @if(!empty($receipt_details->sub_heading_line4))
                <p class="subtitle" style="margin-top:10px;">{{ $receipt_details->sub_heading_line4 }}</p>
            @endif
            @if(!empty($receipt_details->sub_heading_line5))
                <p class="subtitle">{{ $receipt_details->sub_heading_line5 }}</p>
            @endif
            @if(!empty($receipt_details->website))
                <p class="subtitle">{{$receipt_details->website}}</p>
            @endif
            @if(!empty($receipt_details->location_custom_fields))
                <p class="subtitle">{{ $receipt_details->location_custom_fields }}</p>
            @endif
        </div>
        
        <!-- ========== INFO CARDS ========== -->
        <div class="info-cards">
            <!-- Customer Info Card -->
            @if(empty($receipt_details->layout_designs['swap_info']) || $receipt_details->layout_designs['swap_info'] == 0)
                <div class="info-card">
                    <div class="title">{{ $receipt_details->customer_label ?? 'Customer' }}</div>
                    <div class="content">
                        @if(!empty($receipt_details->customer_info))
                            {!! $receipt_details->customer_info !!}
                        @endif
                        @if(!empty($receipt_details->client_id_label))
                            <div><strong>{{ $receipt_details->client_id_label }}:</strong> {{ $receipt_details->client_id }}</div>
                        @endif
                        @if(!empty($receipt_details->customer_tax_label))
                            <div><strong>{{ $receipt_details->customer_tax_label }}:</strong> {{ $receipt_details->customer_tax_number }}</div>
                        @endif
                        @if(!empty($receipt_details->customer_custom_fields))
                            <div class="mt-10">{!! $receipt_details->customer_custom_fields !!}</div>
                        @endif
                    </div>
                </div>
                
                <!-- Staff/Service Info Card -->
                <div class="info-card">
                    {{-- <div class="title">Staff & Service</div> --}}
                    <div class="content">
                        @if(!empty($receipt_details->types_of_service))
                            <div><strong>{{ $receipt_details->types_of_service_label }}:</strong> {{$receipt_details->types_of_service}}</div>
                            @if(!empty($receipt_details->types_of_service_custom_fields))
                                @foreach($receipt_details->types_of_service_custom_fields as $key => $value)
                                    <div><strong>{{$key}}:</strong> {{$value}}</div>
                                @endforeach
                            @endif
                        @endif
                        @if(!empty($receipt_details->table_label) || !empty($receipt_details->table))
                            <div><strong>{{ $receipt_details->table_label ?? 'Table' }}:</strong> {{$receipt_details->table}}</div>
                        @endif
                        @if(!empty($receipt_details->sales_person_label))
                            <div><strong>{{ $receipt_details->sales_person_label }}:</strong> {{ $receipt_details->sales_person }}</div>
                        @endif
                        @if(!empty($receipt_details->commission_agent_label))
                            <div><strong>{{ $receipt_details->commission_agent_label }}:</strong> {{ $receipt_details->commission_agent }}</div>
                        @endif
                        @if(!empty($receipt_details->service_staff_label))
                            <div><strong>{{ $receipt_details->service_staff_label }}:</strong> {{$receipt_details->service_staff}}</div>
                        @endif
                        @if(!empty($receipt_details->customer_rp_label))
                            <div><strong>{{ $receipt_details->customer_rp_label }}:</strong> {{ $receipt_details->customer_total_rp }}</div>
                        @endif
                    </div>
                </div>
            @else
                <!-- Swapped: Staff First -->
                <div class="info-card">
                    {{-- <div class="title">Staff & Service</div> --}}
                    <div class="content">
                        @if(!empty($receipt_details->types_of_service))
                            <div><strong>{{ $receipt_details->types_of_service_label }}:</strong> {{$receipt_details->types_of_service}}</div>
                            @if(!empty($receipt_details->types_of_service_custom_fields))
                                @foreach($receipt_details->types_of_service_custom_fields as $key => $value)
                                    <div><strong>{{$key}}:</strong> {{$value}}</div>
                                @endforeach
                            @endif
                        @endif
                        @if(!empty($receipt_details->table_label) || !empty($receipt_details->table))
                            <div><strong>{{ $receipt_details->table_label ?? 'Table' }}:</strong> {{$receipt_details->table}}</div>
                        @endif
                        @if(!empty($receipt_details->sales_person_label))
                            <div><strong>{{ $receipt_details->sales_person_label }}:</strong> {{ $receipt_details->sales_person }}</div>
                        @endif
                        @if(!empty($receipt_details->commission_agent_label))
                            <div><strong>{{ $receipt_details->commission_agent_label }}:</strong> {{ $receipt_details->commission_agent }}</div>
                        @endif
                        @if(!empty($receipt_details->service_staff_label))
                            <div><strong>{{ $receipt_details->service_staff_label }}:</strong> {{$receipt_details->service_staff}}</div>
                        @endif
                        @if(!empty($receipt_details->customer_rp_label))
                            <div><strong>{{ $receipt_details->customer_rp_label }}:</strong> {{ $receipt_details->customer_total_rp }}</div>
                        @endif
                    </div>
                </div>
                
                <div class="info-card">
                    <div class="title">{{ $receipt_details->customer_label ?? 'Customer' }}</div>
                    <div class="content">
                        @if(!empty($receipt_details->customer_info))
                            {!! $receipt_details->customer_info !!}
                        @endif
                        @if(!empty($receipt_details->client_id_label))
                            <div><strong>{{ $receipt_details->client_id_label }}:</strong> {{ $receipt_details->client_id }}</div>
                        @endif
                        @if(!empty($receipt_details->customer_tax_label))
                            <div><strong>{{ $receipt_details->customer_tax_label }}:</strong> {{ $receipt_details->customer_tax_number }}</div>
                        @endif
                        @if(!empty($receipt_details->customer_custom_fields))
                            <div class="mt-10">{!! $receipt_details->customer_custom_fields !!}</div>
                        @endif
                    </div>
                </div>
            @endif
            
            <!-- Repair Info Card (if available) -->
            @if(!empty($receipt_details->brand_label) || !empty($receipt_details->device_label))
                <div class="info-card">
                    <div class="title">Device & Repair</div>
                    <div class="content">
                        @if(!empty($receipt_details->brand_label) || !empty($receipt_details->repair_brand))
                            <div><strong>{{ $receipt_details->brand_label ?? 'Brand' }}:</strong> {{$receipt_details->repair_brand}}</div>
                        @endif
                        @if(!empty($receipt_details->device_label) || !empty($receipt_details->repair_device))
                            <div><strong>{{ $receipt_details->device_label ?? 'Device' }}:</strong> {{$receipt_details->repair_device}}</div>
                        @endif
                        @if(!empty($receipt_details->model_no_label) || !empty($receipt_details->repair_model_no))
                            <div><strong>{{ $receipt_details->model_no_label ?? 'Model' }}:</strong> {{$receipt_details->repair_model_no}}</div>
                        @endif
                        @if(!empty($receipt_details->serial_no_label) || !empty($receipt_details->repair_serial_no))
                            <div><strong>{{ $receipt_details->serial_no_label ?? 'Serial' }}:</strong> {{$receipt_details->repair_serial_no}}</div>
                        @endif
                        @if(!empty($receipt_details->repair_status_label) || !empty($receipt_details->repair_status))
                            <div><strong>{{ $receipt_details->repair_status_label ?? 'Status' }}:</strong> {{$receipt_details->repair_status}}</div>
                        @endif
                        @if(!empty($receipt_details->repair_warranty_label) || !empty($receipt_details->repair_warranty))
                            <div><strong>{{ $receipt_details->repair_warranty_label ?? 'Warranty' }}:</strong> {{$receipt_details->repair_warranty}}</div>
                        @endif
                    </div>
                </div>
            @endif
            
            <!-- Tax Info Card -->
            @if(!empty($receipt_details->tax_info1) || !empty($receipt_details->tax_info2))
                <div class="info-card">
                    <div class="title">Tax Information</div>
                    <div class="content">
                        @if(!empty($receipt_details->tax_info1))
                            <div><strong>{{ $receipt_details->tax_label1 }}:</strong> {{ $receipt_details->tax_info1 }}</div>
                        @endif
                        @if(!empty($receipt_details->tax_info2))
                            <div><strong>{{ $receipt_details->tax_label2 }}:</strong> {{ $receipt_details->tax_info2 }}</div>
                        @endif
                    </div>
                </div>
            @endif
            
            <!-- Shipping Custom Fields -->
            @if(!empty($receipt_details->shipping_custom_field_1_label) || !empty($receipt_details->shipping_custom_field_2_label))
                <div class="info-card">
                    <div class="title">Shipping Details</div>
                    <div class="content">
                        @if(!empty($receipt_details->shipping_custom_field_1_label))
                            <div><strong>{!!$receipt_details->shipping_custom_field_1_label!!}:</strong> {!!$receipt_details->shipping_custom_field_1_value ?? ''!!}</div>
                        @endif
                        @if(!empty($receipt_details->shipping_custom_field_2_label))
                            <div><strong>{!!$receipt_details->shipping_custom_field_2_label!!}:</strong> {!!$receipt_details->shipping_custom_field_2_value ?? ''!!}</div>
                        @endif
                        @if(!empty($receipt_details->shipping_custom_field_3_label))
                            <div><strong>{!!$receipt_details->shipping_custom_field_3_label!!}:</strong> {!!$receipt_details->shipping_custom_field_3_value ?? ''!!}</div>
                        @endif
                        @if(!empty($receipt_details->shipping_custom_field_4_label))
                            <div><strong>{!!$receipt_details->shipping_custom_field_4_label!!}:</strong> {!!$receipt_details->shipping_custom_field_4_value ?? ''!!}</div>
                        @endif
                        @if(!empty($receipt_details->shipping_custom_field_5_label))
                            <div><strong>{!!$receipt_details->shipping_custom_field_5_label!!}:</strong> {!!$receipt_details->shipping_custom_field_5_value ?? ''!!}</div>
                        @endif
                    </div>
                </div>
            @endif
            
            <!-- Order Info -->
            @if(!empty($receipt_details->sale_orders_invoice_no) || !empty($receipt_details->sale_orders_invoice_date))
                <div class="info-card">
                    <div class="title">Order Information</div>
                    <div class="content">
                        @if(!empty($receipt_details->sale_orders_invoice_no))
                            <div><strong>@lang('restaurant.order_no'):</strong> {!!$receipt_details->sale_orders_invoice_no ?? ''!!}</div>
                        @endif
                        @if(!empty($receipt_details->sale_orders_invoice_date))
                            <div><strong>@lang('lang_v1.order_dates'):</strong> {!!$receipt_details->sale_orders_invoice_date ?? ''!!}</div>
                        @endif
                    </div>
                </div>
            @endif
            
            <!-- Custom Fields -->
            @if(!empty($receipt_details->sell_custom_field_1_value) || !empty($receipt_details->sell_custom_field_2_value))
                <div class="info-card">
                    <div class="title">Additional Information</div>
                    <div class="content">
                        @if(!empty($receipt_details->sell_custom_field_1_value))
                            <div><strong>{{ $receipt_details->sell_custom_field_1_label }}:</strong> {!!$receipt_details->sell_custom_field_1_value ?? ''!!}</div>
                        @endif
                        @if(!empty($receipt_details->sell_custom_field_2_value))
                            <div><strong>{{ $receipt_details->sell_custom_field_2_label }}:</strong> {!!$receipt_details->sell_custom_field_2_value ?? ''!!}</div>
                        @endif
                        @if(!empty($receipt_details->sell_custom_field_3_value))
                            <div><strong>{{ $receipt_details->sell_custom_field_3_label }}:</strong> {!!$receipt_details->sell_custom_field_3_value ?? ''!!}</div>
                        @endif
                        @if(!empty($receipt_details->sell_custom_field_4_value))
                            <div><strong>{{ $receipt_details->sell_custom_field_4_label }}:</strong> {!!$receipt_details->sell_custom_field_4_value ?? ''!!}</div>
                        @endif
                    </div>
                </div>
            @endif
        </div>

        <!-- ========== REPAIR CHECKLIST ========== -->
        @includeIf('sale_pos.receipts.partial.common_repair_invoice')

        <!-- ========== ITEMS TABLE ========== -->
        <div style="margin: 20px 0;">
            @php
                $p_width = 45;
                if(!empty($receipt_details->item_discount_label)) { $p_width -= 10; }
                if(!empty($receipt_details->discounted_unit_price_label)) { $p_width -= 10; }
            @endphp

            <table class="items-table">
                <thead>
                    <tr>
                        <th style="width:{{$p_width}}%;">{{$receipt_details->table_product_label}}</th>
                        <th style="width:10%; text-align:right;">{{$receipt_details->table_qty_label}}</th>
                        <th style="width:15%; text-align:right;">{{$receipt_details->table_unit_price_label}}</th>
                        @if(!empty($receipt_details->discounted_unit_price_label))
                            <th style="width:10%; text-align:right;">{{$receipt_details->discounted_unit_price_label}}</th>
                        @endif
                        @if(!empty($receipt_details->item_discount_label))
                            <th style="width:10%; text-align:right;">{{$receipt_details->item_discount_label}}</th>
                        @endif
                        <th style="width:15%; text-align:right;">{{$receipt_details->table_subtotal_label}}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($receipt_details->lines as $line)
                        <tr>
                            <td>
                                <div style="display:flex; gap:8px; align-items:flex-start;">
                                    @if(!empty($line['image']))
                                        <img src="{{$line['image']}}" alt="" style="height:35px; width:35px; object-fit:cover; border-radius:4px; flex-shrink:0;">
                                    @endif
                                    <div style="flex:1;">
                                        <div class="item-name">{{$line['name']}}</div>
                                        @if(!empty($line['product_variation']) || !empty($line['variation']))
                                            <div class="item-meta">{{$line['product_variation']}} {{$line['variation']}}</div>
                                        @endif
                                        @if(!empty($line['sub_sku']))
                                            <div class="item-meta">SKU: {{$line['sub_sku']}}</div>
                                        @endif
                                        @if(!empty($line['brand']))
                                            <div class="item-meta">{{$line['brand']}}</div>
                                        @endif
                                        @if(!empty($line['cat_code']))
                                            <div class="item-meta">Code: {{$line['cat_code']}}</div>
                                        @endif
                                        @if(!empty($line['product_custom_fields']))
                                            <div class="item-meta">{{$line['product_custom_fields']}}</div>
                                        @endif
                                        @if(!empty($line['product_description']))
                                            <div class="item-meta">{!!$line['product_description']!!}</div>
                                        @endif
                                        @if(!empty($line['sell_line_note']))
                                            <div class="item-meta" style="font-style:italic;">{!!$line['sell_line_note']!!}</div>
                                        @endif
                                        @if(!empty($line['lot_number']))
                                            <div class="item-meta">{{$line['lot_number_label']}}: {{$line['lot_number']}}</div>
                                        @endif
                                        @if(!empty($line['product_expiry']))
                                            <div class="item-meta">{{$line['product_expiry_label']}}: {{$line['product_expiry']}}</div>
                                        @endif
                                        @if(!empty($line['warranty_name']))
                                            <div class="item-meta"><strong>{{$line['warranty_name']}}</strong>
                                                @if(!empty($line['warranty_exp_date'])) - {{@format_date($line['warranty_exp_date'])}} @endif
                                                @if(!empty($line['warranty_description'])) {{$line['warranty_description']}} @endif
                                            </div>
                                        @endif
                                        @if($receipt_details->show_base_unit_details && $line['quantity'] && $line['base_unit_multiplier'] !== 1)
                                            <div class="item-meta">1 {{$line['units']}} = {{$line['base_unit_multiplier']}} {{$line['base_unit_name']}}</div>
                                        @endif
                                    </div>
                                </div>
                            </td>
                            <td class="text-right">
                                {{$line['quantity']}} {{$line['units']}}
                                @if($receipt_details->show_base_unit_details && $line['quantity'] && $line['base_unit_multiplier'] !== 1)
                                    <div class="item-meta">{{$line['orig_quantity']}} {{$line['base_unit_name']}}</div>
                                @endif
                            </td>
                            <td class="text-right">{{$line['unit_price_before_discount']}}</td>
                            @if(!empty($receipt_details->discounted_unit_price_label))
                                <td class="text-right">{{$line['unit_price_inc_tax']}}</td>
                            @endif
                            @if(!empty($receipt_details->item_discount_label))
                                <td class="text-right">
                                    {{$line['total_line_discount'] ?? '0.00'}}
                                    @if(!empty($line['line_discount_percent']))<div class="item-meta">({{$line['line_discount_percent']}}%)</div>@endif
                                </td>
                            @endif
                            <td class="text-right"><strong>{{$line['line_total']}}</strong></td>
                        </tr>

                        @if(!empty($line['modifiers']))
                            @foreach($line['modifiers'] as $modifier)
                                <tr style="background: #f8f9fa;">
                                    <td style="padding-left:20px;">
                                        <div style="font-size:10px; color:#666;">
                                            <strong>→ {{$modifier['name']}}</strong>
                                            @if(!empty($modifier['variation'])) <div>{{$modifier['variation']}}</div> @endif
                                            @if(!empty($modifier['sub_sku'])) <div>({{$modifier['sub_sku']}})</div> @endif
                                        </div>
                                    </td>
                                    <td class="text-right" style="font-size:10px;">{{$modifier['quantity']}} {{$modifier['units']}}</td>
                                    <td class="text-right" style="font-size:10px;">{{$modifier['unit_price_exc_tax']}}</td>
                                    @if(!empty($receipt_details->discounted_unit_price_label))
                                        <td class="text-right" style="font-size:10px;">{{$modifier['unit_price_inc_tax']}}</td>
                                    @endif
                                    @if(!empty($receipt_details->item_discount_label))
                                        <td class="text-right" style="font-size:10px;">0.00</td>
                                    @endif
                                    <td class="text-right" style="font-size:10px;"><strong>{{$modifier['line_total']}}</strong></td>
                                </tr>
                            @endforeach
                        @endif
                    @empty
                        <tr><td colspan="6" style="text-align:center; padding:20px;">@lang('lang_v1.no_data')</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <!-- ========== SUMMARY SECTION ========== -->
        <div class="divider"></div>
        
        @if(!empty($receipt_details->layout_designs['swap_payment_details']) && $receipt_details->layout_designs['swap_payment_details'] == 1)
            <!-- Payments First Layout -->
            <div class="summary-wrapper">
                <!-- Payments (First) -->
                <div class="payments-column">
                    <div class="title">طريقة الدفع</div>
                    @if(!empty($receipt_details->payments))
                        @foreach($receipt_details->payments as $payment)
                            <div class="payment-item">
                                <span class="payment-method">{{$payment['method']}}</span>
                                <span class="payment-amount">{{$payment['amount']}}</span>
                            </div>
                        @endforeach
                    @endif

                    @if(!empty($receipt_details->total_paid))
                        <div class="status-box status-paid">
                            <div>{{ $receipt_details->total_paid_label }}</div>
                            <div style="font-weight:600; font-size:12px;">{{$receipt_details->total_paid}}</div>
                        </div>
                    @endif

                    @if(!empty($receipt_details->total_due) && !empty($receipt_details->total_due_label))
                        <div class="status-box status-due">
                            <div>{{ $receipt_details->total_due_label }}</div>
                            <div style="font-weight:600; font-size:12px;">{{$receipt_details->total_due}}</div>
                        </div>
                    @endif

                    @if(!empty($receipt_details->all_due))
                        <div class="status-box status-balance">
                            <div>{{ $receipt_details->all_bal_label }}</div>
                            <div style="font-weight:600; font-size:12px;">{{$receipt_details->all_due}}</div>
                        </div>
                    @endif
                </div>

                <!-- Notes & Taxes (Middle) -->
                <div class="notes-column">
                    @if(!empty($receipt_details->additional_notes))
                        <div class="notes-box">
                            <div class="title">Additional Notes</div>
                            <div class="content">{!! nl2br($receipt_details->additional_notes) !!}</div>
                        </div>
                    @endif
                    
                    @if(!empty($receipt_details->taxes))
                        <div class="taxes-box">
                            <div class="title">Tax Summary</div>
                            <table>
                                @foreach($receipt_details->taxes as $key => $val)
                                    <tr>
                                        <td>{{$key}}</td>
                                        <td>{{$val}}</td>
                                    </tr>
                                @endforeach
                            </table>
                        </div>
                    @endif
                </div>

                <!-- Totals (Last) -->
                <div class="totals-column">
                    @if(!empty($receipt_details->total_items_label))
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->total_items_label !!}</span>
                            <span class="total-value">{{$receipt_details->total_items}}</span>
                        </div>
                    @endif
                    @if(!empty($receipt_details->total_quantity_label))
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->total_quantity_label !!}</span>
                            <span class="total-value">{{$receipt_details->total_quantity}}</span>
                        </div>
                    @endif
                    @if(!empty($receipt_details->total_types_label))
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->total_types_label !!}</span>
                            <span class="total-value">{{$receipt_details->total_types}}</span>
                        </div>
                    @endif

                    <div class="total-item" style="font-weight:600;">
                        <span>{!! $receipt_details->subtotal_label !!}</span>
                        <span>{{$receipt_details->subtotal}}</span>
                    </div>

                    @if(!empty($receipt_details->total_exempt_uf))
                        <div class="total-item">
                            <span class="total-label">@lang('lang_v1.exempt')</span>
                            <span class="total-value">{{$receipt_details->total_exempt}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->shipping_charges))
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->shipping_charges_label !!}</span>
                            <span class="total-value">{{$receipt_details->shipping_charges}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->packing_charge))
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->packing_charge_label !!}</span>
                            <span class="total-value">{{$receipt_details->packing_charge}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->total_line_discount))
                        <div class="total-item" style="color:#c41e3a;">
                            <span class="total-label">{!! $receipt_details->line_discount_label !!}</span>
                            <span>(-) {{$receipt_details->total_line_discount}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->discount))
                        <div class="total-item" style="color:#c41e3a;">
                            <span class="total-label">{!! $receipt_details->discount_label !!}</span>
                            <span>(-) {{$receipt_details->discount}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->additional_expenses))
                        @foreach($receipt_details->additional_expenses as $key => $val)
                            <div class="total-item">
                                <span class="total-label">{{$key}}</span>
                                <span>(+) {{$val}}</span>
                            </div>
                        @endforeach
                    @endif

                    @if(!empty($receipt_details->reward_point_label))
                        <div class="total-item" style="color:#c41e3a;">
                            <span class="total-label">{!! $receipt_details->reward_point_label !!}</span>
                            <span>(-) {{$receipt_details->reward_point_amount}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->tax))
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->tax_label !!}</span>
                            <span>(+) {{$receipt_details->tax}}</span>
                        </div>
                    @endif

                    @if($receipt_details->round_off_amount > 0)
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->round_off_label !!}</span>
                            <span>{{$receipt_details->round_off}}</span>
                        </div>
                    @endif

                    <div class="grand-total">
                        <div class="label flex-between">
                            <span>{!! $receipt_details->total_label !!}</span>
                            <span class="value">{{$receipt_details->total}}</span>
                        </div>
                        @if(!empty($receipt_details->total_in_words))
                            <div style="font-size:9px; color:#666; margin-top:4px;">({{$receipt_details->total_in_words}})</div>
                        @endif
                    </div>
                </div>
            </div>
        @else
            <!-- Default Layout (Totals First) -->
            <div class="summary-wrapper">
                <!-- Totals (First) -->
                <div class="totals-column">
                    
                    @if(!empty($receipt_details->total_items_label))
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->total_items_label !!}</span>
                            <span class="total-value">{{$receipt_details->total_items}}</span>
                        </div>
                    @endif
                    @if(!empty($receipt_details->total_quantity_label))
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->total_quantity_label !!}</span>
                            <span class="total-value">{{$receipt_details->total_quantity}}</span>
                        </div>
                    @endif

                    <div class="total-item" style="font-weight:600;">
                        <span>{!! $receipt_details->subtotal_label !!}</span>
                        <span>{{$receipt_details->subtotal}}</span>
                    </div>

                    @if(!empty($receipt_details->total_exempt_uf))
                        <div class="total-item">
                            <span class="total-label">@lang('lang_v1.exempt')</span>
                            <span class="total-value">{{$receipt_details->total_exempt}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->shipping_charges))
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->shipping_charges_label !!}</span>
                            <span class="total-value">{{$receipt_details->shipping_charges}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->packing_charge))
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->packing_charge_label !!}</span>
                            <span class="total-value">{{$receipt_details->packing_charge}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->total_line_discount))
                        <div class="total-item" style="color:#c41e3a;">
                            <span class="total-label">{!! $receipt_details->line_discount_label !!}</span>
                            <span>(-) {{$receipt_details->total_line_discount}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->discount))
                        <div class="total-item" style="color:#c41e3a;">
                            <span class="total-label">{!! $receipt_details->discount_label !!}</span>
                            <span>(-) {{$receipt_details->discount}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->additional_expenses))
                        @foreach($receipt_details->additional_expenses as $key => $val)
                            <div class="total-item">
                                <span class="total-label">{{$key}}</span>
                                <span>(+) {{$val}}</span>
                            </div>
                        @endforeach
                    @endif

                    @if(!empty($receipt_details->reward_point_label))
                        <div class="total-item" style="color:#c41e3a;">
                            <span class="total-label">{!! $receipt_details->reward_point_label !!}</span>
                            <span>(-) {{$receipt_details->reward_point_amount}}</span>
                        </div>
                    @endif

                    @if(!empty($receipt_details->tax))
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->tax_label !!}</span>
                            <span>(+) {{$receipt_details->tax}}</span>
                        </div>
                    @endif

                    @if($receipt_details->round_off_amount > 0)
                        <div class="total-item">
                            <span class="total-label">{!! $receipt_details->round_off_label !!}</span>
                            <span>{{$receipt_details->round_off}}</span>
                        </div>
                    @endif

                    <div class="grand-total">
                        <div class="label flex-between">
                            <span>{!! $receipt_details->total_label !!}</span>
                            <span class="value">{{$receipt_details->total}}</span>
                        </div>
                        @if(!empty($receipt_details->total_in_words))
                            <div style="font-size:9px; color:#666; margin-top:4px;">({{$receipt_details->total_in_words}})</div>
                        @endif
                    </div>
                </div>

                <!-- Notes & Taxes (Middle) -->
                <div class="notes-column">
                    @if(!empty($receipt_details->additional_notes))
                        <div class="notes-box">
                            <div class="title">Additional Notes</div>
                            <div class="content">{!! nl2br($receipt_details->additional_notes) !!}</div>
                        </div>
                    @endif
                    
                    @if(!empty($receipt_details->taxes))
                        <div class="taxes-box">
                            <div class="title">Tax Summary</div>
                            <table>
                                @foreach($receipt_details->taxes as $key => $val)
                                    <tr>
                                        <td>{{$key}}</td>
                                        <td>{{$val}}</td>
                                    </tr>
                                @endforeach
                            </table>
                        </div>
                    @endif
                </div>

                <!-- Payments (Last) -->
                <div class="payments-column">
                    <div class="title">طريقة الدفع</div>
                    @if(!empty($receipt_details->payments))
                        @foreach($receipt_details->payments as $payment)
                            <div class="payment-item">
                                <span class="payment-method">{{$payment['method']}}</span>
                                <span class="payment-amount">{{$payment['amount']}}</span>
                            </div>
                        @endforeach
                    @endif

                    @if(!empty($receipt_details->total_paid))
                        <div class="status-box status-paid">
                            <div>{{ $receipt_details->total_paid_label }}</div>
                            <div style="font-weight:600; font-size:12px;">{{$receipt_details->total_paid}}</div>
                        </div>
                    @endif

                    @if(!empty($receipt_details->total_due) && !empty($receipt_details->total_due_label))
                        <div class="status-box status-due">
                            <div>{{ $receipt_details->total_due_label }}</div>
                            <div style="font-weight:600; font-size:12px;">{{$receipt_details->total_due}}</div>
                        </div>
                    @endif

                    @if(!empty($receipt_details->all_due))
                        <div class="status-box status-balance">
                            <div>{{ $receipt_details->all_bal_label }}</div>
                            <div style="font-weight:600; font-size:12px;">{{$receipt_details->all_due}}</div>
                        </div>
                    @endif
                </div>
            </div>
        @endif

        <!-- ========== BARCODE & FOOTER ========== -->
        <div class="barcode-footer">
            <div style="flex:1;"></div>
            <div class="barcode-section">
                @if($receipt_details->show_barcode || $receipt_details->show_qr_code)
                    <div style="display:flex; flex-direction:column; gap:8px; align-items:center;">
                        @if($receipt_details->show_barcode)
                            <div>
                                <img src="data:image/png;base64,{{DNS1D::getBarcodePNG($receipt_details->invoice_no, 'C128', 2,30,array(39, 48, 54), true)}}" alt="barcode" style="max-width:220px; height:auto;">
                            </div>
                        @endif
                        @if($receipt_details->show_qr_code && !empty($receipt_details->qr_code_text))
                            <div>
                                <img src="data:image/png;base64,{{DNS2D::getBarcodePNG($receipt_details->qr_code_text, 'QRCODE', 3, 3, [39, 48, 54])}}" alt="qrcode" style="max-width:120px; height:auto;">
                            </div>
                        @endif
                    </div>
                @endif
            </div>
            <div style="flex:1;"></div>
        </div>

        <!-- Footer Message -->
        <hr>
        @if(!empty($receipt_details->footer_text))
            <div class="footer-message">
                <div class="footer-text">{!! $receipt_details->footer_text !!}</div>
            </div>
        @endif


    </div>
</div>