{{--
    Shared letterhead + screen toolbar for printable reports.
    Expects: $reportTitle, $periodLabel, $backUrl
--}}
@php
    $propName    = \App\Models\Setting::get('property_name', config('app.name', 'Parkview Hotel'));
    $propAddress = \App\Models\Setting::get('property_address', '');
    $propCity    = \App\Models\Setting::get('property_city', '');
    $propPhone   = \App\Models\Setting::get('property_phone', '');
    $propTin     = \App\Models\Setting::get('tin', '');
@endphp

{{-- Screen toolbar (hidden on print) --}}
<div class="no-print px-8 pt-6 pb-4 flex items-center justify-between gap-3 border-b border-gray-100">
    <a href="{{ $backUrl }}"
       class="inline-flex items-center gap-1.5 text-sm text-gray-400 hover:text-gray-600 transition-colors">
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
        </svg>
        Back to Report
    </a>
    <button onclick="window.print()"
            class="inline-flex items-center gap-2 px-4 py-1.5 text-xs font-semibold text-white bg-teal-600 hover:bg-teal-700 rounded-lg transition-colors">
        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                  d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"/>
        </svg>
        Print
    </button>
</div>

{{-- Letterhead --}}
<div class="px-10 pt-8 pb-6 border-b border-gray-200">
    <div class="flex items-start justify-between gap-6">
        <div>
            <h1 class="text-xl font-black text-gray-900 leading-tight tracking-tight">{{ $propName }}</h1>
            @if($propAddress || $propCity)
            <p class="text-gray-400 text-xs mt-0.5">{{ implode(', ', array_filter([$propAddress, $propCity])) }}</p>
            @endif
            @if($propPhone)
            <p class="text-gray-400 text-xs">{{ $propPhone }}</p>
            @endif
            @if($propTin)
            <p class="text-gray-400 text-xs">TIN {{ $propTin }}</p>
            @endif
        </div>
        <div class="text-right flex-shrink-0">
            <p class="text-[10px] font-semibold text-gray-400 uppercase tracking-widest">{{ $reportTitle }}</p>
            <p class="text-lg font-black text-gray-900 mt-0.5 leading-tight">{{ $periodLabel }}</p>
            <p class="text-[10px] text-gray-400 mt-1">Generated {{ now()->format('M j, Y g:i A') }} · {{ auth()->user()->name ?? '' }}</p>
        </div>
    </div>
</div>