@props(['records', 'countryCodes' => []])

<div class="d-flex justify-content-between align-items-center mb-3">

    <div class="d-flex align-items-center gap-3">

        <h5 class="mb-0">
            UNSCR Consolidated List
        </h5>

    </div>

    <span class="badge bg-secondary">
        {{ $records->total() }} Records
    </span>

</div>


<div class="table-responsive">

    <table class="table table-hover align-middle mb-0">

        <thead class="table-light">

            <tr>

                <th style="width: 50px;">
                    No.
                </th>

                <th style="width: 250px;">
                    Name
                </th>

                <th style="width: 280px;">
                    Designation
                </th>

                <th style="width: 220px;">
                    Nationality
                </th>

                <th style="width: 150px;">
                    Reference No.
                </th>

                <th style="width: 130px;">
                    Date Listed
                </th>

                <th style="width: 220px;">
                    Action
                </th>

            </tr>

        </thead>


        <tbody>

            @forelse ($records as $record)

                @php
                    /*
                    |--------------------------------------------------------------------------
                    | FULL NAME
                    |--------------------------------------------------------------------------
                    */

                    $fullName = trim(
                        ($record->FIRST_NAME ?? '') .
                            ' ' .
                            ($record->SECOND_NAME ?? '') .
                            ' ' .
                            ($record->THIRD_NAME ?? '') .
                            ' ' .
                            ($record->FOURTH_NAME ?? ''),
                    );

                    if ($fullName === '') {
                        $fullName = $record->NAME_ORIGINAL_SCRIPT ?: '-';
                    }

                    /*
                    |--------------------------------------------------------------------------
                    | DESIGNATION
                    |--------------------------------------------------------------------------
                    */

                    $designationDecoded = json_decode($record->DESIGNATION ?? '', true);

                    $designations = [];

                    if (is_array($designationDecoded) && array_key_exists('VALUE', $designationDecoded)) {
                        $designationValue = $designationDecoded['VALUE'];

                        if (is_array($designationValue)) {
                            $designations = array_values(array_filter($designationValue));
                        } elseif ($designationValue !== null && trim((string) $designationValue) !== '') {
                            $designations = [$designationValue];
                        }
                    }

                    /*
                    |--------------------------------------------------------------------------
                    | NATIONALITY
                    |--------------------------------------------------------------------------
                    */

                    $nationalityDecoded = json_decode($record->NATIONALITY ?? '', true);

                    $nationalities = [];

                    if (is_array($nationalityDecoded) && array_key_exists('VALUE', $nationalityDecoded)) {
                        $nationalityValue = $nationalityDecoded['VALUE'];

                        if (is_array($nationalityValue)) {
                            $nationalities = array_values(array_filter($nationalityValue));
                        } elseif ($nationalityValue !== null && trim((string) $nationalityValue) !== '') {
                            $nationalities = [$nationalityValue];
                        }
                    }
                @endphp


                <tr>

                    {{-- NO --}}
                    <td>
                        {{ $records->firstItem() + $loop->index }}
                    </td>


                    {{-- NAME --}}
                    <td class="fw-semibold">

                        {{ $fullName }}

                        @if (!empty($record->NAME_ORIGINAL_SCRIPT) && $fullName !== $record->NAME_ORIGINAL_SCRIPT)
                            <div class="small text-muted mt-1">
                                {{ $record->NAME_ORIGINAL_SCRIPT }}
                            </div>
                        @endif

                    </td>


                    {{-- DESIGNATION --}}
                    <td
                        style="
                            white-space: normal;
                            word-wrap: break-word;
                        ">

                        @forelse ($designations as $designation)
                            <div @if (!$loop->last) class="mb-1" @endif>
                                {{ $designation }}
                            </div>

                        @empty

                            -
                        @endforelse

                    </td>


                    {{-- NATIONALITY --}}
                    <td>

                        @forelse ($nationalities as $country)
                            @php
                                $iso3 = $countryCodes[strtolower(trim($country))] ?? null;

                                $flagCode = $this->getFlagCode($iso3);
                            @endphp

                            <div
                                class="
                                    d-flex
                                    align-items-center
                                    gap-2
                                    @if (!$loop->last) mb-1 @endif
                                ">

                                @if ($flagCode)
                                    <span
                                        class="
                                            fi
                                            fi-{{ $flagCode }}
                                        "
                                        style="
                                            font-size: 18px;
                                        "></span>
                                @endif

                                <span>
                                    {{ $country }}
                                </span>

                            </div>

                        @empty

                            -
                        @endforelse

                    </td>


                    {{-- REFERENCE NUMBER --}}
                    <td>

                        {{ $record->REFERENCE_NUMBER ?: '-' }}

                    </td>


                    {{-- DATE LISTED --}}
                    <td>

                        @if ($record->LISTED_ON)
                            {{ \Carbon\Carbon::parse($record->LISTED_ON)->format('d/m/Y') }}
                        @else
                            -
                        @endif

                    </td>


                    {{-- ACTION --}}
                    <td>

                        <div class="d-flex gap-1">

                            <button type="button"
                                class="
                                    btn
                                    btn-sm
                                    btn-outline-primary
                                "
                                wire:click="
                                    openUnscrCsld(
                                        {{ $record->id }}
                                    )
                                ">
                                View
                            </button>


                            <button type="button"
                                class="
                                    btn
                                    btn-sm
                                    btn-outline-warning
                                "
                                wire:click="
                                    openUnscrCsldEdit(
                                        {{ $record->id }}
                                    )
                                ">
                                Edit
                            </button>


                            <button type="button"
                                class="
                                    btn
                                    btn-sm
                                    btn-outline-danger
                                "
                                wire:click="
                                    openUnscrCsldDelete(
                                        {{ $record->id }}
                                    )
                                ">
                                Delete
                            </button>

                        </div>

                    </td>

                </tr>


            @empty

                <tr>

                    <td colspan="7"
                        class="
                            text-center
                            text-muted
                            py-4
                        ">
                        No UNSCR Consolidated records found.
                    </td>

                </tr>
            @endforelse

        </tbody>

    </table>

</div>


<div class="mt-3">

    {{ $records->links() }}

</div>