@props([
    'license',
    'currentOwner' => null,
    'owners',
    'localCommittees',
    'centralCommittees',
    'developmentFees',
    'licenseFees',
    'finesFees',
    'developmentPayments',
    'licensePayments',
    'finesPayments',
    'licenseMapEmbedUrl' => null,
    'licenseMapImageUrl' => null,
    'showInteractiveMap' => false,
    'showPrintButton' => false,
    'isPrint' => false,
])

@php
    $showInteractiveMapCard = $showInteractiveMap && is_string($licenseMapEmbedUrl) && $licenseMapEmbedUrl !== '';
    $showImageMapCard = is_string($licenseMapImageUrl) && $licenseMapImageUrl !== '';
    $showIframeMapCard = ! $showInteractiveMap && is_string($licenseMapEmbedUrl) && $licenseMapEmbedUrl !== '';
    $northArrowImageUrl = asset('assets/images/map-north-arrow-transparent.png');
@endphp

<div class="space-y-6">
    <div class="{{ $isPrint ? 'print-first-page-block space-y-6' : 'space-y-6' }}">
        <div class="print-card print-building-data-card rounded-lg border border-input bg-background p-4">
            <h3 class="mb-4 text-base font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_a22542e8b3') }}</h3>

            <div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;">
                <div><span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_e7e4c2aa78') }}</span> {{ $license->file_number }}</div>
                <div><span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_0bf5ed0779') }}</span> {{ $license->parcel_number }}</div>
                <div><span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_58d9d89696') }}</span> {{ $license->block_number }}</div>
                <div><span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_33d839bfff') }}</span> {{ $license->postal_code }}</div>
                <div><span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_4b3aef1a55') }}</span> {{ $license->street_number }}</div>
                <div><span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_36985e6d36') }}</span> {{ $license->building_number }}</div>
                <div><span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_754a4f1de1') }}</span> {{ $license->license_year }}</div>
                <div><span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_55e088ca45') }}</span> {{ $license->subzone_postal_code }}</div>
                <div>
                    <span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_3b9045a11f') }}</span>
                    @if($license->autocad_file_url)
                        <a href="{{ $license->autocad_file_url }}" target="_blank" class="text-primary hover:underline">
                            فتح الملف
                        </a>
                    @else
                        -
                    @endif
                </div>
            </div>

            <div class="mt-5 rounded-md border border-input p-3">
                <h4 class="mb-3 text-sm font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_0708cac848') }}</h4>
                @if($currentOwner?->citizen)
                    <div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;">
                        <div><span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_74360a6219') }}</span> {{ $currentOwner->citizen->national_id }}</div>
                        <div><span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_0994c7602c') }}</span> {{ $currentOwner->citizen->full_name }}</div>
                        <div><span class="font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_c07833c3fb') }}</span> {{ $currentOwner->citizen->mobile }}</div>
                    </div>
                @else
                    <div class="text-muted-foreground">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_59d370f2ca') }}</div>
                @endif
            </div>
        </div>

        @if($showInteractiveMapCard)
            <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                <h3 class="mb-4 text-base font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_56c98875c1') }}</h3>

                <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                    <iframe
                        src="{{ $licenseMapEmbedUrl }}"
                        title="{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_56c98875c1') }}"
                        class="{{ $isPrint ? 'h-full' : 'h-[560px]' }} w-full rounded-md border border-input"
                        loading="lazy"
                    ></iframe>
                </div>
            </div>
        @elseif($showImageMapCard)
            <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                @if($isPrint)
                    <img src="{{ $northArrowImageUrl }}" alt="{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_7a52c3cdac') }}" class="print-map-north-arrow">
                @endif
                <h3 class="mb-4 text-base font-semibold print-map-title">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_958e2d02e7') }}</h3>

                <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                    <img
                        src="{{ $licenseMapImageUrl }}"
                        alt="{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_958e2d02e7') }}"
                        class="license-map-image h-auto w-full rounded-md border border-input object-contain"
                    >
                </div>
            </div>
        @elseif($showIframeMapCard)
            <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                @if($isPrint)
                    <img src="{{ $northArrowImageUrl }}" alt="{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_7a52c3cdac') }}" class="print-map-north-arrow">
                @endif
                <h3 class="mb-4 text-base font-semibold print-map-title">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_958e2d02e7') }}</h3>

                <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                    <iframe
                        src="{{ $licenseMapEmbedUrl }}"
                        title="{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_958e2d02e7') }}"
                        class="{{ $isPrint ? 'h-full' : 'h-[560px]' }} w-full rounded-md border border-input"
                        loading="lazy"
                    ></iframe>
                </div>
            </div>
        @endif
    </div>

    <div class="print-card rounded-lg border border-input bg-background p-4">
        <h3 class="mb-4 text-base font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_a82a3f3341') }}</h3>
        <x-layout.table>
            <x-slot:thead>
                <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_e78eb69b4d') }}</th>
                <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_f02b5b0b7e') }}</th>
                <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_d55be353cd') }}</th>
                <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_b55f4d69fd') }}</th>
                <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_f4f83d4e32') }}</th>
                <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_903bc82f42') }}</th>
            </x-slot:thead>
            @forelse($localCommittees as $row)
                <tr>
                    <td>{{ optional($row->date)->format('m/d/Y') }}</td>
                    <td>{{ $row->required_fees }}</td>
                    <td>{{ $row->decision_number }}</td>
                    <td>{{ $row->decision_text }}</td>
                    <td>{{ $row->session_number }}</td>
                    <td>{{ optional($row->session_date)->format('m/d/Y') }}</td>
                </tr>
            @empty
                <tr><td colspan="6" class="text-center text-muted-foreground">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_0e127f0a79') }}</td></tr>
            @endforelse
        </x-layout.table>
    </div>

    @if($centralCommittees->isNotEmpty())
        <div class="print-card rounded-lg border border-input bg-background p-4">
            <h3 class="mb-4 text-base font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_eea3c0ef86') }}</h3>
            <x-layout.table>
                <x-slot:thead>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_16ea35795b') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_223a319753') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_319b65b0cd') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_903bc82f42') }}</th>
                </x-slot:thead>
                @foreach($centralCommittees as $row)
                    <tr>
                        <td>{{ optional($row->date)->format('m/d/Y') }}</td>
                        <td>{{ $row->decision_number }}</td>
                        <td>{{ $row->decision_text }}</td>
                        <td>{{ optional($row->session_date)->format('m/d/Y') }}</td>
                    </tr>
                @endforeach
            </x-layout.table>
        </div>
    @endif

    <div class="print-card rounded-lg border border-input bg-background p-4 space-y-4">
        <h3 class="text-base font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_6c487d440c') }}</h3>
        <div>
            <h4 class="mb-2 text-sm font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_897f91dbcd') }}</h4>
            @php
                $developmentFee = $developmentFees->first();
            @endphp
            @if($developmentFee)
                <div
                    class="rounded-lg border border-input bg-muted/10 p-4"
                    style="{{ $isPrint ? 'border:1px solid #d1d5db;border-radius:10px;padding:12px;' : '' }}"
                >
                    @php
                        $developmentFeeCards = [
                            ['title' => 'تاريخ الاستحقاق', 'value' => optional($developmentFee->to_pay_date)->format('m/d/Y') ?: '-'],
                            ['title' => 'المساحة قبل الاستقطاع', 'value' => (string) $developmentFee->area_before],
                            ['title' => 'المساحة بعد الاستقطاع', 'value' => (string) $developmentFee->area_after],
                            ['title' => 'رسوم المتر / تطوير', 'value' => number_format((float) ($developmentFee->meter_price ?? 0), 2).' دولار'],
                            ['title' => 'رسوم المتر / تحسين وتشريف', 'value' => number_format((float) ($developmentFee->improvement_meter_price ?? 0), 2).' دولار'],
                            ['title' => 'رسوم التطوير', 'value' => number_format((float) $developmentFee->dev_price, 2).' دولار'],
                            ['title' => 'رسوم تحسين وتشريف', 'value' => number_format((float) ($developmentFee->improvement_amount ?? 0), 2).' دولار'],
                            ['title' => 'خصم التطوير', 'value' => number_format((float) $developmentFee->discount, 2).' دولار'],
                            ['title' => 'خصم التحسين والتشريف', 'value' => number_format((float) ($developmentFee->improvement_discount_amount ?? 0), 2).' دولار'],
                            ['title' => 'المبلغ المستحق', 'value' => number_format((float) $developmentFee->total_required, 2).' دولار'],
                        ];
                    @endphp

                    <div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 5px;">
                        @foreach($developmentFeeCards as $item)
                            <div style="border:1px solid #d1d5db;border-radius:10px;overflow:hidden;background:#eceff4;">
                                <div style="padding:5px 5px;font-weight:700;border-bottom:1px solid #d1d5db;background:#e5e7eb;">
                                    {{ $item['title'] }}
                                </div>
                                <div style="padding:5px 5px;text-align:center;font-weight:700;background:#ffffff;">
                                    {{ $item['value'] }}
                                </div>
                            </div>
                        @endforeach

                        <div style="grid-column:span 2;border:1px solid #d1d5db;border-radius:10px;overflow:hidden;background:#eceff4;">
                            <div style="padding:8px 12px;font-weight:700;border-bottom:1px solid #d1d5db;background:#e5e7eb;">
                                ملاحظات
                            </div>
                            <div style="padding:10px 12px;text-align:center;font-weight:700;background:#ffffff;">
                                {{ $developmentFee->comments ?: '-' }}
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="rounded-lg border border-input/70 bg-muted/10 p-4 text-center text-muted-foreground">
                    لا يوجد بيانات
                </div>
            @endif
        </div>
        <div>
            <h4 class="mb-2 text-sm font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_54ec194710') }}</h4>
            <x-layout.table>
                <x-slot:thead>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_339dd9b498') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_c09b65e192') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_47d2dbac9d') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_23b266d388') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_40b1409acf') }}</th>
                </x-slot:thead>
                @forelse($developmentPayments as $row)
                    <tr>
                        <td>{{ optional($row->date)->format('m/d/Y') }}</td>
                        <td>{{ $row->description }}</td>
                        <td>{{ number_format((float) $row->paid_amount, 2) }} {{ $row->{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_75805959dc') }}</td>
                        <td>{{ $row->receipt_number }}</td>
                        <td>{{ $row->comments ?: '-' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted-foreground">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_0e127f0a79') }}</td></tr>
                @endforelse
            </x-layout.table>
        </div>
    </div>

    <div class="print-card rounded-lg border border-input bg-background p-4 space-y-4">
        <h3 class="text-base font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_9bad3b2879') }}</h3>
        <div>
            <h4 class="mb-2 text-sm font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_6a40d59a53') }}</h4>
            <x-layout.table>
                <x-slot:thead>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_339dd9b498') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_c35b385955') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_a8d4e37716') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_ff981c3d1c') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_ad118b29f0') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_47d2dbac9d') }}</th>
                </x-slot:thead>
                @forelse($licenseFees as $row)
                    <tr>
                        <td>{{ optional($row->date)->format('m/d/Y') }}</td>
                        <td>{{ $row->fee_name }}</td>
                        <td>{{ $row->unit }}</td>
                        <td>{{ $row->unit_count }}</td>
                        <td>{{ number_format((float) $row->unit_price, 2) }}</td>
                        <td>{{ number_format((float) $row->{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_e148ec9554') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center text-muted-foreground">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_0e127f0a79') }}</td></tr>
                @endforelse
            </x-layout.table>
        </div>
        <div>
            <h4 class="mb-2 text-sm font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_5ac2942658') }}</h4>
            <x-layout.table>
                <x-slot:thead>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_339dd9b498') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_c09b65e192') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_47d2dbac9d') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_23b266d388') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_40b1409acf') }}</th>
                </x-slot:thead>
                @forelse($licensePayments as $row)
                    <tr>
                        <td>{{ optional($row->date)->format('m/d/Y') }}</td>
                        <td>{{ $row->description }}</td>
                        <td>{{ number_format((float) $row->paid_amount, 2) }} {{ $row->{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_75805959dc') }}</td>
                        <td>{{ $row->receipt_number }}</td>
                        <td>{{ $row->comments ?: '-' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted-foreground">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_0e127f0a79') }}</td></tr>
                @endforelse
            </x-layout.table>
        </div>
    </div>

    <div class="print-card rounded-lg border border-input bg-background p-4 space-y-4">
        <h3 class="text-base font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_f02002d7e1') }}</h3>
        <div>
            <h4 class="mb-2 text-sm font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_13f13181e8') }}</h4>
            <x-layout.table>
                <x-slot:thead>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_0a8b5ef0f0') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_f02002d7e1') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_16f3d1df5b') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_c68d9ecf01') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_8adbda9ae9') }}</th>
                </x-slot:thead>
                @forelse($finesFees as $row)
                    <tr>
                        <td>{{ $row->description }}</td>
                        <td>{{ number_format((float) $row->{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_49fc81a997') }}</td>
                        <td>{{ number_format((float) $row->discount, 2) }}</td>
                        <td>{{ number_format((float) $row->{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_2d4a6598ab') }}</td>
                        <td>{{ optional($row->to_pay_date)->format('m/d/Y') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted-foreground">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_0e127f0a79') }}</td></tr>
                @endforelse
            </x-layout.table>
        </div>
        <div>
            <h4 class="mb-2 text-sm font-semibold">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_a51a2e4b87') }}</h4>
            <x-layout.table>
                <x-slot:thead>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_339dd9b498') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_c09b65e192') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_47d2dbac9d') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_23b266d388') }}</th>
                    <th>{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_40b1409acf') }}</th>
                </x-slot:thead>
                @forelse($finesPayments as $row)
                    <tr>
                        <td>{{ optional($row->date)->format('m/d/Y') }}</td>
                        <td>{{ $row->description }}</td>
                        <td>{{ number_format((float) $row->paid_amount, 2) }} {{ $row->{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_75805959dc') }}</td>
                        <td>{{ $row->receipt_number }}</td>
                        <td>{{ $row->comments ?: '-' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted-foreground">{{ __('modules.org.resources_views_pages_licenses_partials_license_details_content.text_0e127f0a79') }}</td></tr>
                @endforelse
            </x-layout.table>
        </div>
    </div>

    @if($showPrintButton)
        <div class="flex justify-end">
            <a href="{{ route('org.licenses.print', $license->id) }}" target="_blank" class="kt-btn btn-sm px-6">
                طباعة
            </a>
        </div>
    @endif
</div>