@extends('layouts.base')

@section('menu')
    @include('admin.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  style=" color: black">Détails de l'Offre</h1>
                <a href="{{ route('admin.offres') }}" 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">
                        <!-- Left Column -->
                        <div class="col-md-6">
                            <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>Mots clé : </strong> {{ $offre->keywords }}
                                </li>
                                <li class="list-group-item">
                                    <strong>Type(s) : </strong>
                                    @if($offersTypes->isNotEmpty())
                                        {{ $offersTypes->join(', ') }}
                                    @else
                                        Type non défini
                                    @endif
                                </li> 
                                <li class="list-group-item">
                                    <strong>Domaine(s) : </strong>
                                    @if($domains->isNotEmpty())
                                        {{ $domains->join(', ') }}
                                    @else
                                        Domaine non défini
                                    @endif
                                </li>


                        </div>

                        <!-- Right Column -->
                        <div class="col-md-6">
                            <h5 class="text-primary">Informations supplémentaires</h5>
                            <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <strong>Filière(s) : </strong>
                                @if($filieres->isNotEmpty())
                                    {{ $filieres->join(', ') }}
                                @else
                                    Aucune filière définie
                                @endif
                            </li>

                                <li class="list-group-item">
                                    <strong>Description de l'offre : </strong>
                                    <p class="mt-2">{{ $offre->description ?: 'Aucune description disponible.' }}</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <hr>

                    <!-- Actions -->
                    <div class="d-flex justify-content-center mt-3">
                        @if ($offre->status == 'published')
                            <a href="{{ route('admin.stop-offres', ['id' => $offre->id]) }}" class="btn btn-danger mx-2">
                                Suspendre
                            </a>
                        @else
                            <a href="{{ route('admin.publisher-offres', ['id' => $offre->id]) }}" class="btn btn-success mx-2">
                                Publier
                            </a>
                        @endif
                        <a href="{{ route('admin.offres') }}" class="btn btn-outline-secondary mx-2">
                            Retour à la liste
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection