{{-- Professional Report Header --}}
{{-- @include('admin.reports._header', ['title'=>'...', 'subtitle'=>'...', 'icon'=>'ti-...', 'color'=>'primary']) --}}

@php
    $color = $color ?? 'primary';
    $icon = $icon ?? 'ti-chart-bar';
    $subtitle = $subtitle ?? '';
@endphp

<div class="report-header card mb-3" style="border-right: 5px solid var(--tblr-{{ $color }})">
    <div class="card-body py-3">
        <div class="row align-items-center">
            <div class="col-auto">
                <div style="width:56px;height:56px;border-radius:12px;background:var(--tblr-{{ $color }});display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px">
                    <i class="ti {{ $icon }}"></i>
                </div>
            </div>
            <div class="col">
                <div class="page-pretitle text-muted">مركز التقارير → {{ \App\Models\Setting::get('company_name', 'مطبعة برو') }}</div>
                <h2 class="page-title mb-0">{{ $title }}</h2>
                @if($subtitle)<small class="text-muted">{{ $subtitle }}</small>@endif
            </div>
            <div class="col-auto text-end">
                <div class="text-muted small">تاريخ التقرير:</div>
                <strong>{{ now()->translatedFormat('j F Y - H:i') }}</strong>
            </div>
        </div>
    </div>
</div>