@props([
    'modalId',
    'title' => 'UNSCR Details',

    'record' => [],
    'lastUpdated' => [],
    'aliases' => [],
    'addresses' => [],
    'datesOfBirth' => [],
    'placesOfBirth' => [],
    'documents' => [],
    'entityAliases' => [],
    'entityAddresses' => [],
    'titles' => [],
    'designations' => [],
    'desig' => null,

    'showExtendedNameFields' => true,
])

@php
    /*
    |--------------------------------------------------------------------------
    | Normalize Shared Values
    |--------------------------------------------------------------------------
    | 1267 / 1988 may provide arrays.
    | 1718 may provide plain text.
    */
    $displayDesignations = is_array($designations) ? $designations : (filled($designations) ? [$designations] : []);
    $displayLastUpdated = is_array($lastUpdated) ? $lastUpdated : (filled($lastUpdated) ? [$lastUpdated] : []);
@endphp

{{-- VIEW UNSCR 1267 --}}
<div wire:ignore.self class="modal fade" id="{{ $modalId }}" tabindex="-1" aria-hidden="true">

    <div class="modal-dialog
                    modal-xl
                    modal-dialog-scrollable">

        <div class="modal-content">

            {{-- HEADER --}}
            <div class="modal-header">

                <div>
                    <h5 class="modal-title">
                        {{ $title }}
                    </h5>

                    @if (data_get($record, 'reference_number'))
                        <small class="text-muted">
                            Reference:
                            {{ data_get($record, 'reference_number') }}
                        </small>
                    @endif
                </div>

                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>

            </div>

            <div class="modal-body">

                {{-- ========================== --}}
                {{-- BASIC INFORMATION --}}
                {{-- ========================== --}}

                <h6 class="fw-bold border-bottom pb-2 mb-3">
                    Basic Information
                </h6>

                <div class="row g-3 mb-4">

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">
                            Full Name
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'full_name') ?: '-' }}
                        </div>
                    </div>

                    @if ($showExtendedNameFields)
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">
                                Name in Original Script
                            </label>

                            <div class="form-control bg-light">
                                {{ data_get($record, 'original_name') ?: '-' }}
                            </div>
                        </div>
                    @else
                        <div class="col-md-6"></div>
                    @endif

                    <div class="col-md-3">
                        <label class="form-label fw-semibold">
                            First Name
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'first_name') ?: '-' }}
                        </div>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-semibold">
                            Second Name
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'second_name') ?: '-' }}
                        </div>
                    </div>


                    <div class="col-md-3">
                        <label class="form-label fw-semibold">
                            Third Name
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'third_name') ?: '-' }}
                        </div>
                    </div>

                    @if ($showExtendedNameFields)
                        <div class="col-md-3">
                            <label class="form-label fw-semibold">
                                Fourth Name
                            </label>

                            <div class="form-control bg-light">
                                {{ data_get($record, 'fourth_name') ?: '-' }}
                            </div>
                        </div>
                    @else
                        <div class="col-md-3"></div>
                    @endif

                    <div class="col-md-4">
                        <label class="form-label fw-semibold">
                            Nationality
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'nationality') ?: '-' }}
                        </div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label fw-semibold">
                            Gender
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'gender') ?: '-' }}
                        </div>
                    </div>

                    @if ($showExtendedNameFields)
                        <div class="col-md-4">
                            <label class="form-label fw-semibold">
                                Title
                            </label>

                            <div class="form-control bg-light">
                                @forelse($titles as $itemTitle)
                                    <span class="badge bg-secondary me-1">
                                        {{ $itemTitle }}
                                    </span>
                                @empty
                                    -
                                @endforelse
                            </div>
                        </div>
                    @else
                        <div class="col-md-4"></div>
                    @endif

                    @if (!empty($displayDesignations))

                        <div class="col-md-12">

                            <label class="form-label fw-semibold">
                                Designation
                            </label>

                            <div class="form-control bg-light">

                                @foreach ($displayDesignations as $designation)
                                    <span class="badge bg-secondary me-1 mb-1">

                                        {{ is_array($designation) ? $designation['VALUE'] ?? json_encode($designation) : $designation }}

                                    </span>
                                @endforeach

                            </div>

                        </div>

                    @endif

                    @if ($desig !== null)
                        <div class="col-md-4">

                            <label class="form-label fw-semibold">
                                DESIG
                            </label>

                            <div class="form-control bg-light">
                                {{ $desig }}
                            </div>

                        </div>
                    @endif

                </div>

                {{-- ========================== --}}
                {{-- UN LIST INFORMATION --}}
                {{-- ========================== --}}

                <h6 class="fw-bold border-bottom pb-2 mb-3">
                    UN List Information
                </h6>

                <div class="row g-3 mb-4">

                    <div class="col-md-3">
                        <label class="form-label fw-semibold">
                            Data ID
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'data_id') ?: '-' }}
                        </div>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-semibold">
                            Version
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'version') ?: '-' }}
                        </div>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-semibold">
                            Reference Number
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'reference_number') ?: '-' }}
                        </div>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-semibold">
                            Listed On
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'listed_on') ?: '-' }}
                        </div>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">
                            UN List Type
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'un_list_type') ?: '-' }}
                        </div>
                    </div>


                    <div class="col-md-6">
                        <label class="form-label fw-semibold">
                            List Type
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'list_type') ?: '-' }}
                        </div>
                    </div>

                </div>

                {{-- ========================== --}}
                {{-- LAST UPDATED --}}
                {{-- ========================== --}}

                <h6 class="fw-bold border-bottom pb-2 mb-3">
                    Last Day Updated
                </h6>

                <div class="mb-4">

                    @forelse($displayLastUpdated as $date)
                        <span class="badge bg-light text-dark border me-1 mb-1">
                            {{ $date ? \Carbon\Carbon::parse($date)->format('d/m/Y') : '-' }}
                        </span>

                    @empty

                        <span class="text-muted">
                            -
                        </span>
                    @endforelse

                </div>

                {{-- ========================== --}}
                {{-- DATE OF BIRTH --}}
                {{-- ========================== --}}

                <h6 class="fw-bold border-bottom pb-2 mb-3">
                    Date of Birth
                </h6>

                <div class="table-responsive mb-4">

                    <table class="table table-bordered table-sm">

                        <thead class="table-light">
                            <tr>
                                <th>Type</th>
                                <th>Date</th>
                                <th>Year</th>
                            </tr>
                        </thead>

                        <tbody>

                            @forelse($datesOfBirth as $dob)
                                <tr>

                                    <td>
                                        {{ $dob['TYPE_OF_DATE'] ?? '-' }}
                                    </td>

                                    <td>
                                        @if (!empty($dob['DATE']))
                                            {{ \Carbon\Carbon::parse($dob['DATE'])->format('d/m/Y') }}
                                        @else
                                            -
                                        @endif
                                    </td>

                                    <td>
                                        {{ $dob['YEAR'] ?? '-' }}
                                    </td>

                                </tr>

                            @empty

                                <tr>
                                    <td colspan="3" class="text-center text-muted">
                                        No date of birth information.
                                    </td>
                                </tr>
                            @endforelse

                        </tbody>

                    </table>

                </div>

                {{-- ========================== --}}
                {{-- PLACE OF BIRTH --}}
                {{-- ========================== --}}

                <h6 class="fw-bold border-bottom pb-2 mb-3">
                    Place of Birth
                </h6>

                <div class="table-responsive mb-4">

                    <table class="table table-bordered table-sm">

                        <thead class="table-light">
                            <tr>
                                <th>City</th>
                                <th>State / Province</th>
                                <th>Country</th>
                            </tr>
                        </thead>

                        <tbody>

                            @forelse($placesOfBirth as $place)
                                <tr>

                                    <td>
                                        {{ $place['CITY'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $place['STATE_PROVINCE'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $place['COUNTRY'] ?? '-' }}
                                    </td>

                                </tr>

                            @empty

                                <tr>
                                    <td colspan="3" class="text-center text-muted">
                                        No place of birth information.
                                    </td>
                                </tr>
                            @endforelse

                        </tbody>

                    </table>

                </div>

                {{-- ========================== --}}
                {{-- ALIASES --}}
                {{-- ========================== --}}

                <h6 class="fw-bold border-bottom pb-2 mb-3">
                    Aliases
                </h6>

                <div class="table-responsive mb-4">

                    <table class="table table-bordered table-sm">

                        <thead class="table-light">
                            <tr>
                                <th style="width: 120px;">
                                    Quality
                                </th>

                                <th>
                                    Alias Name
                                </th>

                                <th>
                                    Note
                                </th>
                            </tr>
                        </thead>

                        <tbody>

                            @forelse($aliases as $alias)
                                <tr>

                                    <td>
                                        {{ $alias['QUALITY'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $alias['ALIAS_NAME'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $alias['NOTE'] ?? '-' }}
                                    </td>

                                </tr>

                            @empty

                                <tr>

                                    <td colspan="3" class="text-center text-muted">
                                        No aliases.
                                    </td>

                                </tr>
                            @endforelse

                        </tbody>

                    </table>

                </div>

                {{-- ========================== --}}
                {{-- ADDRESSES --}}
                {{-- ========================== --}}

                <h6 class="fw-bold border-bottom pb-2 mb-3">
                    Addresses
                </h6>

                <div class="table-responsive mb-4">

                    <table class="table table-bordered table-sm">

                        <thead class="table-light">

                            <tr>
                                <th>Street</th>
                                <th>City</th>
                                <th>State / Province</th>
                                <th>Country</th>
                                <th>Note</th>
                            </tr>

                        </thead>

                        <tbody>

                            @forelse($addresses as $address)
                                <tr>

                                    <td>
                                        {{ $address['STREET'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $address['CITY'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $address['STATE_PROVINCE'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $address['COUNTRY'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $address['NOTE'] ?? '-' }}
                                    </td>

                                </tr>

                            @empty

                                <tr>
                                    <td colspan="5" class="text-center text-muted">
                                        No address information.
                                    </td>
                                </tr>
                            @endforelse

                        </tbody>

                    </table>

                </div>



                {{-- ========================== --}}
                {{-- DOCUMENTS --}}
                {{-- ========================== --}}

                <h6 class="fw-bold border-bottom pb-2 mb-3">
                    Passport / Identification Documents
                </h6>

                <div class="table-responsive mb-4">

                    <table class="table table-bordered table-sm">

                        <thead class="table-light">

                            <tr>
                                <th>Document Type</th>
                                <th>Number</th>
                                <th>Date of Issue</th>
                                <th>Issuing Country</th>
                                <th>Country of Issue</th>
                                <th>City of Issue</th>
                                <th>Note</th>
                            </tr>

                        </thead>

                        <tbody>

                            @forelse($documents as $document)
                                <tr>

                                    <td>
                                        {{ $document['TYPE_OF_DOCUMENT'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $document['NUMBER'] ?? '-' }}
                                    </td>

                                    <td>

                                        @if (!empty($document['DATE_OF_ISSUE']))
                                            {{ \Carbon\Carbon::parse($document['DATE_OF_ISSUE'])->format('d/m/Y') }}
                                        @else
                                            -
                                        @endif

                                    </td>

                                    <td>
                                        {{ $document['ISSUING_COUNTRY'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $document['COUNTRY_OF_ISSUE'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $document['CITY_OF_ISSUE'] ?? '-' }}
                                    </td>

                                    <td>
                                        {{ $document['NOTE'] ?? '-' }}
                                    </td>

                                </tr>

                            @empty

                                <tr>

                                    <td colspan="7" class="text-center text-muted">
                                        No passport or identification
                                        documents.
                                    </td>

                                </tr>
                            @endforelse

                        </tbody>

                    </table>

                </div>



                {{-- ========================== --}}
                {{-- ENTITY ALIASES --}}
                {{-- ========================== --}}

                @if (!empty($entityAliases))
                    <h6 class="fw-bold border-bottom pb-2 mb-3">
                        Entity Aliases
                    </h6>

                    <div class="table-responsive mb-4">

                        <table class="table table-bordered table-sm">

                            <thead class="table-light">
                                <tr>
                                    <th>Quality</th>
                                    <th>Alias Name</th>
                                </tr>
                            </thead>

                            <tbody>

                                @foreach ($entityAliases as $alias)
                                    <tr>

                                        <td>
                                            {{ $alias['QUALITY'] ?? '-' }}
                                        </td>

                                        <td>
                                            {{ $alias['ALIAS_NAME'] ?? '-' }}
                                        </td>

                                    </tr>
                                @endforeach

                            </tbody>

                        </table>

                    </div>

                @endif



                {{-- ========================== --}}
                {{-- ENTITY ADDRESS --}}
                {{-- ========================== --}}

                @if (!empty($entityAddresses))

                    <h6 class="fw-bold border-bottom pb-2 mb-3">
                        Entity Addresses
                    </h6>

                    <div class="table-responsive mb-4">

                        <table class="table table-bordered table-sm">

                            <thead class="table-light">
                                <tr>
                                    <th>Street</th>
                                    <th>City</th>
                                    <th>State / Province</th>
                                    <th>Country</th>
                                    <th>Note</th>
                                </tr>
                            </thead>

                            <tbody>

                                @foreach ($entityAddresses as $address)
                                    <tr>

                                        <td>
                                            {{ $address['STREET'] ?? '-' }}
                                        </td>

                                        <td>
                                            {{ $address['CITY'] ?? '-' }}
                                        </td>

                                        <td>
                                            {{ $address['STATE_PROVINCE'] ?? '-' }}
                                        </td>

                                        <td>
                                            {{ $address['COUNTRY'] ?? '-' }}
                                        </td>

                                        <td>
                                            {{ $address['NOTE'] ?? '-' }}
                                        </td>

                                    </tr>
                                @endforeach

                            </tbody>

                        </table>

                    </div>

                @endif



                {{-- ========================== --}}
                {{-- COMMENTS --}}
                {{-- ========================== --}}

                <h6 class="fw-bold border-bottom pb-2 mb-3">
                    Additional Information
                </h6>

                <div class="row g-3">
                    <div class="col-md-12">
                        <label class="form-label fw-semibold">
                            Comments
                        </label>

                        <div class="form-control bg-light" style="min-height: 80px;white-space: pre-wrap;">
                            {{ data_get($record, 'comments') ?: '-' }}
                        </div>
                    </div>


                    <div class="col-md-12">
                        <label class="form-label fw-semibold">
                            Address
                        </label>

                        <div class="form-control bg-light" style="min-height: 60px;">
                            {{ data_get($record, 'address') ?: '-' }}
                        </div>
                    </div>


                    <div class="col-md-6">
                        <label class="form-label fw-semibold">
                            Passport Field
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'passport') ?: '-' }}
                        </div>
                    </div>


                    <div class="col-md-6">
                        <label class="form-label fw-semibold">
                            Good Quality
                        </label>

                        <div class="form-control bg-light">
                            {{ data_get($record, 'good_quality') ?: '-' }}
                        </div>
                    </div>

                </div>


            </div>


            {{-- FOOTER --}}
            <div class="modal-footer">

                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    Close
                </button>

            </div>

        </div>

    </div>

</div>