@extends('layouts.entreprise_base')

@section('content')
<div class="container mx-auto p-6">
    <h1 class="text-3xl font-bold text-gray-800 mb-6">Détails de l'Entretien</h1>

    <div class="bg-white shadow-md rounded-lg p-6">
        <p class="text-lg"><strong>Candidat :</strong> {{ $entretien->postulation->candidate->first_name }} {{ $entretien->postulation->candidate->last_name }}</p>
        <p class="text-lg"><strong>Offre :</strong> {{ $entretien->postulation->offre->titre }}</p>
        <p class="text-lg"><strong>Date :</strong> {{ \Carbon\Carbon::parse($entretien->date)->format('d/m/Y') }}</p>
        <p class="text-lg"><strong>Heure :</strong> {{ \Carbon\Carbon::parse($entretien->time)->format('H:i') }}</p>
        <p class="text-lg"><strong>Date creation :</strong> {{ \Carbon\Carbon::parse($entretien->created_at)->format('H:i') }}</p>
        <p class="text-lg"><strong>Message :</strong> {{ $entretien->message }}</p>
        
        <p class="text-lg"><strong>Statut :</strong> 
            <span class="px-2 py-1 rounded-md text-white 
                {{ $entretien->status == 'prévu' ? 'bg-yellow-500' : 
                    ($entretien->status == 'terminé' ? 'bg-green-500' : 'bg-red-500') }}">
                {{ ucfirst($entretien->status) }}
            </span>
        </p>

        <a href="{{ route('entretiens.index') }}" class="mt-4 inline-block bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-700">
            Retour à la liste
        </a>
    </div>
</div>
@endsection