@php
    $common_settings = session()->get('business.common_settings');
@endphp

<style>
    .elegant-receipt-container {
        color: #000000 !important;
        width: 100%;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
    }
    .elegant-receipt-container table {
        width: 100%;
        border-collapse: collapse;
    }
    .elegant-header-left {
        width: 60%;
        text-align: left;
        vertical-align: top;
    }
    .elegant-header-right {
        width: 40%;
        text-align: right;
        vertical-align: top;
    }
    .elegant-logo {
        max-height: 100px;
        width: auto;
    }
    .main-table {
        width: 100%;
        margin-top: 20px;
        border: 1px solid #000;
        margin-bottom: 20px;
    }
    .main-table th {
        background-color: #d3d3d3 !important;
        color: #000 !important;
        text-align: center;
        border: 1px solid #000;
        padding: 5px;
    }
    .main-table td {
        border: 1px solid #000;
        padding: 5px;
        vertical-align: top;
    }
    .main-table .col-qty { width: 10%; text-align: center; }
    .main-table .col-details { width: 50%; }
    .main-table .col-price { width: 20%; text-align: right; }
    .main-table .col-total { width: 20%; text-align: right; }

    .footer-section {
        width: 100%;
        margin-top: 10px;
    }
    .footer-left {
        width: 40%;
        vertical-align: bottom;
        font-size: 12px;
    }
    .footer-right {
        width: 60%;
        vertical-align: top;
        position: relative;
    }
    .info-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 12px;
    }
    .info-table td {
        padding: 2px 5px;
        border: 1px solid #ccc; /* Light border for info section */
    }
    .info-label {
        background-color: #f0f0f0;
        font-weight: bold;
        width: 30%;
    }

    .totals-table {
        width: 100%;
        border: 1px solid #000;
        margin-top: 5px;
    }
    .totals-table td {
        padding: 5px;
        border: 1px solid #000;
    }
    .totals-label {
        text-align: right;
        font-weight: bold;
    }
    .totals-value {
        text-align: right;
    }
</style>

