@extends('layouts.master')
@section('content')
<div class="h">
@include('inc.header-nav')
<div class="mx-auto container-fluid align-items-center pt-150">
    @include('inc.header-profile')
    <div class="d-flex flex-column flex-lg-row mb-6">
        <div class="flex-lg-row-fluid">
            <div class="card px-0 pt-3" id="kt_chat_messenger">
                <div class="card-header  border-0 px-0" id="kt_chat_messenger_header">
                    <div class="card-title">
                        <div class="d-flex px-6 justify-content-center flex-column me-3">
                            <h3>Visa Applications</h3>
                        </div>
                    </div>
                    <div class="p-d-flex p-jc-between px-6 pt-5">
                    @php
                    use Carbon\Carbon;

                    // Get the last visa (works for collections)
                    $lastVisa = $visa_applications->last();
                    
                    $isExpiringSoon = true;
                    if ($lastVisa) {
                        $expiryDate = $lastVisa ? ($lastVisa->new_visa_validity ?? $lastVisa->date_of_expiry) : null;

                        // Check if it’s within 60 days
                        $isExpiringSoon = $expiryDate 
                            ? Carbon::parse($expiryDate)->diffInDays(Carbon::today(), false) <= 60
                            : false;
                    }
                    @endphp

                    @if($visa_waiting_for_submission)
                        <button class="btn btn-sm btn-success group-text2 me-5" @click="createVisaSubmissionModal()">
                            Submit Visa Application
                        </button>
                    @endif


                    </div>
                </div>
                <div class="card-body px-7" id="kt_chat_messenger_body">
                    <div class="table-responsive">
                        <table class="table align-middle table-row-dashed table-row-bordered  gs-0 gy-4"> 
                            <thead>
                                <tr class="fw-bold text-muted bg-light">
                                    <th class="ps-4">Created At</th>
                                    <th class="ps-4">Application Status</th>
                                    <th class="ps-4">Visa Status</th>
                                    <th class="ps-4">Name</th>
                                    <th class="ps-4">Type</th>
                                    <th class="ps-4">Category</th>
                                    <th class="ps-4">Date Of Expiry</th>
                                    <th class="ps-4">To BI</th>
                                    <th class="ps-4">Biometrics</th>
                                    <th class="ps-4">Return Passport</th>
                                    <th class="ps-4">Approved</th>
                                    <th class="ps-4">DisApproved</th>
                                    <th class="ps-4">Sent For Implementation</th>
                                    <th class="ps-4">Implemented</th>
                                    <th class="ps-4">New Visa Validity</th>
                                    <th class="ps-4">ACR Applied</th>
                                    <th class="ps-4">ACR Released</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($visa_applications as $key =>  $visa)
                                <tr>
                                    <td>{{ date('m/d/Y', strtotime($visa->date_of_expiry)) }}</td>
                                    
                                    <td class="pe-4">
                                        @php
                                            $statusClasses = [
                                                'pending' => 'bg-warning text-dark',
                                                'in_progress' => 'bg-primary',
                                                'completed' => 'bg-success',
                                                'overdue' => 'bg-danger',
                                                'cancelled' => 'bg-secondary'
                                            ];

                                            $status = $visa->visa_status_label;
                                            $badgeClass = $statusClasses[$status] ?? 'bg-light text-dark';
                                        @endphp

                                        <span class="badge {{ $badgeClass }}">
                                            {{ ucfirst(str_replace('_', ' ', $status)) }}
                                        </span>
                                    </td>
                                    <td>{{ $visa->first_name }} {{ $visa->last_name }} </td>
                                    <td>
                                       {{ ucwords($visa->visa_type_label) }}
                                    </td>
                                    <td>
                                      {{ strtoupper($visa->visa_category) }}
                                    </td>
                                    <td>
                                       {{ date('m/d/Y', strtotime($visa->date_of_expiry)) }}
                                    </td>
                                    <td>{{ $visa->submitted_to_bi ? date('m/d/Y', strtotime($visa->submitted_to_bi)) : '' }}</td>
                                    <td>{{ $visa->biometrics ? date('m/d/Y', strtotime($visa->biometrics)) : '' }}</td>
                                    <td>{{ $visa->return_passport ? date('m/d/Y', strtotime($visa->return_passport)) : '' }}</td>
                                    <td>{{ $visa->approved ? date('m/d/Y', strtotime($visa->approved)) : '' }}</td>
                                    <td>{{ $visa->disapproved ? date('m/d/Y', strtotime($visa->disapproved)) : '' }}</td>
                                    <td>{{ $visa->sent_for_implementation ? date('m/d/Y', strtotime($visa->sent_for_implementation)) : '' }}</td>
                                    <td>{{ $visa->implemented ? date('m/d/Y', strtotime($visa->implemented)) : '' }}</td>
                                    <td>{{ $visa->new_visa_validity ? date('m/d/Y', strtotime($visa->new_visa_validity)) : '' }}</td>
                                    <td>{{ $visa->acr_applied ? date('m/d/Y', strtotime($visa->acr_applied)) : '' }}</td>
                                    <td>{{ $visa->acr_released ? date('m/d/Y', strtotime($visa->acr_released)) : '' }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if (count($visa_compliances) > 0)
        <div class="d-flex flex-column flex-lg-row mb-6">
            <div class="flex-lg-row-fluid">
                <div class="card px-0 pt-3" id="kt_chat_messenger">
                    <div class="card-header  border-0 px-0" id="kt_chat_messenger_header">
                        <div class="card-title">
                            <div class="d-flex px-6 justify-content-center flex-column me-3">
                                <h3>Compliances</h3>
                            </div>
                        </div>
                        <div class="p-d-flex p-jc-between px-6 pt-5">
                        </div>
                    </div>
                    <div class="card-body px-7" id="kt_chat_messenger_body">
                        <div class="table-responsive">
                            <table class="table align-middle table-row-dashed table-row-bordered  gs-0 gy-4 mb-5"> 
                                <thead>
                                    <tr class="fw-bold text-muted bg-light">
                                        <th class="ps-4">Created At</th>
                                        <th>Compliance Type</th>
                                        <th>Status</th>
                                        <th>Date Received</th>
                                        <th>Due Date</th>
                                        <th>Completed Date</th>
                                        <th>Completed By</th>
                                        <th>Details</th>
                                        <th>Documents Submitted</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($visa_compliances as $key =>  $compliance)
                                    <tr>
                                        <td class="ps-4">{{ date('m/d/Y', strtotime($compliance->created_at)) }}</td>
                                        <td> {{ $compliance->compliance_type }} </td>
                                        <td class="pe-4">
                                        @php
                                            $statusClasses = [
                                                'pending' => 'badge-warning text-dark',
                                                'in_progress' => 'badge-primary',
                                                'completed' => 'badge-success',
                                                'overdue' => 'badge-danger',
                                                'cancelled' => 'badge-secondary'
                                            ];

                                            $status = $compliance->status;
                                            $badgeClass = $statusClasses[$status] ?? 'bg-light text-dark';
                                        @endphp

                                        <span class="badge {{ $badgeClass }}">
                                            {{ ucfirst(str_replace('_', ' ', $compliance->status_label)) }}
                                        </span>
                                    </td>
                                        <td> {{ $compliance->date_received ? date('m/d/Y', strtotime($compliance->date_received)) : '' }}</td>
                                        <td> {{ $compliance->due_date ? date('m/d/Y', strtotime($compliance->due_date)) : '' }}</td>
                                        <td> {{ $compliance->completed_date ? date('m/d/Y', strtotime($compliance->completed_date)) : '' }}</td>
                                        <td> {{ $compliance->completed_by }} </td>
                                        <td> {{ $compliance->details }} </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
    @if (count($visa_notes) > 0)
        <div class="d-flex flex-column flex-lg-row" style="margin-bottom: 100px">
            <div class="flex-lg-row-fluid">
                <div class="card px-0 pt-3" id="kt_chat_messenger">
                    <div class="card-header  border-0 px-0" id="kt_chat_messenger_header">
                        <div class="card-title">
                            <div class="d-flex px-6 justify-content-center flex-column me-3">
                                <h3>Notes</h3>
                            </div>
                        </div>
                        <div class="p-d-flex p-jc-between px-6 pt-5"> </div>
                    </div>
                    <div class="card-body px-7" id="kt_chat_messenger_body">
                        <div class="table-responsive">
                            <table class="table align-middle table-row-dashed table-row-bordered  gs-0 gy-4 mb-5"> 
                                <thead>
                                    <tr class="fw-bold text-muted bg-light">
                                        <th class="ps-4">Created At</th>
                                        <th>Notes</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($visa_notes as $key =>  $note)
                                    <tr>
                                        <td class="ps-4">{{ date('m/d/Y', strtotime($note->created_at)) }}</td>
                                        
                                        <td class="pe-4 s">
                                        {{ $note->notes }}
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

</div>
@include('modals.visa-submission-modal')
@endsection
@push('scripts')
<script>
  document.getElementById('otherDoc').addEventListener('change', function () {
    document.getElementById('otherInputWrapper')
      .classList.toggle('d-none', !this.checked);
  });
</script>
@endpush