@extends('layouts.base')

@section('menu')
    @include('alumnis.menu')
@endsection

@section('content')
@if (session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div> 
@endif
<section class="courses-details bg-light py-5">
    <div class="container">
        <!-- Header -->
        <div class="header d-flex justify-content-between align-items-center mb-4">
            <h1 class="text-primary">Détails de l'Offre</h1>
            <a href="{{ route('alumnis.offres.index') }}" class="btn btn-outline-primary">
                <i class="bi bi-arrow-left"></i> Retour à la liste
            </a>
        </div>
        
        <!-- Offer Details -->
        <div class="card shadow-sm">
            <div class="card-body">
                <h2 class="card-title text-center text-uppercase">{{ $offre->title }}</h2>
                <p class="text-muted text-center">
                    Entreprise : <strong>{{ $offre->company_name }}</strong>
                </p>
                <hr>
                <div class="row">
                    <div class="col-md-8">
                        <h5>Description de l'offre</h5>
                        <p>{{ $offre->description ?: 'Aucune description disponible.' }}</p>
                        <h5>Description du type</h5>
                        <p>{{ $offre->offerType ? $offre->offerType->description : 'Aucune description disponible' }}</p>
                        <h5>Description du domaine</h5>
                        <p>{{ $offre->domain ? $offre->domain   ->description : 'Aucune description disponible' }}</p>
                    </div>
                   
                    <div class="col-md-4">
                        <h5 class="text-primary">Informations clés</h5>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <strong>Référence de l'offre : </strong> {{ $offre->reference }}
                            </li>
                            <li class="list-group-item">
                                <strong>Mot clé : </strong> {{ $offre->keywords }}
                            </li>
                            <li class="list-group-item">
                                <strong>Type : </strong> {{ $offre->offerType ? $offre->offerType->name : 'Type non défini' }}
                            </li>
                            <li class="list-group-item">
                                <strong>Domaine : </strong> {{ $offre->domain ? $offre->domain->name : 'Domaine non défini' }}
                            </li>
                            <li class="list-group-item">
                                <strong>Date de début : </strong>
                                {{ $offre->start_date ? (new \DateTime($offre->start_date))->format('d/m/Y') : 'Non spécifiée' }}
                            </li>

                            <li class="list-group-item">
                                <strong>Date de fin : </strong>
                                {{ $offre->end_date ? (new \DateTime($offre->end_date))->format('d/m/Y') : 'Non spécifiée' }}
                            </li>

                            <li class="list-group-item">
                                <strong>Entreprise : </strong> {{ $offre->company_name }}
                            </li>
                            
                        </ul>
                    </div>
                </div>
                <hr>
                <!-- Actions -->
                <div class="d-flex justify-content-center mt-3">
                    @if ($offre->url)
                        <a href="{{ $offre->url }}" class="btn btn-primary mx-2" target="_blank">
                            Postuler en ligne
                        </a>
                    @else
                        <button class="btn btn-secondary mx-2" disabled>
                            Postuler indisponible
                        </button>
                    @endif
                    <a href="{{ route('alumnis.offres.index') }}" class="btn btn-outline-secondary mx-2">
                        Retour à la liste
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection
