{{-- Component للـ header المشترك في جميع التقارير والطباعة --}}
@props(['title'])

@php
    $settings = \Joaopaulolndev\FilamentGeneralSettings\Models\GeneralSetting::first();
@endphp

<div class="report-header">
    @if($settings && $settings->site_logo)
        <div class="logo">
            <img src="{{ asset('storage/' . $settings->site_logo) }}" alt="{{ $settings->company_name ?? $settings->site_name }}" style="max-height: 80px; max-width: 200px;">
        </div>
    @endif
    
    <div class="company-info">
        <h1>{{ $settings?->company_name ?? $settings?->site_name ?? config('app.name') }}</h1>
        
        @if($settings)
            @php
                $companyPhone = $settings->company_phone ?? null;
                $companyEmail = $settings->company_email ?? null;
                $companyFax = $settings->company_fax ?? null;
                $companyAddress = $settings->company_address ?? null;
                $taxNumber = $settings->tax_number ?? null;
                $commercialRegister = $settings->commercial_register ?? null;
            @endphp
            
            @if($companyPhone || $companyEmail || $companyFax)
                <div class="contact-details">
                    @if($companyPhone)
                        <span><strong>هاتف:</strong> {{ $companyPhone }}</span>
                    @endif
                    
                    @if($companyEmail)
                        <span><strong>بريد:</strong> {{ $companyEmail }}</span>
                    @endif
                    
                    @if($companyFax)
                        <span><strong>فاكس:</strong> {{ $companyFax }}</span>
                    @endif
                </div>
            @endif
            
            @if($companyAddress)
                <div class="address">
                    <strong>العنوان:</strong> {{ $companyAddress }}
                </div>
            @endif
            
            @if($taxNumber || $commercialRegister)
                <div class="tax-info">
                    @if($taxNumber)
                        <span><strong>الرقم الضريبي:</strong> {{ $taxNumber }}</span>
                    @endif
                    
                    @if($commercialRegister)
                        <span><strong>السجل التجاري:</strong> {{ $commercialRegister }}</span>
                    @endif
                </div>
            @endif
        @endif
    </div>
    
    @if($title)
        <div class="report-title">
            <h2>{{ $title }}</h2>
        </div>
    @endif
</div>

<style>
    .report-header {
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 2px solid #667eea;
    }
    
    .report-header .logo {
        margin-bottom: 10px;
    }
    
    .report-header .company-info h1 {
        font-size: 24px;
        font-weight: bold;
        color: #1a202c;
        margin: 10px 0;
    }
    
    .report-header .contact-details,
    .report-header .tax-info {
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
        font-size: 11px;
        color: #4a5568;
        margin: 5px 0;
    }
    
    .report-header .address {
        font-size: 11px;
        color: #4a5568;
        margin: 5px 0;
    }
    
    .report-header .report-title {
        margin-top: 15px;
        padding-top: 10px;
        border-top: 1px solid #e2e8f0;
    }
    
    .report-header .report-title h2 {
        font-size: 18px;
        font-weight: bold;
        color: #667eea;
        margin: 5px 0;
    }
</style>