@extends('layouts.master')

@section('title', 'Express54')

@section('content')


    <div class="banner">
        @if ($selectedCountry)
            <img src="{{ asset("/storage/banner/$selectedCountry->banner_image") }}" class="test"
                alt="{{ $selectedCountry->title }}" style="width: 100%; height:350px;">
        @else
            <img src="{{ asset('/assets/image/bluebanner.png') }}" class="test" alt="bluebanner.png"
                style="width: 100%; height:350px;">
        @endif
    </div>

    {{-- <div class="row banner">
        <div class="custom_section {{ Auth::user()->role }}">
            <div class="homesec">
                @if (Auth::user()->country == 17)
                    <div class="userhomesec text-center">
                    <img src="{{ asset('/assets/image/homelogo.png') }}" class="homelogo" alt="Icon">
                </div>
                @elseif (Auth::user()->country == 19)
                    <div class="userhomesec text-center">
                        <img src="{{ asset('/assets/image/burkina_faso.png') }}" class="homelogo" alt="Icon">
                    </div>
                @elseif (Auth::user()->country == 16)
                    <div class="userhomesec text-center">
                        <img src="{{ asset('/assets/image/cameroon.png') }}" class="homelogo" alt="Icon">
                    </div>
                @elseif (Auth::user()->country == 20)
                    <div class="userhomesec text-center">
                        <img src="{{ asset('/assets/image/mali.png') }}" class="homelogo" alt="Icon">
                        <h3>@lang('messages.mali_ambassade')</h3>
                    </div>
                @elseif (Auth::user()->country == 27)
                    <div class="userhomesec text-center">
                        <img src="{{ asset('/assets/image/guinea.png') }}" class="homelogo" alt="Icon">
                    </div>
                @else
                    <div class="userhomesec text-center">
                        <img src="{{ asset('/assets/image/faviconlogo.png') }}" class="homelogo" alt="Icon">
                        <h3>@lang('messages.bannertext')</h3>
                    </div>
                @endif
            </div>
        </div>
    </div> --}}

    <div class="admin_bg" style="min-height: calc(100vh - 110px)"><br><br>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div id="alert-container">
                        @if (Session('error'))
                            <div class="alert alert-warning" role="alert">
                                {{ Session('error') }}
                            </div>
                        @endif

                        @if (Session('success'))
                            <div class="alert alert-success" role="alert">
                                {{ Session('success') }}
                            </div>
                        @endif
                    </div>
                    <!-- alert time out  -->
                    <script>
                        document.addEventListener("DOMContentLoaded", function() {
                            var alertContainer = document.getElementById("alert-container");
                            if (alertContainer) {
                                setTimeout(function() {
                                    alertContainer.remove();
                                }, 5000);
                            }
                        });
                    </script>


                    <a href="{{ url('employee/dashboard/' . $service_id) }}"
                        class="btn btn-lg btn-danger rounded-pill px-3"><i class="fa-solid fa-arrow-left"></i>
                        @lang('messages.back')</a>

                    <h3 class="custom-heading text-center text-danger">@lang('messages.expediteapplication')</h5>
                        <div class="card shadow-sm p-3 mb-5 bg-white rounded">
                            <div class="card-body hometabel">

                                <table class="table" id="expeditedtable">
                                    <thead class="table_color">
                                        <tr>
                                            <th>#</th>
                                            <th>@lang('messages.name')</th>
                                            <th>@lang('messages.last_name')</th>
                                            <th>@lang('messages.email')</th>
                                            {{-- <th>@lang('messages.useremail')</th> --}}
                                            <th>@lang('messages.phone')</th>
                                            <th>@lang('messages.service')</th>
                                            <th>@lang('messages.UIDN')</th>
                                            <th>@lang('messages.label')</th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                                                                @foreach ($acceptedApplications as $application)
                                            @if ($application->speed == 'Expedite' && $application->status != 'Draft')
                                                <tr>
                                                    <td>{{ $i }}</td>
                                                    <td>{{ $application->name }}</td>
                                                    <td>{{ $application->surname }}</td>
                                                    <td>{{ $application->email }}</td>
                                                    <td>{{ $application->contact }}</td>
                                                    <td>{{ $services->where('id', $application->service_selected)->first()->name }}
                                                    </td>
                                                    <td>{{ $application->UIDN }}</td>
                                                    {{-- @php
                                                        $imagePath = "uploads/Full_" . $application->UIDN . ".pdf";
    
                                                            $url = Storage::disk('s3')->temporaryUrl(
                                                                $imagePath,
                                                                now()->addMinutes(10), // Expiration time (e.g., 10 minutes from now)
                                                            );
                                                        @endphp --}}
                                                    {{-- <a href="{{ $application->archive_image }}" target="_blank"
                                                            class="btn btn-md btn" title="View Archived Document">
                                                            <i class="fa-regular fa-file shipcolor"></i>
                                                        </a> --}}
                                                    <td>
                                                        @php
                                                            try {
                                                                $pdfUrls = unserialize($application->archive_image);
                                                            } catch (\Throwable $e) {
                                                                $pdfUrls = [];
                                                            }
                                                        @endphp

                                                        @if (!empty($pdfUrls))
                                                                                                                        <button type="button" class="btn btn-md " data-toggle="modal"
                                                                data-target="#{{ $modalId }}">
                                                                <i class="fa-regular fa-file shipcolor"></i>
                                                            </button>

                                                            <div class="modal fade" id="{{ $modalId }}"
                                                                data-backdrop="false">

                                                                <div class="modal-dialog">
                                                                    <div class="modal-content">

                                                                        <!-- Modal Header -->
                                                                        <div class="modal-header">
                                                                            <h4 class="modal-title">Archived Documents</h4>
                                                                            <button type="button" class="close"
                                                                                data-dismiss="modal">&times;</button>
                                                                        </div>

                                                                        <!-- Modal Body -->
                                                                        <div class="modal-body">
                                                                            @foreach ($pdfUrls as $index => $pdfUrl)
                                                                                @if (is_array($pdfUrl))
                                                                                    @foreach ($pdfUrl as $key => $url)
                                                                                        <a href="{{ $url }}"
                                                                                            target="_blank"
                                                                                            class="btn btn-md btn"
                                                                                            title="View Archived Document">
                                                                                            <i
                                                                                                class="fa-regular fa-file shipcolor"></i>
                                                                                            Document
                                                                                            {{ $key + 2 }}</a>
                                                                                        <br>
                                                                                    @endforeach
                                                                                @else
                                                                                    <a href="{{ $pdfUrl }}"
                                                                                        target="_blank"
                                                                                        class="btn btn-md btn"
                                                                                        title="View Archived Document">
                                                                                        <i
                                                                                            class="fa-regular fa-file shipcolor"></i>
                                                                                        @if ($index === 'images')
                                                                                            Document 1
                                                                                        @else
                                                                                            {{ strtoupper($index) }}
                                                                                        @endif
                                                                                    </a>
                                                                                    <br>
                                                                                @endif
                                                                            @endforeach
                                                                        </div>

                                                                        <!-- Modal Footer -->
                                                                        <div class="modal-footer">
                                                                            <button type="button" class="btn btn-danger"
                                                                                data-dismiss="modal">Close</button>
                                                                        </div>

                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @else
                                                            <a href="{{ $application->archive_image }}" target="_blank"
                                                                class="btn btn-md btn" title="View Archived Document">
                                                                <i class="fa-regular fa-file shipcolor"></i>
                                                            </a>
                                                        @endif
                                                    </td>
                                                </tr>
                                                                                            @endif
                                        @endforeach
                                        @if ($i == 1)
                                            <tr>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <th class="text-center">@lang('messages.noapplication')</th>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        {{-- @if ($id == 1)
                            <script>
                                var checkboxes = document.getElementsByClassName('select-checkbox');
                                var selectedCount = 0;
                                var selectedApplications = [];

                                document.getElementById('select-all').addEventListener('change', function() {
                                    for (var i = 0; i < checkboxes.length; i++) {
                                        checkboxes[i].checked = this.checked;
                                    }
                                    selectedCount = this.checked ? checkboxes.length : 0;
                                    SelectedApplications();
                                    disableCheckboxes();
                                });

                                for (var i = 0; i < checkboxes.length; i++) {
                                    checkboxes[i].addEventListener('change', function() {
                                        if (this.checked) {
                                            selectedCount++;
                                            selectedApplications.push(this.value);
                                        } else {
                                            selectedCount--;
                                            selectedApplications = selectedApplications.filter(app => app !== this.value);
                                        }
                                        SelectedApplications();
                                        disableCheckboxes();
                                    });
                                }

                                function SelectedApplications() {
                                    document.getElementById('selectedvisa').value = selectedApplications;
                                    console.log("Selected Applications:", selectedApplications);
                                }

                                function disableCheckboxes() {
                                    for (var i = 0; i < checkboxes.length; i++) {
                                        checkboxes[i].disabled = selectedCount >= 6 && !checkboxes[i].checked;
                                    }
                                }
                            </script>
                        @endif --}}
                </div>
            </div>
        </div>


        <br><br>
        <div class="container">
            <div class="row">
                <div class="col-md-12">

                    <center>
                        <h3 class="custom-heading">@lang('messages.normalapplication')</h3>
                    </center>
                    <div class="card shadow-sm p-3 mb-5 bg-white rounded">
                        <div class="card-body hometabel">

                            <table class="table" id="normaltable">
                                <thead class="table_color">
                                    <tr>
                                        {{-- @if ($id == 1)
                                            <th><input type="checkbox" id="select-all"></th>
                                        @endif --}}
                                        <th>#</th>
                                        <th>@lang('messages.name')</th>
                                        <th>@lang('messages.last_name')</th>
                                        <th>@lang('messages.email')</th>
                                        {{-- <th>@lang('messages.useremail')</th> --}}
                                        <th>@lang('messages.phone')</th>
                                        <th>@lang('messages.service')</th>
                                        <th>@lang('messages.UIDN')</th>
                                        <th>@lang('messages.label')</th>

                                    </tr>
                                </thead>
                                <tbody>
                                                                        @foreach ($acceptedApplications as $application)
                                        @if ($application->speed == 'Normal' && $application->status != 'Draft')
                                            <tr>
                                                <td>{{ $i }}</td>
                                                <td>{{ $application->name }}</td>
                                                <td>{{ $application->surname }}</td>
                                                <td>{{ $application->email }}</td>
                                                <td>{{ $application->contact }}</td>
                                                <td>{{ $services->where('id', $application->service_selected)->first()->name }}
                                                </td>
                                                <td>{{ $application->UIDN }}</td>
                                                {{-- <td>
                                                    @php
                                                        try {
                                                            $pdfUrls = unserialize($application->archive_image);
                                                        } catch (\Throwable $e) {
                                                            $pdfUrls = [];
                                                        }
                                                    @endphp

                                                    @if (!empty($pdfUrls))
                                                        @foreach ($pdfUrls as $index => $pdfUrl)
                                                            @if (is_array($pdfUrl))
                                                                @foreach ($pdfUrl as $key => $url)
                                                                    <a href="{{ $url }}" target="_blank"
                                                                        class="btn btn-md btn"
                                                                        title="View Archived Document">
                                                                        <i class="fa-regular fa-file shipcolor"></i>
                                                                        Document {{ $key + 2 }}
                                                                    </a>
                                                                    <br>
                                                                @endforeach
                                                            @else
                                                                <a href="{{ $pdfUrl }}" target="_blank"
                                                                    class="btn btn-md btn"
                                                                    title="View Archived Document jkbjkbjkb">
                                                                    <i class="fa-regular fa-file shipcolor"></i>
                                                                    @if ($index === 'images')
                                                                        Document 1
                                                                    @else
                                                                        {{ strtoupper($index) }}
                                                                    @endif

                                                                </a>
                                                                <br>
                                                            @endif
                                                        @endforeach
                                                    @else
                                                        <a href="{{ $application->archive_image }}" target="_blank"
                                                            class="btn btn-md btn" title="View Archived Document">
                                                            <i class="fa-regular fa-file shipcolor"></i>
                                                        </a>
                                                    @endif


                                                </td> --}}

                                                <td>
                                                    @php
                                                        try {
                                                            $pdfUrls = unserialize($application->archive_image);
                                                        } catch (\Throwable $e) {
                                                            $pdfUrls = [];
                                                        }
                                                    @endphp

                                                    @if (!empty($pdfUrls))
                                                                                                                <button type="button" class="btn btn-md " data-toggle="modal"
                                                            data-target="#{{ $modalId }}">
                                                            <i class="fa-regular fa-file shipcolor"></i>
                                                        </button>

                                                        <div class="modal fade" id="{{ $modalId }}"
                                                            data-backdrop="false">

                                                            <div class="modal-dialog">
                                                                <div class="modal-content">

                                                                    <!-- Modal Header -->
                                                                    <div class="modal-header">
                                                                        <h4 class="modal-title">Archived Documents</h4>
                                                                        <button type="button" class="close"
                                                                            data-dismiss="modal">&times;</button>
                                                                    </div>

                                                                    <!-- Modal Body -->
                                                                    <div class="modal-body">
                                                                        @foreach ($pdfUrls as $index => $pdfUrl)
                                                                            @if (is_array($pdfUrl))
                                                                                @foreach ($pdfUrl as $key => $url)
                                                                                    <a href="{{ $url }}"
                                                                                        target="_blank"
                                                                                        class="btn btn-md btn"
                                                                                        title="View Archived Document">
                                                                                        <i
                                                                                            class="fa-regular fa-file shipcolor"></i>
                                                                                        Document {{ $key + 2 }}</a>
                                                                                    <br>
                                                                                @endforeach
                                                                            @else
                                                                                <a href="{{ $pdfUrl }}"
                                                                                    target="_blank" class="btn btn-md btn"
                                                                                    title="View Archived Document">
                                                                                    <i
                                                                                        class="fa-regular fa-file shipcolor"></i>
                                                                                    @if ($index === 'images')
                                                                                        Document 1
                                                                                    @else
                                                                                        {{ strtoupper($index) }}
                                                                                    @endif
                                                                                </a>
                                                                                <br>
                                                                            @endif
                                                                        @endforeach
                                                                    </div>

                                                                    <!-- Modal Footer -->
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-danger"
                                                                            data-dismiss="modal">Close</button>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    @else
                                                        <a href="{{ $application->archive_image }}" target="_blank"
                                                            class="btn btn-md btn" title="View Archived Document">
                                                            <i class="fa-regular fa-file shipcolor"></i>
                                                        </a>
                                                    @endif
                                                </td>
                                            </tr>
                                                                                    @endif
                                    @endforeach

                                    @if ($i == 1)
                                        <tr>

                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <th class="text-center">@lang('messages.noapplication')</th>
                                            <td></td>
                                            <td></td>
                                            <td></td>

                                        </tr>
                                    @endif
                                </tbody>


                                <script>
                                    $(document).ready(function() {
                                        // Destroy and Initialize Expedited Table
                                        if ($.fn.DataTable.isDataTable('#expeditedtable')) {
                                            $('#expeditedtable').DataTable().destroy();
                                        }
                                        $('#expeditedtable').DataTable();

                                        // Destroy and Initialize Normal Table
                                        if ($.fn.DataTable.isDataTable('#normaltable')) {
                                            $('#normaltable').DataTable().destroy();
                                        }
                                        $('#normaltable').DataTable();
                                    });
                                </script>

                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection