@php
    use Carbon\Carbon;

    $orderTitle = (string) ($order?->title ?? '-');
    $sessionNumber = (string) ($session?->session_full_number ?? '-');
    $sessionDate = (string) ($session?->date ?? '-');
    $sessionDayName = $sessionDate !== '-' ? Carbon::parse($sessionDate)->locale(app()->getLocale())->dayName : '-';
    $decisionNumber = (string) ($decision?->decision_full_number ?? '-');
    $decisionNumberDisplay = $decisionNumber !== '-'
        ? collect(explode('/', $decisionNumber))->reverse()->implode('/')
        : '-';
@endphp

<x-council::layout
    title="{{ __('modules.council.resources_views_decisions_print.text_696bc98faf') }}"
    :breadcrumbs="[
        'جلسات المجلس البلدي' => route('council.sessions.current'),
        'الجلسة الحالية' => route('council.sessions.current'),
        'طباعة القرار' => null,
    ]"
>
    <x-slot name="actions">
        <a href="{{ route('council.sessions.current') }}" class="kt-btn kt-btn-outline">
            رجوع
        </a>
        <button type="button" class="kt-btn" onclick="window.print()">
            طباعة
        </button>
    </x-slot>

    <style>
        @media print {
            #kt_header, #kt_toolbar, .kt-header, .kt-toolbar, .kt-sticky-toolbar, .kt-footer {
                display: none !important;
            }

            .kt-wrapper, .wrapper, .content {
                padding: 0 !important;
                margin: 0 !important;
            }

            .decision-print-sheet {
                border: none !important;
                box-shadow: none !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            .decision-print-actions {
                display: none !important;
            }
        }
    </style>

    <div class="decision-print-sheet rounded-2xl border border-input bg-background p-6">
        <div class="mb-5 flex flex-wrap items-center justify-between gap-3">
            <h2 class="text-xl font-black">{{ __('modules.council.resources_views_decisions_print.text_562205b24c') }}</h2>
            <span class="kt-badge kt-badge-outline kt-badge-sm">{{ $decision->status_text }}</span>
        </div>

        <div class="grid grid-cols-1 gap-3 md:grid-cols-3">
            <div class="rounded-xl border border-input bg-background/70 p-3">
                <div class="text-xs text-muted-foreground">{{ __('modules.council.resources_views_decisions_print.text_cfbf359c05') }}</div>
                <div dir="ltr" class="mt-1 inline-block text-base font-bold">{{ $decisionNumberDisplay }}</div>
            </div>
            <div class="rounded-xl border border-input bg-background/70 p-3">
                <div class="text-xs text-muted-foreground">{{ __('modules.council.resources_views_decisions_print.text_100c721844') }}</div>
                <div class="mt-1 text-base font-bold">{{ $sessionNumber }}</div>
            </div>
            <div class="rounded-xl border border-input bg-background/70 p-3">
                <div class="text-xs text-muted-foreground">{{ __('modules.council.resources_views_decisions_print.text_cd6c0c2cc7') }}</div>
                <div class="mt-1 text-base font-bold">{{ $sessionDate }} م</div>
            </div>
        </div>

        <div class="mt-6 space-y-4 leading-8">
            <p>
                بعد دراسة الطلب المقدم بشأن:
                <span class="font-bold">{{ $orderTitle }}</span>
            </p>
            <p>
                لذا فقد قرر السادة أعضاء المجلس البلدي القرار التالي في الجلسة رقم
                <span class="font-bold">({{ $sessionNumber }})</span>
                بتاريخ اليوم
                <span class="font-bold">{{ $sessionDayName }}</span>
                الموافق
                <span class="font-bold">{{ $sessionDate }}</span>
                م.
            </p>
        </div>

        <div class="prose prose-sm mt-5 max-w-none rounded-xl border border-input bg-background/70 p-4 rtl:prose-headings:text-right rtl:prose-p:text-right">
            {!! $decision->body !!}
        </div>

        <div class="mt-8">
            <h3 class="text-base font-bold">{{ __('modules.council.resources_views_decisions_print.text_7d19245f60') }}</h3>
            <div class="mt-3 overflow-x-auto">
                <table class="w-full min-w-[760px] border-collapse text-sm">
                    <thead>
                        <tr class="bg-muted/40">
                            <th class="border border-input px-3 py-2 text-center">#</th>
                            <th class="border border-input px-3 py-2 text-center">{{ __('modules.council.resources_views_decisions_print.text_22d388c976') }}</th>
                            <th class="border border-input px-3 py-2 text-center">{{ __('modules.council.resources_views_decisions_print.text_4af4088eae') }}</th>
                            <th class="border border-input px-3 py-2 text-center">{{ __('modules.council.resources_views_decisions_print.text_5a19a0482e') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($councilMembers as $member)
                            <tr>
                                <td class="border border-input px-3 py-2 text-center">{{ $loop->iteration }}</td>
                                <td class="border border-input px-3 py-2 text-center">{{ $member->name }}</td>
                                <td class="border border-input px-3 py-2 text-center">{{ $member->job_title ?: '-' }}</td>
                                <td class="border border-input px-3 py-2 text-center">&nbsp;</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</x-council::layout>