@extends('layouts.master')

@section('content')
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&display=swap"
        rel="stylesheet">
    <style>
        .visa_detail th {
            font-size: 11px;
            text-transform: uppercase
        }

        .text1 {
            font-size: 35px;
            font-weight: bold;
            color: #ED5908;
            font-family: "Roboto Slab", serif;
            text-transform: uppercase;
            text-align: center;

        }

        .number-container {
            text-align: center;
        }

        .number-container p {
            /* text-align: center; */
            background-color: rgba(255, 255, 255, 0.5);
            width: 300px;
            /* float: right; */
            font-size: 18px;
            font-weight: bold;
            padding: 3px;
            border-radius: 2px;

        }

        .info-section {
            width: 100%;
            margin-top: -7px;
        }

        .info-section table {
            margin-bottom: 0x;
        }

        .info-section th {
            font-weight: 500;
            font-family: "Poppins", sans-serif;
            /* letter-spacing: 1px; */
        }

        td.values {
            font-size: 12px;
            font-weight: 600;
            font-family: "Poppins", sans-serif;
            /* font-family: "Roboto Slab", serif; */
        }

        td.values.smallValues {
            font-size: 20px;
        }

        td.values.embName {
            font-size: 20px;
        }

        .sign-right {
            font-size: 7px;
            /* //font-family: 'Courier New', Courier, monospace; */
            font-family: "Poppins", sans-serif;
            font-weight: normal;
            text-transform: none;

        }

        .sign-right p {
            margin-top: 0px;
            margin-bottom: 0;
            padding: 0;
        }

        td.visa-footer {
            font-size: 16px;
            font-weight: 500;
            font-family: "Poppins", sans-serif;
        }


        .sign-right .signText {
            font-style: italic;
            font-family: "Poppins", sans-serif;
            margin: 0;
            padding: 0;
            font-size: 18px !important;
            font-weight: 550
        }

        table.visa-footer-table {
            margin-top: 80px;
            text-align: center;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 25px;
        }
    </style>
    <div class="p-5 bgImage" style="min-height: calc(100vh - 110px);">

        <section class="gradient-custom">
            <div class="container-fluid h-100">
                <div class="row d-flex justify-content-center align-items-center h-100">
                    <div class="col-12 col-md-8 col-lg-6 col-xl-6" style="min-width: 100%">
                        <div class="card bg-white text-black" style="border-radius: 1rem;">

                            <div class="card-body p-4">
                                {{-- <h3 class="mb-5 custom-heading">@lang('messages.upload_sign')</h3> --}}
                                @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 class="visa_detail">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="visa-sec1">
                                                <div>
                                                    @if($application->country == 1)
                                                        <img src="{{ asset('assets/image/flagimage1.png') }}" />
                                                    @endif
                                                </div>
                                                <div class="text1">
                                                    @if($application->country == 1)
                                                        <img src="{{ asset('assets/image/visatext1.png') }}" alt=""
                                                        width="500px">
                                                    @else
                                                        <h3 style="padding:50px 0;">{{$countryName}}</h3>
                                                    @endif
                                                </div>
                                                <div>
                                                    @if($application->country == 1)
                                                        <img src="{{ asset('assets/image/visaimage2.png') }}" />
                                                    @endif
                                                </div>

                                            </div>
                                            <table class="info-section">
                                                <tr>
                                                    <td><img src={{ asset('/storage/' . $application->photopassportformat) }}
                                                            alt="Passport Photo" width="130px" style="margin-top: 10px">
                                                    </td>
                                                    <td>
                                                        <table>
                                                            <table width="100%">

                                                                <tr>
                                                                    <td align="center" colspan="6"
                                                                        class="number-container">
                                                                        <p style="margin:0px ">{{ $application->UIDN }}</p>
                                                                    </td>
                                                                </tr>

                                                                <tr>
                                                                    <th style="white-space: nowrap;">
                                                                        NOM,PRENOM</br>SURNAME,NAME</th>
                                                                    <td class="values" colspan="5">
                                                                        {{ $application->surname }} {{ $application->name }}
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <th style="white-space: nowrap;">DATE DE
                                                                        NAISSANCE<br>DATE OF BIRTH</th>
                                                                    <td class="values smallValues">
                                                                        {{ \Carbon\Carbon::parse($application->child_dob)->format('d/m/Y') }}
                                                                    </td>
                                                                    <th style="white-space: nowrap;">DU<br>FROM</th>
                                                                    <td class="values smallValues">
                                                                        {{ \Carbon\Carbon::parse($application_info->from_date)->format('d/m/Y') }}
                                                                    </td>
                                                                    <th style="white-space: nowrap;">AU</br>UNTIL</th>
                                                                    <td class="values smallValues">
                                                                        {{ \Carbon\Carbon::parse($application_info->to_date)->format('d/m/Y') }}
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                            <table width="100%">
                                                                <tr class="2part small-font">
                                                                    <th style="white-space: nowrap;">
                                                                        NATIONALITÉ</br>NATIONALITY</th>
                                                                    <td class="values">
                                                                        {{ $application->present_nationality }}</td>
                                                                    <th style="white-space: nowrap;">TYPE DE VISA</br>VISA
                                                                        TYPE</th>
                                                                    <td class="values">{{ substr($serviceName, 0, 1) }}
                                                                    </td>
                                                                    <th style="white-space: nowrap;">ENTRÉES</br>ENTRIES
                                                                    </th>
                                                                    <td class="values">
                                                                        {{ $application_info && $application_info->number_of_entry ? $application_info->number_of_entry : 'NA' }}
                                                                    </td>
                                                                    <th style="white-space: nowrap;">SEXE<br />SEX</th>
                                                                    <td class="values">
                                                                        {{ substr($application->gender, 0, 1) }}</td>
                                                                </tr>
                                                            </table>
                                                            <table width="100%">
                                                                <tr>

                                                                    <th style="white-space: nowrap;">DELIVRE PAR</br>ISSUED
                                                                        BY
                                                                    </th>
                                                                    <td class="values embName">{{ $embassyName }}</td>
                                                                </tr>
                                                            </table>
                                                            <table width="100%">
                                                                <tr>
                                                                    <th valign="top" style="white-space: nowrap;">
                                                                        LE</br>ON</th>
                                                                    {{-- <td class="values smallValues">
                                                                        @if ($application->signature_date)
                                                                            {{ \Carbon\Carbon::parse($application->signature_date)->format('d/m/Y') }}
                                                                        @else
                                                                            NA
                                                                        @endif
                                                                    </td> --}}
                                                                    <td valign="top" class="values smallValues">
                                                                        {{ date('d/m/Y') }}</td>

                                                                    <th valign="top" style="white-space: nowrap;">NUMERO
                                                                        DU PASSEPORT</br>Passport Number</th>
                                                                    <td valign="top" class="values">
                                                                        {{ $application->passport_number }}</td>
                                                                    <td valign="bottom">
                                                                        <table width="100%" cellspacing="0"
                                                                            cellpadding="0">
                                                                            <td valign="bottom">
                                                                                <img
                                                                                    src="{{ asset('assets/image/SIGNATURE-VISA.png') }}" />
                                                                            </td>
                                                                            <td valign="middle">
                                                                                <div class="sign-right">
                                                                                    {{-- @if ($user->signature) --}}
                                                                                    <p>Signature Digitale du visa</p>

                                                                                    @if (strpos($embassyName, 'Ambassade de') !== false)
                                                                                        <p>P/L’AMBASSADEUR & P.O</p>
                                                                                    @else
                                                                                        <p>P/CONSUL GÉNÉRAL & P.O</p>
                                                                                    @endif

                                                                                    <span
                                                                                        class="signText">{{ $user->fname }}
                                                                                        {{ $user->lname }}</span>
                                                                                    <p>{{ $user->supervisor_title }}</p>
                                                                                    {{-- <p>Conseiller</p> --}}


                                                                                    <p>Date:
                                                                                        {{-- {{ \Carbon\Carbon::parse($application->signature_date)->format('d/m/Y') }} --}}
                                                                                        {{ $timezoneOffset1 }}
                                                                                    </p>
                                                                                    <p>Heure:
                                                                                        {{-- {{ \Carbon\Carbon::parse($application->signature_date)->format('h:m A') }} --}}
                                                                                        {{ $timezoneOffset2 }}
                                                                                    </p>
                                                                                    {{-- @endif --}}
                                                                                </div>
                                                                            </td>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                            {{-- <table width="100%">
                                                <tr>
                                                    <td></td>
                                                    <td>
                                                        <div class="signature-sec">
                                                        <div class="sign-left">
                                                            <img src="{{ asset('assets/image/SIGNATURE-VISA.png') }}" />
                                                        </div>
                                                        <div class="sign-right">
                                                        @if ($user->signature)
                                                            <p>Signature Digitale pa le</p>
                                                            <img src='{{ asset('/storage/' . $user->signature) }}'
                                                                width="85px" />
                                                            <p>Chef du Service Consulaire</p>
                                                            <p>Date: {{ date('d-m-Y') }}</p>
                                                            <p>Heure: {{ date('h:m A') }}</p>
                                                        @endif
                                                        </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table> --}}
                                            @php
                                                $firstname = str_replace(' ', '<', $application->fname);

                                                // Construire $string avec les clés existantes
                                                $string =
                                                    'V<<' .
                                                    (isset($uidnArray[1]) ? $uidnArray[1] : '') . // Remplacer par une chaîne vide si manquant
                                                    '' .
                                                    $application->fname .
                                                    '<<' .
                                                    $firstname .
                                                    ' ' .
                                                    $application->fname .
                                                    '<<<<<<<';

                                                // Ajouter les < si nécessaire
                                                if (strlen($string) < 40) {
                                                    $string .= str_repeat('<', 40 - strlen($string));
                                                }

                                                // Construire $string2 avec les clés existantes
                                                $string2 =
                                                    (isset($uidnArray[0]) ? $uidnArray[0] : '') . '<' .
                                                    (isset($uidnArray[1]) ? $uidnArray[1] : '') . '<' .
                                                    (isset($uidnArray[2]) ? $uidnArray[2] : '') . '<' .
                                                    (isset($uidnArray[3]) ? $uidnArray[3] : '') . '<' .
                                                    (isset($uidnArray[4]) ? $uidnArray[4] : '') . '<<' .
                                                    $application->passport_number;

                                                // Ajouter les < si nécessaire
                                                if (strlen($string2) < 40) {
                                                    $string2 .= str_repeat('<', 40 - strlen($string2));
                                                }
                                            @endphp
                                            <table class="visa-footer-table" width="100%">
                                                <tr>
                                                    <td class="visa-footer">
                                                        {{-- V&lt;&lt;{{ $uidnArray[0] }}{{ $application->name }}&lt;&lt;{{ $application->surname }}&lt;{{ $application->fname }}
                                                        &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; --}}
                                                        {{ $string }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="visa-footer">
                                                        {{ $string2 }}
                                                        {{-- &lt;&lt;&lt;{{ $uidnArray[0] }}&lt;&lt;&lt;&lt;&lt;{{ $uidnArray[1] }}&lt;{{ $uidnArray[2] }}&lt;{{ $uidnArray[3] }}&lt;{{ $uidnArray[4] }}&lt;&lt;{{ $application->passport_number }} --}}
                                                    </td>
                                                </tr>

                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12 text-center">
                                        <h5 style="margin-bottom:20px; margin-top:20px"> Please review the information and
                                            click on the button below to sign and
                                            application </h5>
                                        <form action="{{ route('signApplication') }}" method="POST"
                                            enctype="multipart/form-data">
                                            @csrf
                                            <input type="hidden" name="applicationID" value="{{ $application->id }}" />

                                            <div class="row">
                                                <div class="col-md-12 text-center">
                                                    <button type="submit"
                                                        class="btn btn-outline-dark btn-md px-3 savebutton"><i
                                                            class="fa-thin fa-greater-than"></i>Sign Application</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection