@extends('layouts.admin')
@section('title', "Offres d'emploi")
@section('page_title', "Offres d'emploi")

@section('content')

<div class="flex justify-end mb-6">
    <a href="{{ route('admin.offres.create') }}" class="inline-flex items-center gap-2 btn-gold text-navy-dark font-display font-bold text-sm px-4 py-2.5 rounded-xl shadow-md hover:brightness-105 transition-all">
        <x-icon name="plus" class="w-4 h-4" /> Nouvelle offre
    </a>
</div>

<div class="bg-white rounded-2xl border border-gray-100 overflow-hidden">
    @forelse($offers as $offer)
        <div class="flex items-center justify-between gap-4 px-5 py-4 border-b border-gray-50 last:border-0">
            <div class="min-w-0">
                <div class="flex items-center gap-2">
                    <p class="font-bold text-sm text-navy-dark truncate">{{ $offer->title }}</p>
                    @if($offer->status === 'published')
                        <span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-emerald-50 text-emerald-600 shrink-0">Publiée</span>
                    @elseif($offer->status === 'closed')
                        <span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-rose-50 text-rose-600 shrink-0">Clôturée</span>
                    @else
                        <span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-gray-100 text-gray-500 shrink-0">Brouillon</span>
                    @endif
                </div>
                <p class="text-xs text-gray-400 mt-0.5">{{ $offer->location }} · {{ $offer->applications_count }} candidature(s)</p>
            </div>
            <div class="flex items-center gap-1 shrink-0">
                <a href="{{ route('admin.applications.index', ['job_offer_id' => $offer->id]) }}" class="p-2 text-gray-400 hover:text-navy rounded-lg hover:bg-gray-50"><x-icon name="users" class="w-4 h-4" /></a>
                <a href="{{ route('admin.offres.edit', $offer) }}" class="p-2 text-gray-400 hover:text-navy rounded-lg hover:bg-gray-50"><x-icon name="pencil" class="w-4 h-4" /></a>
                <form method="POST" action="{{ route('admin.offres.destroy', $offer) }}" onsubmit="return confirm('Supprimer cette offre ? Les candidatures liées resteront mais ne seront plus rattachées.');">
                    @csrf @method('DELETE')
                    <button class="p-2 text-gray-400 hover:text-rose-600 rounded-lg hover:bg-rose-50"><x-icon name="trash" class="w-4 h-4" /></button>
                </form>
            </div>
        </div>
    @empty
        <p class="text-center text-gray-400 py-10">Aucune offre pour l'instant.</p>
    @endforelse
</div>

@endsection