@php
// Comprehensive invoice design (classic4): Complete invoice with all variables
@endphp

<style>
/* Header Styles */
.invoice-header { display:flex; align-items:center; justify-content:space-between; padding:10px 0; margin-bottom:10px; }
.invoice-logo { max-height:100px; }
.invoice-company { text-align:center; flex:1; }
.invoice-meta { text-align:right; }

/* Table Styles */
.table-invoice { width:100%; border-collapse:collapse; margin:10px 0; }
.table-invoice th, .table-invoice td { padding:8px; border:1px solid #ddd; font-size:11px; }
.table-invoice thead th { background-color:{{ $receipt_details->theme_color ?? '#f5f5f5' }}; border-bottom:2px solid #000; font-weight:700; }
.table-bordered-system { border-collapse:collapse; }
.table-bordered-system th, .table-bordered-system td { padding:6px; }
.theme-color th { background-color:{{ $receipt_details->theme_color }} !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }

/* Totals Box */
.total-row { display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px solid #eee; font-size:11px; }
.total-value { font-size:18px; font-weight:700; color:#000; }
.section-title { font-weight:700; font-size:12px; margin-top:8px; margin-bottom:6px; padding-bottom:4px; }

/* Utility Styles */
.small-muted { color:#666; font-size:10px; }
.payment-table { width:100%; margin-top:8px; font-size:10px; }
.payment-table td { padding:4px; }
.tax-summary { width:100%; margin-top:10px; border:1px solid #ddd; }
.tax-summary th, .tax-summary td { padding:6px; text-align:center; border:1px solid #ddd; font-size:10px; }

/* Layout Sections */
.header-section { margin-bottom:10px; }
.customer-section { display:flex; justify-content:space-between; margin:8px 0; padding:8px; font-size:11px; }
.items-section { margin:10px 0; }
.summary-section { margin-top:15px; display:flex; justify-content:space-between; gap:10px; }
.barcode-section { width: 100%; margin-right: 300px; margin-top: 35px;}

@media print {
  .no-print { display:none !important; }
  body { margin:0; padding:2mm; }
  .table-invoice th, .table-invoice td { padding:4px; font-size:9px; }
  .invoice-header { page-break-inside:avoid; }
}
</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-section" style="color:#000;">
    <div class="invoice-header">
        <div class="invoice-left" style="width:20%;">
            @if(!empty($receipt_details->logo) && empty($receipt_details->letter_head))
                <img src="{{$receipt_details->logo}}" class="invoice-logo" alt="Logo">
            @elseif(!empty($receipt_details->header_text))
                <div style="font-size:10px;">{!! $receipt_details->header_text !!}</div>
            @endif
        </div>

        <div class="invoice-company" style="width:50%;">
            @if(!empty($receipt_details->display_name))
                <h2 style="margin:0; font-size:16px;">{{$receipt_details->display_name}}</h2>
            @endif
            @if(!empty($receipt_details->sub_heading_line1))
                <div style="font-size:10px;">{{ $receipt_details->sub_heading_line1 }}</div>
            @endif
            @if(!empty($receipt_details->sub_heading_line2))
                <div style="font-size:10px;">{{ $receipt_details->sub_heading_line2 }}</div>
            @endif
            @if(!empty($receipt_details->sub_heading_line3))
                <div style="font-size:10px;">{{ $receipt_details->sub_heading_line3 }}</div>
            @endif
            @if(!empty($receipt_details->sub_heading_line4))
                <div style="font-size:10px;">{{ $receipt_details->sub_heading_line4 }}</div>
            @endif
            @if(!empty($receipt_details->sub_heading_line5))
                <div style="font-size:10px;">{{ $receipt_details->sub_heading_line5 }}</div>
            @endif
            @if(!empty($receipt_details->address))
                <div class="small-muted">{!! $receipt_details->address !!}</div>
            @endif
            @if(!empty($receipt_details->contact))
                <div class="small-muted">{!! $receipt_details->contact !!}</div>
            @endif
            @if(!empty($receipt_details->website))
                <div class="small-muted">{{$receipt_details->website}}</div>
            @endif
            @if(!empty($receipt_details->location_custom_fields))
                <div class="small-muted">{{ $receipt_details->location_custom_fields }}</div>
            @endif
        </div>

        <div class="invoice-meta" style="width:25%;">
            @if(!empty($receipt_details->invoice_heading))
                <h3 style="margin:0; font-size:14px;">{!! $receipt_details->invoice_heading !!}</h3>
            @endif

            <div class="small-muted" style="font-size:9px;">
                <div><strong>{{$receipt_details->date_label}}:</strong> {{$receipt_details->invoice_date}}</div>
                @if(!empty($receipt_details->invoice_no_prefix))
                    <div><strong>{!! $receipt_details->invoice_no_prefix !!}</strong> {{$receipt_details->invoice_no}}</div>
                @endif
                @if(!empty($receipt_details->due_date))
                    <div><strong>{{$receipt_details->due_date_label ?? 'Due'}}:</strong> {{$receipt_details->due_date}}</div>
                @endif
            </div>

            @if(!empty($receipt_details->tax_info1))
                <div style="font-size:9px; margin-top:4px;"><b>{{ $receipt_details->tax_label1 }}</b> {{ $receipt_details->tax_info1 }}</div>
            @endif
            @if(!empty($receipt_details->tax_info2))
                <div style="font-size:9px;"><b>{{ $receipt_details->tax_label2 }}</b> {{ $receipt_details->tax_info2 }}</div>
            @endif
        </div>
    </div>

    @if(!empty($receipt_details->letter_head))
        <div style="text-align:center; margin-top:8px;">
            <img src="{{$receipt_details->letter_head}}" style="width:100%; max-height:80px; object-fit:contain;" alt="Letter head">
        </div>
    @endif
</div>

<div class="items-section">
    @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="table-invoice @if($receipt_details->layout_designs['borders'] == 1) table-bordered-system @endif @if($receipt_details->layout_designs['color'] == 1) theme-color @endif">
        <thead>
            <tr>
                <th style="width:{{$p_width}}%;">{{$receipt_details->table_product_label}}</th>
                <th style="text-align:right; width:10%;">{{$receipt_details->table_qty_label}}</th>
                <th style="text-align:right; width:15%;">{{$receipt_details->table_unit_price_label}}</th>
                @if(!empty($receipt_details->discounted_unit_price_label))
                    <th style="text-align:right; width:10%;">{{$receipt_details->discounted_unit_price_label}}</th>
                @endif
                @if(!empty($receipt_details->item_discount_label))
                    <th style="text-align:right; width:10%;">{{$receipt_details->item_discount_label}}</th>
                @endif
                <th style="text-align:right; width:15%;">{{$receipt_details->table_subtotal_label}}</th>
            </tr>
        </thead>
        <tbody>
            @forelse($receipt_details->lines as $line)
                <tr>
                    <td style="padding:8px;">
                        <div style="display:flex; gap:8px;">
                            @if(!empty($line['image']))
                                <img src="{{$line['image']}}" alt="" style="height:40px; width:40px; object-fit:cover; flex-shrink:0;">
                            @endif
                            <div style="flex:1;">
                                <strong style="display:block; font-size:11px;">{{$line['name']}}</strong>
                                @if(!empty($line['product_variation']) || !empty($line['variation']))
                                    <div class="small-muted">{{$line['product_variation']}} {{$line['variation']}}</div>
                                @endif
                                @if(!empty($line['sub_sku']))
                                    <div class="small-muted">SKU: {{$line['sub_sku']}}</div>
                                @endif
                                @if(!empty($line['brand']))
                                    <div class="small-muted">{{$line['brand']}}</div>
                                @endif
                                @if(!empty($line['cat_code']))
                                    <div class="small-muted">Code: {{$line['cat_code']}}</div>
                                @endif
                                @if(!empty($line['product_custom_fields']))
                                    <div class="small-muted">{{$line['product_custom_fields']}}</div>
                                @endif
                                @if(!empty($line['product_description']))
                                    <div class="small-muted">{!!$line['product_description']!!}</div>
                                @endif
                                @if(!empty($line['sell_line_note']))
                                    <div class="small-muted" style="font-style:italic;">{!!$line['sell_line_note']!!}</div>
                                @endif
                                @if(!empty($line['lot_number']))
                                    <div class="small-muted">{{$line['lot_number_label']}}: {{$line['lot_number']}}</div>
                                @endif
                                @if(!empty($line['product_expiry']))
                                    <div class="small-muted">{{$line['product_expiry_label']}}: {{$line['product_expiry']}}</div>
                                @endif
                                @if(!empty($line['warranty_name']))
                                    <div class="small-muted"><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="small-muted">1 {{$line['units']}} = {{$line['base_unit_multiplier']}} {{$line['base_unit_name']}}</div>
                                @endif
                            </div>
                        </div>
                    </td>
                    <td style="text-align:right; padding:8px; white-space:nowrap;">
                        {{$line['quantity']}} {{$line['units']}}
                        @if($receipt_details->show_base_unit_details && $line['quantity'] && $line['base_unit_multiplier'] !== 1)
                            <div class="small-muted">{{$line['orig_quantity']}} {{$line['base_unit_name']}}</div>
                        @endif
                    </td>
                    <td style="text-align:right; padding:8px; white-space:nowrap;">{{$line['unit_price_before_discount']}}</td>
                    @if(!empty($receipt_details->discounted_unit_price_label))
                        <td style="text-align:right; padding:8px; white-space:nowrap;">{{$line['unit_price_inc_tax']}}</td>
                    @endif
                    @if(!empty($receipt_details->item_discount_label))
                        <td style="text-align:right; padding:8px; white-space:nowrap;">
                            {{$line['total_line_discount'] ?? '0.00'}}
                            @if(!empty($line['line_discount_percent']))<div class="small-muted">({{$line['line_discount_percent']}}%)</div>@endif
                        </td>
                    @endif
                    <td style="text-align:right; padding:8px; white-space:nowrap; font-weight:600;">{{$line['line_total']}}</td>
                </tr>

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

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

<!-- ========== SUMMARY SECTION ========== -->
@if(!empty($receipt_details->layout_designs['swap_payment_details']) && $receipt_details->layout_designs['swap_payment_details'] == 1)
<div class="summary-section">
    <!-- Right (first): Barcode, Payments & Footer (moved first when swapped) -->
    <div style="width:30%;">

        <!-- Payments Section -->
        @if(!empty($receipt_details->payments))
            <div style="margin-top:8px;">
                <div class="section-title">طريقة الدفع</div>
                <table class="payment-table">
                    @foreach($receipt_details->payments as $payment)
                        <tr>
                            <td style="text-align:left;"><strong>{{$payment['method']}}</strong></td>
                            <td style="text-align:right;">{{$payment['amount']}}</td>
                        </tr>
                    @endforeach
                </table>
            </div>
        @endif

        <!-- Payment Status -->
        @if(!empty($receipt_details->total_paid))
            <div style="margin-top:6px; padding:6px;border:1px solid #c3e6cb; font-size:10px;">
                <div><strong>{{ $receipt_details->total_paid_label }}</strong></div>
                <div style="font-weight:700;">{{$receipt_details->total_paid}}</div>
            </div>
        @endif

        @if(!empty($receipt_details->total_due) && !empty($receipt_details->total_due_label))
            <div style="margin-top:4px; padding:6px;border:1px solid #ffc107; font-size:10px;">
                <div><strong>{{ $receipt_details->total_due_label }}</strong></div>
                <div style="font-weight:700; color:#856404;">{{$receipt_details->total_due}}</div>
            </div>
        @endif

        @if(!empty($receipt_details->all_due))
            <div style="margin-top:4px; padding:6px; border:1px solid #f5c6cb; font-size:10px;">
                <div><strong>{{ $receipt_details->all_bal_label }}</strong></div>
                <div style="font-weight:700; color:#721c24;">{{$receipt_details->all_due}}</div>
            </div>
        @endif

    </div>

    <!-- Middle: Notes & Taxes -->
    <div style="width:35%; padding:10px;">
        @if(!empty($receipt_details->additional_notes))
            <div class="section-title">@lang('sale.additional_notes')</div>
            <div class="small-muted" style="line-height:1.5;">{!! nl2br($receipt_details->additional_notes) !!}</div>
        @endif

        @if(!empty($receipt_details->taxes))
            <div style="margin-top:12px;">
                <div class="section-title">{{$receipt_details->tax_summary_label}}</div>
                <table class="tax-summary" style="margin-top:0;">
                    @foreach($receipt_details->taxes as $key => $val)
                        <tr>
                            <td style="text-align:left;"><strong>{{$key}}</strong></td>
                            <td>{{$val}}</td>
                        </tr>
                    @endforeach
                </table>
            </div>
        @endif
    </div>

    <!-- Left (last): Totals -->
    <div style="width:30%;">
        <div class="totals-box">
            @if(!empty($receipt_details->total_quantity_label))
                <div class="total-row">
                    <span>{!! $receipt_details->total_quantity_label !!}</span>
                    <span>{{$receipt_details->total_quantity}}</span>
                </div>
            @endif
            @if(!empty($receipt_details->total_items_label))
                <div class="total-row">
                    <span>{!! $receipt_details->total_items_label !!}</span>
                    <span>{{$receipt_details->total_items}}</span>
                </div>
            @endif
            @if(!empty($receipt_details->total_types_label))
                <div class="total-row">
                    <span>{!! $receipt_details->total_types_label !!}</span>
                    <span>{{$receipt_details->total_types}}</span>
                </div>
            @endif
            @if(!empty($receipt_details->total_types_label))
                <div class="total-row">
                    <span>{!! $receipt_details->total_types_label !!}</span>
                    <span>{{$receipt_details->total_types}}</span>
                </div>
            @endif

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

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

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

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

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

            @if(!empty($receipt_details->discount))
                <div class="total-row" style="color:#c41e3a;">
                    <span>{!! $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-row">
                        <span>{{$key}}</span>
                        <span>(+) {{$val}}</span>
                    </div>
                @endforeach
            @endif

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

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

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

            <div style=" padding-top:8px; margin-top:8px;">
                <div style="display:flex; justify-content:space-between; font-size:12px; font-weight:700; margin-bottom:4px;">
                    <span>{!! $receipt_details->total_label !!}</span>
                    <span class="total-value">{{$receipt_details->total}}</span>
                </div>
                @if(!empty($receipt_details->total_in_words))
                    <div class="small-muted" style="text-align:right;">({{$receipt_details->total_in_words}})</div>
                @endif
            </div>
        </div>
    </div>
</div>
@else
<div class="summary-section">
    <!-- Left: Totals -->
    <div style="width:30%;">
        <div class="totals-box">
            @if(!empty($receipt_details->total_quantity_label))
                        <div class="total-row">
                            <span>{!! $receipt_details->total_quantity_label !!}</span>
                            <span>{{$receipt_details->total_quantity}}</span>
                        </div>
                    @endif
            @if(!empty($receipt_details->total_items_label))
                <div class="total-row">
                    <span>{!! $receipt_details->total_items_label !!}</span>
                    <span>{{$receipt_details->total_items}}</span>
                </div>
            @endif

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

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

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

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

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

            @if(!empty($receipt_details->discount))
                <div class="total-row" style="color:#c41e3a;">
                    <span>{!! $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-row">
                        <span>{{$key}}</span>
                        <span>(+) {{$val}}</span>
                    </div>
                @endforeach
            @endif

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

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

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

            <div style=" padding-top:8px; margin-top:8px;">
                <div style="display:flex; justify-content:space-between; font-size:12px; font-weight:700; margin-bottom:4px;">
                    <span>{!! $receipt_details->total_label !!}</span>
                    <span class="total-value">{{$receipt_details->total}}</span>
                </div>
                @if(!empty($receipt_details->total_in_words))
                    <div class="small-muted" style="text-align:right;">({{$receipt_details->total_in_words}})</div>
                @endif
            </div>
        </div>
    </div>

    <!-- Middle: Notes & Taxes -->
    <div style="width:35%; padding:10px;">
        @if(!empty($receipt_details->additional_notes))
            <div class="section-title">@lang('sale.additional_notes')</div>
            <div class="small-muted" style="line-height:1.5;">{!! nl2br($receipt_details->additional_notes) !!}</div>
        @endif

        @if(!empty($receipt_details->taxes))
            <div style="margin-top:12px;">
                <div class="section-title">{{$receipt_details->tax_summary_label}}</div>
                <table class="tax-summary" style="margin-top:0;">
                    @foreach($receipt_details->taxes as $key => $val)
                        <tr>
                            <td style="text-align:left;"><strong>{{$key}}</strong></td>
                            <td>{{$val}}</td>
                        </tr>
                    @endforeach
                </table>
            </div>
        @endif
    </div>

    <div style="width:30%;">

        <!-- Payments Section -->
        @if(!empty($receipt_details->payments))
            <div style="margin-top:8px;">
                <div class="section-title">طريقة الدفع</div>
                <table class="payment-table">
                    @foreach($receipt_details->payments as $payment)
                        <tr>
                            <td style="text-align:left;"><strong>{{$payment['method']}}</strong></td>
                            <td style="text-align:right;">{{$payment['amount']}}</td>
                        </tr>
                    @endforeach
                </table>
            </div>
        @endif

        <!-- Payment Status -->
        @if(!empty($receipt_details->total_paid))
            <div style="margin-top:6px; padding:6px; border:1px solid #c3e6cb; font-size:10px;">
                <div><strong>{{ $receipt_details->total_paid_label }}</strong></div>
                <div style="font-weight:700;">{{$receipt_details->total_paid}}</div>
            </div>
        @endif

        @if(!empty($receipt_details->total_due) && !empty($receipt_details->total_due_label))
            <div style="margin-top:4px; padding:6px; border:1px solid #ffc107; font-size:10px;">
                <div><strong>{{ $receipt_details->total_due_label }}</strong></div>
                <div style="font-weight:700; color:#856404;">{{$receipt_details->total_due}}</div>
            </div>
        @endif

        @if(!empty($receipt_details->all_due))
            <div style="margin-top:4px; padding:6px; border:1px solid #f5c6cb; font-size:10px;">
                <div><strong>{{ $receipt_details->all_bal_label }}</strong></div>
                <div style="font-weight:700; color:#721c24;">{{$receipt_details->all_due}}</div>
            </div>
        @endif

        
    </div>
    <!-- Footer -->
</div>
@endif
<hr>
<!-- ========== CUSTOMER SECTION ========== -->
@if(empty($receipt_details->layout_designs['swap_info']) || $receipt_details->layout_designs['swap_info'] == 0)
<div class="customer-section">
    <div style="width:80%;">
        @if(!empty($receipt_details->customer_info))
            <div class="section-title">{{ $receipt_details->customer_label }}</div>
            <div>{!! $receipt_details->customer_info !!}</div>
            @if(!empty($receipt_details->client_id_label))
                <div style="font-size:9px;"><b>{{ $receipt_details->client_id_label }}:</b> {{ $receipt_details->client_id }}</div>
            @endif
            @if(!empty($receipt_details->customer_tax_label))
                <div style="font-size:9px;"><b>{{ $receipt_details->customer_tax_label }}:</b> {{ $receipt_details->customer_tax_number }}</div>
            @endif
            @if(!empty($receipt_details->customer_custom_fields))
                <div class="small-muted">{!! $receipt_details->customer_custom_fields !!}</div>
            @endif
        @endif
    </div>
    <div style="width:20%; font-size:10px; margin-top: 15px;">
        @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
        @if(!empty($receipt_details->brand_label) || !empty($receipt_details->repair_brand))
            <div><strong>{{ $receipt_details->brand_label }}:</strong> {{$receipt_details->repair_brand}}</div>
        @endif
        @if(!empty($receipt_details->device_label) || !empty($receipt_details->repair_device))
            <div><strong>{{ $receipt_details->device_label }}:</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 }}:</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 }}:</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 }}:</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 }}:</strong> {{$receipt_details->repair_warranty}}</div>
        @endif
        @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
        @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
        @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>
@else
<div class="customer-section">
    <div style="width:80%; font-size:10px; margin-top: 20px;">
        @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
        @if(!empty($receipt_details->brand_label) || !empty($receipt_details->repair_brand))
            <div><strong>{{ $receipt_details->brand_label }}:</strong> {{$receipt_details->repair_brand}}</div>
        @endif
        @if(!empty($receipt_details->device_label) || !empty($receipt_details->repair_device))
            <div><strong>{{ $receipt_details->device_label }}:</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 }}:</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 }}:</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 }}:</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 }}:</strong> {{$receipt_details->repair_warranty}}</div>
        @endif
        @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
        @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
        @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 style="width:20%;">
        @if(!empty($receipt_details->customer_info))
            <div class="section-title">{{ $receipt_details->customer_label }}</div>
            <div>{!! $receipt_details->customer_info !!}</div>
            @if(!empty($receipt_details->client_id_label))
                <div style="font-size:9px;"><b>{{ $receipt_details->client_id_label }}:</b> {{ $receipt_details->client_id }}</div>
            @endif
            @if(!empty($receipt_details->customer_tax_label))
                <div style="font-size:9px;"><b>{{ $receipt_details->customer_tax_label }}:</b> {{ $receipt_details->customer_tax_number }}</div>
            @endif
            @if(!empty($receipt_details->customer_custom_fields))
                <div class="small-muted">{!! $receipt_details->customer_custom_fields !!}</div>
            @endif
        @endif
    </div>
</div>
@endif

<!-- Barcode Section -->
<div class="barcode-section" id="barcode-section-colored" style="margin-top:40px;">
            @if($receipt_details->show_barcode || $receipt_details->show_qr_code)
                <div style="margin-bottom:8px;">
                    @if($receipt_details->show_barcode)
                        <div style="margin-bottom:6px; margin-right: 20px;">
                            <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:100%; height:auto;">
                        </div>
                    @endif
                    @if($receipt_details->show_qr_code && !empty($receipt_details->qr_code_text))
                        <div id="barcode">
                            <img src="data:image/png;base64,{{DNS2D::getBarcodePNG($receipt_details->qr_code_text, 'QRCODE', 3, 3, [39, 48, 54])}}" alt="qrcode" style="max-width:100%; height:auto; margin-right: 8px;">
                        </div>
                    @endif
                </div>
            @endif
</div>
@if(!empty($receipt_details->footer_text))
    <div style="margin-top:25px; font-size:30px; border-top:1px solid #ddd; padding-top:6px; text-align:center;">
        {!! $receipt_details->footer_text !!}
    </div>
@endif
</div>
</div>