@php
    // Resolve respective hospital attributes (from tenant, hospital setting, or config)
    $hospitalName = $hospital['name'] ?? config('hospital.name', 'Swapnapuri Nursing Home');
    $hospitalTagline = $hospital['tagline'] ?? config('hospital.tagline', 'Multi-Speciality Hospital Management Information System');
    $hospitalAddress = $hospital['address'] ?? config('hospital.address', '145 Station Road, Barrackpore, North 24 Parganas, West Bengal - 700120, India');
    $hospitalPhone = $hospital['phone'] ?? config('hospital.phone', '+91 33 2456 7890');
    $hospitalEmergency = $hospital['emergency_phone'] ?? config('hospital.emergency_phone', '+91 33 2456 9999');
    $hospitalEmail = $hospital['email'] ?? config('hospital.email', 'info@swapnapurihospital.com');
    $hospitalWebsite = $hospital['website'] ?? config('hospital.website', 'https://swapnapurihospital.com');
    $hospitalRegNo = $hospital['registration_number'] ?? config('hospital.registration_number', 'WB/HOSP/2018/00941');
    $hospitalGstin = $hospital['gstin'] ?? config('hospital.gstin', '19ABCDE1234F1Z5');
    $hospitalLogo = $hospital['logo'] ?? null;
    $accent = $accentColor ?? '#0d9488';
@endphp

<!-- Respective Hospital Official Letterhead -->
<div class="hospital-letterhead-wrapper" id="hospitalLetterhead">
    <div class="letterhead-container" style="border-bottom: 2.5px solid {{ $accent }}; padding-bottom: 12px; margin-bottom: 14px; display: flex; justify-content: space-between; align-items: center;">
        
        <!-- Left: Brand Emblem & Identity -->
        <div style="display: flex; align-items: center; gap: 14px;">
            @if($hospitalLogo && file_exists(public_path($hospitalLogo)))
                <img src="{{ asset($hospitalLogo) }}" alt="{{ $hospitalName }}" style="height: 64px; max-width: 140px; object-fit: contain;">
            @else
                <!-- High-definition Medical Cross Emblem Vector -->
                <div style="width: 58px; height: 58px; background: linear-gradient(135deg, {{ $accent }}, #0f766e); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); flex-shrink: 0;">
                    <svg style="width: 32px; height: 32px;" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                    </svg>
                </div>
            @endif

            <div>
                <h1 style="font-size: 21px; font-weight: 800; color: #042f2e; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; line-height: 1.1;">
                    {{ $hospitalName }}
                </h1>
                <div style="font-size: 11px; font-weight: 700; color: {{ $accent }}; text-transform: uppercase; letter-spacing: 0.8px; margin-top: 3px;">
                    {{ $hospitalTagline }}
                </div>
                <div style="font-size: 10px; color: #475569; margin-top: 3px; line-height: 1.35; max-width: 480px;">
                    {{ $hospitalAddress }}<br>
                    <strong>Ph:</strong> {{ $hospitalPhone }} &bull; <strong>24x7 Emergency:</strong> {{ $hospitalEmergency }} &bull; <strong>Email:</strong> {{ $hospitalEmail }}
                </div>
            </div>
        </div>

        <!-- Right: Department & Statutory Accreditations -->
        <div style="text-align: right; min-width: 190px;">
            <div style="display: inline-block; background: #f0fdfa; border: 1px solid #ccfbf1; padding: 4px 10px; border-radius: 6px; margin-bottom: 5px;">
                <div style="font-size: 12px; font-weight: 800; color: #0f766e; text-transform: uppercase; letter-spacing: 0.5px;">
                    {{ $documentTitle ?? 'CLINICAL REPORT' }}
                </div>
                @if(!empty($documentSubtitle))
                    <div style="font-size: 9.5px; font-weight: 600; color: #64748b; text-transform: uppercase;">
                        {{ $documentSubtitle }}
                    </div>
                @endif
            </div>

            <div style="font-size: 9px; color: #64748b; line-height: 1.35;">
                <strong>Reg. No:</strong> {{ $hospitalRegNo }}<br>
                <strong>GSTIN:</strong> {{ $hospitalGstin }}<br>
                <span style="color: #0d9488; font-weight: 600;">● NABH / ISO Standard Care</span>
            </div>
        </div>
    </div>
</div>