@extends('layouts.app')

@section('title', 'Notification de fin de contrat')

@section('content')

    <div class="max-w-4xl mx-auto p-4">

        <!-- Contenu à exporter -->
        <div id="end-contract" class="bg-white dark:bg-gray-800 rounded-xl shadow-xl text-[13px] leading-relaxed p-6"
             style="width: 21cm; padding: 2cm; box-sizing: border-box; font-size: 13px;">

            <!-- En-tête -->
            <div class="flex items-center justify-between mb-6 border-b border-gray-300 pb-2">
                <div class="text-left">
                    <h1 class="text-xl font-bold text-orange-600">KIT SERVICE Sarl</h1>
                    <p class="text-xs text-gray-600 dark:text-gray-300">
                        Lualaba, Kolwezi, Avenue Kamina n°1627B, Commune de Manika <br>
                        Email : kitservice17@gmail.com
                    </p>
                </div>
                <div class="text-right">
                    <img src="{{ asset('logo/logo.png') }}" alt="Logo Kit Service" class="h-16 inline-block">
                </div>
            </div>

            <!-- Corps de la lettre -->
            <div class="text-gray-800 dark:text-gray-100">
                <p class="mb-2 font-semibold">
                    {{ $employee->first_name }}  {{ $employee->last_name }} {{ $employee->middle_name }}
                </p>
                <p><strong>ID :</strong> {{ $employee->personal_id ?? 'N/A' }}</p>
                <p><strong>Adresse :</strong> {{ $employee->address1 ?? '' }} {{ $employee->address2 ?? '' }} {{ $employee->city ?? '' }}</p>
                <p><strong>Téléphone :</strong> {{ $employee->mobile_phone ?? 'N/A' }}</p>

                <h2 class="text-center font-bold my-8 underline text-[15px]">
                    Notification de fin de contrat à durée déterminée
                </h2>

                @php
                    if ($employee->gender === 'Male') {
                        $salutation = 'Cher';
                    } elseif ($employee->gender === 'Female') {
                        $salutation = 'Chere';
                    } else {
                        $salutation = 'Cher(e)';
                    }

                @endphp

                <p class="mb-4">
    {{$salutation .' '}} {{ $employee->first_name }} {{ $employee->last_name }},
</p>

<p class="mb-4">
    Conformément au contrat de travail à durée déterminée signé le
    <strong>{{ $employee->created_at ? \Carbon\Carbon::parse($employee->created_at)->translatedFormat('d F Y') : 'N/A' }}</strong>,
    arrivé à échéance le <strong>{{ \Carbon\Carbon::parse($employee->end_contract_date)->translatedFormat('d F Y') }}</strong>,
    nous vous notifions par la présente que votre contrat prendra fin à cette date,
    conformément aux dispositions du Code du Travail de la République Démocratique du Congo.
</p>

<p class="mb-4">
    Nous vous remercions sincèrement pour les services rendus au sein de <strong>KIT SERVICE Sarl</strong>
    durant la période de votre engagement. Votre professionnalisme et votre contribution ont été appréciés.
</p>

<p class="mb-4">
    Nous vous invitons à prendre attache avec le service des Ressources Humaines pour la remise
    de vos biens de service, le traitement des formalités administratives et la clôture de vos droits sociaux.
</p>

<p class="mb-4">En vous souhaitant plein succès dans vos projets futurs,</p>

<p class="mb-12">Veuillez agréer, Madame/Monsieur, l’expression de nos salutations distinguées.</p>
</div>

<!-- Signature -->
<div class="flex justify-end mb-16">
<div class="text-right">
    <p class="font-semibold">Madame KUZO Nelly</p>
    <p class="text-sm">MANAGER Général</p>
</div>
</div>

<!-- Accusé de réception -->
<div class="mt-12 border-t border-gray-300 pt-8">
<h3 class="text-center font-bold mb-6 text-[14px] uppercase tracking-wide">ACCUSE DE RECEPTION PAR LE TRAVAILLEUR</h3>

<div class="space-y-3">
    <label class="flex items-center space-x-2">
        <input type="checkbox" class="form-checkbox w-5 h-5 text-orange-600" />
        <span>J’accuse réception de la présente lettre.</span>
    </label>

    <p>En foi de quoi j’ai signé ci-après :</p>

    <p>
        Le <strong>{{ \Carbon\Carbon::parse($employee->created_at)->translatedFormat('d F Y') }}</strong> , à <strong>{{ \Carbon\Carbon::parse($employee->created_at)->translatedFormat('H:i:s') }}</strong>
    </p>

    <p>
        NOM, POST-NOM(S) et Prénom(s) :
        <strong>{{ $employee->first_name ?? '' }} {{ $employee->middle_name ?? '' }} {{ $employee->last_name ?? '' }}</strong>
    </p>
    <br>
    <p>
        Signature : {{ '------------------------------' }}
</div>

<p class="italic text-sm mt-6 text-gray-600 dark:text-gray-300">
    Faire précéder la signature de la mention manuscrite « Pour réception ».
</p>
</div>


</div>

<!-- Boutons -->
<div class="mt-6 flex space-x-3">
<a href="{{ route('employees.index') }}"
class="bg-red-600 text-white px-4 py-1.5 rounded hover:bg-red-700 transition text-[12px]">
Retour
</a>

<button onclick="downloadPDF()"
    class="bg-black text-white px-4 py-1.5 rounded hover:bg-orange-700 transition text-[12px]">
Télécharger PDF
</button>
</div>
</div>

<!-- Script export PDF -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
<script>
function downloadPDF() {
const element = document.getElementById('end-contract');
const opt = {
margin:       0.5,
filename:     'fin_contrat_{{ $employee->first_name ?? "employee" }}.pdf',
image:        { type: 'jpeg', quality: 0.98 },
html2canvas:  { scale: 2, scrollY: 0 },
jsPDF:        { unit: 'cm', format: 'a4', orientation: 'portrait' },
pagebreak:    { mode: ['css', 'legacy'] }
};
html2pdf().set(opt).from(element).save();
}
</script>

@endsection