<div class="elegant-receipt-container">

    <!-- Header -->
    <table>
        <tr>
            <td class="elegant-header-left">
                @if(!empty($receipt_details->logo))
                    <img src="{{$receipt_details->logo}}" class="elegant-logo">
                @endif
                @if(!empty($receipt_details->header_text))
                    <div style="margin-top: 10px;">{!! $receipt_details->header_text !!}</div>
                @endif
            </td>
            <td class="elegant-header-right">
                @if(!empty($receipt_details->display_name))
                    <h3 style="margin-top:0; font-weight: bold;">{{ $receipt_details->display_name }}</h3>
                @endif
                <div style="font-size: 14px;">
                    @if(!empty($receipt_details->address))
                        {!! $receipt_details->address !!}
                    @endif
                    @if(!empty($receipt_details->contact))
                        <br/>{!! $receipt_details->contact !!}
                    @endif
                    @if(!empty($receipt_details->website))
                        <br/>{{ $receipt_details->website }}
                    @endif
                    @if(!empty($receipt_details->tax_info1))
                        <br/>{{ $receipt_details->tax_label1 }} {{ $receipt_details->tax_info1 }}
                    @endif
                    @if(!empty($receipt_details->tax_info2))
                        <br/>{{ $receipt_details->tax_label2 }} {{ $receipt_details->tax_info2 }}
                    @endif
                    @if(!empty($receipt_details->location_custom_fields))
                        <br/>{{ $receipt_details->location_custom_fields }}
                    @endif
                </div>
            </td>
        </tr>
    </table>

    <!-- Items Table -->
    <table class="main-table">
        <thead>
            <tr>
                <th class="col-qty">Qty</th>
                <th class="col-details">Details</th>
                <th class="col-price">Uni. Price</th>
                <th class="col-total">Total</th>
            </tr>
        </thead>
        <tbody>
            @foreach($receipt_details->lines as $line)
                <tr>
                    <td class="col-qty">{{ $line['quantity'] }}</td>
                    <td class="col-details">
                        {{ $line['name'] }} {{ $line['product_variation'] }} {{ $line['variation'] }}
                        @if(!empty($line['sub_sku'])), {{ $line['sub_sku'] }} @endif
                        @if(!empty($line['brand'])), {{ $line['brand'] }} @endif
                        @if(!empty($line['cat_code'])), {{ $line['cat_code'] }} @endif
                        @if(!empty($line['product_custom_fields'])), {{ $line['product_custom_fields'] }} @endif
                        @if(!empty($line['sell_line_note']))
                            <br><small>{!! $line['sell_line_note'] !!}</small>
                        @endif
                        @if(!empty($line['lot_number']))<br> {{ $line['lot_number_label'] }}:  {{ $line['lot_number'] }} @endif 
                        @if(!empty($line['product_expiry'])), {{ $line['product_expiry_label'] }}:  {{ $line['product_expiry'] }} @endif
                        @if(!empty($line['warranty_name']))
                            <br><small><strong>Warranty:</strong> {{$line['warranty_name']}} </small>
                        @endif
                        @if(!empty($line['warranty_exp_date']))
                            <small>- {{@format_date($line['warranty_exp_date'])}} </small>
                        @endif
                        @if(!empty($line['warranty_description']))
                            <small> {{$line['warranty_description'] ?? ''}}</small>
                        @endif
                    </td>
                    <td class="col-price">{{ $line['unit_price_inc_tax'] }}</td>
                    <td class="col-total">{{ $line['line_total'] }}</td>
                </tr>
                {{-- Modifiers --}}
                @if(!empty($line['modifiers']))
                    @foreach($line['modifiers'] as $modifier)
                        <tr>
                            <td class="col-qty">{{ $modifier['quantity'] }}</td>
                            <td class="col-details">
                                {{ $modifier['name'] }} {{ $modifier['variation'] }} 
                                @if(!empty($modifier['sub_sku'])), {{ $modifier['sub_sku'] }} @endif 
                                @if(!empty($modifier['sell_line_note']))({!! $modifier['sell_line_note'] !!}) @endif 
                            </td>
                            <td class="col-price">{{ $modifier['unit_price_inc_tax'] }}</td>
                            <td class="col-total">{{ $modifier['line_total'] }}</td>
                        </tr>
                    @endforeach
                @endif
            @endforeach
            
            {{-- Empty rows to fill space if needed --}}
            @php
                $lines_count = count($receipt_details->lines);
                $min_rows = 10; 
            @endphp
            @if($lines_count < $min_rows)
                @for($i = $lines_count; $i < $min_rows; $i++)
                    <tr>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                @endfor
            @endif
        </tbody>
    </table>

    <!-- Footer / Info Section -->
    <div style="position: relative; width: 100%;"> 
        <table class="footer-section">
            <tr>
                <td class="footer-left">
                     @if(!empty($receipt_details->footer_text))
                        <div style="margin-bottom: 10px;">
                            {!! $receipt_details->footer_text !!}
                        </div>
                    @endif
                    <p>Thank You, Come again!</p>
                    <p style="font-size: 10px;">*Cash will not be refunded when returning goods once sold*</p>
                    
                    {{-- Barcode --}}
                    @if ($receipt_details->show_barcode)
                        <br>
                        <img class="center-block" src="data:image/png;base64,{{ DNS1D::getBarcodePNG($receipt_details->invoice_no, 'C128', 2, 30, [39, 48, 54], true) }}">
                    @endif
                </td>
                
                <td class="footer-right">
                    <!-- Totals and Info Area -->
                     <table style="width: 100%;">
                         <tr>
                             <!-- Invoice Details Box -->
                             <td style="width: 50%; vertical-align: top; padding-right: 5px;">
                                <table class="info-table">
                                    <tr>
                                        <td class="info-label">Inv. No :</td>
                                        <td>{{ $receipt_details->invoice_no }}</td>
                                    </tr>
                                    <tr>
                                        <td class="info-label">Date :</td>
                                        <td>{{ $receipt_details->invoice_date }}</td>
                                    </tr>
                                    @if(!empty($receipt_details->customer_name))
                                    <tr>
                                        <td class="info-label">Customer :</td>
                                        <td>{{ $receipt_details->customer_name }}</td>
                                    </tr>
                                    @endif
                                    
                                    @if(!empty($receipt_details->service_staff))
                                    <tr>
                                        <td class="info-label">Cashier :</td>
                                        <td>{{ $receipt_details->service_staff }}</td>
                                    </tr>
                                    @endif
                                    
                                    <tr>
                                        <td class="info-label">Time :</td>
                                        <td>{{ \Carbon\Carbon::parse($receipt_details->invoice_date)->format('H:i') }}</td>
                                    </tr>
                                </table>
                             </td>
                             
                             <!-- Financial Totals -->
                             <td style="width: 50%; vertical-align: top;">
                                 <table class="totals-table">
                                     <tr>
                                         <td class="totals-label">Gross Total:</td>
                                         <td class="totals-value">{{ $receipt_details->subtotal }}</td>
                                     </tr>
                                     
                                     @if(!empty($receipt_details->group_tax_details))
                                        @foreach($receipt_details->group_tax_details as $key => $value)
                                            <tr>
                                                <td class="totals-label">{!! $key !!}:</td>
                                                <td class="totals-value">(+) {{ $value }}</td>
                                            </tr>
                                        @endforeach
                                     @else
                                        @if(!empty($receipt_details->tax))
                                            <tr>
                                                <td class="totals-label">{!! $receipt_details->tax_label !!}:</td>
                                                <td class="totals-value">(+) {{ $receipt_details->tax }}</td>
                                            </tr>
                                        @endif
                                    @endif

                                     @if( !empty($receipt_details->discount) )
                                        <tr>
                                            <td class="totals-label">{!! $receipt_details->discount_label !!}:</td>
                                            <td class="totals-value">(-) {{ $receipt_details->discount }}</td>
                                        </tr>
                                     @endif
                                     
                                     <!-- Grand Total -->
                                     <tr>
                                         <td class="totals-label">Net Total:</td>
                                         <td class="totals-value">{{ $receipt_details->total }}</td>
                                     </tr>

                                     <!-- Payments -->
                                     @if(!empty($receipt_details->payments))
                                        @foreach($receipt_details->payments as $payment)
                                            <tr>
                                                <td class="totals-label">{{ $payment['method'] }}:</td>
                                                <td class="totals-value">{{ $payment['amount'] }}</td>
                                            </tr>
                                        @endforeach
                                     @endif
                                     
                                     <!-- Balance/Due -->
                                     @if(!empty($receipt_details->total_due))
                                        <tr>
                                            <td class="totals-label">{!! $receipt_details->total_due_label !!}:</td>
                                            <td class="totals-value">{{ $receipt_details->total_due }}</td>
                                        </tr>
                                     @endif
                                 </table>
                             </td>
                         </tr>
                     </table>
                     
                     <!-- Rotated Invoice Number (Red) -->

                </td>
            </tr>
        </table>
    </div>

</div>