@props([
    'name' => '',
])
@section('css')
    <style>
        @media print {
            .print-header {
                /* top: 0; */

                /* height: 100px; */
                display: table-header-group;
            }

            body {
                page-break-after: always;
            }
        }

        @page {
            size: A4;
            margin: 5mm 5mm 5mm 5mm;
        }
    </style>
@endsection
<thead class="print-header">
    <div class="page-title  divider-b pdb-10 flexbox align-between align-center-y mb-20 print_data ">
        <!-- Title -->
        <div class="right-side">
            <h2 class="reset-block primary-color lineheight-130 fs-20"> المملكة العربية السعودية </h2>
            <h2 class="reset-block primary-color lineheight-130 fs-20"> نـــظام ســـجيـــن لـحوسبـة </h2>
            <h2 class="reset-block primary-color lineheight-130 fs-20"> الـــســجـون ودور الإيــــداع </h2>
        </div>
        <!-- Buttons -->

        <div class="center-side">
            <img class="logo logo-print" src="{{ asset('assets/img/logo@2x.png') }}" />
        </div>

        <div class="left-side">
            {{-- @if (isset(auth()->user()->prison->logo_for_web))
                <img style="width:70px;height:70px;" class="logo  logo-print"
                    src="{{ auth()->user()->prison->logo_for_web ?? null }}" />
            @else
            @endif --}}
            <h2 class="reset-block primary-color lineheight-130 fs-20">التاريخ: {{  App\Lib\Test\Src\Facades\LaravelHijrian::hijri(date('Y-m-d')) }}</h2>
        </div>
        <!-- Title -->
    </div>
</thead>
<!-- Page Title -->
<div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20 not_print">
    <!-- Title -->
    <h1 class="reset-block primary-color lineheight-130 fs-20">{{ $name }}</h1>
    <!-- Buttons -->
    <span id="printMe" class="btn primary cursor"> طباعة</span>
</div>