@php
    $location = $location ?? ($bill->location ?? null);
    $receiptSettings = $receiptSettings ?? [];

    $logoPos = (float) ($location->logo_width_pos ?? 95);
    $logoA4 = (float) ($location->logo_width_a4 ?? 40);
@endphp

<style>
    .receipt-container { width: 100%; margin: 0 auto; }
    .logo-img { width: var(--logo-width-pos, 95%); height: auto; display: block; margin: 0 auto 10px; }
    @media print and (min-width: 150mm), screen and (min-width: 600px) {
        .logo-img { width: var(--logo-width-a4, 40%); }
    }
</style>

<div class="receipt-container" style="--logo-width-pos: {{ $logoPos }}%; --logo-width-a4: {{ $logoA4 }}%;">
    @if(($receiptSettings['receipt_show_logo'] ?? 1) && $location && $location->logo)
        <div style="text-align:center;">
            <img src="{{ asset('storage/' . $location->logo) }}" alt="Logo" class="logo-img">
        </div>
    @endif

    @if(($receiptSettings['receipt_show_title'] ?? 1) || !empty($receiptSettings['business_name'] ?? null))
        <div style="text-align:center; font-weight:700; font-size:18px; margin-bottom:4px;">
            {{ $receiptSettings['business_name'] ?? config('app.name', 'POS System') }}
        </div>
    @endif

    @if(($receiptSettings['receipt_show_address'] ?? 1) && !empty($receiptSettings['business_address'] ?? null))
        <div style="text-align:center; white-space:pre-line; margin-bottom:2px;">
            {{ $receiptSettings['business_address'] }}
        </div>
    @endif

    @if(($receiptSettings['receipt_show_phone'] ?? 1) && !empty($receiptSettings['business_phone'] ?? null))
        <div style="text-align:center; margin-bottom:2px;">
            {{ $receiptSettings['business_phone'] }}
        </div>
    @endif

    @if(($receiptSettings['receipt_show_email'] ?? 1) && !empty($receiptSettings['business_email'] ?? null))
        <div style="text-align:center; margin-bottom:2px;">
            {{ $receiptSettings['business_email'] }}
        </div>
    @endif

    <div style="border-bottom: 1px solid #000; margin: 8px 0;"></div>
</div>