@extends('layouts.admin')
@section('title', $offer->exists ? "Modifier l'offre" : 'Nouvelle offre')
@section('page_title', $offer->exists ? "Modifier l'offre" : 'Nouvelle offre')

@section('content')

<form method="POST" action="{{ $offer->exists ? route('admin.offres.update', $offer) : route('admin.offres.store') }}"
      class="bg-white rounded-2xl border border-gray-100 p-6 sm:p-8 space-y-5 max-w-2xl">
    @csrf
    @if($offer->exists) @method('PUT') @endif

    @if($errors->any())
        <div class="bg-rose-50 border border-rose-200 text-rose-700 text-sm font-semibold px-4 py-3 rounded-xl">
            <ul class="list-disc list-inside space-y-0.5">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
        </div>
    @endif

    <div>
        <label class="block text-sm font-bold text-navy-dark mb-1.5">Intitulé du poste *</label>
        <input type="text" name="title" required value="{{ old('title', $offer->title) }}"
               class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">
    </div>

    <div class="grid sm:grid-cols-3 gap-5">
        <div>
            <label class="block text-sm font-bold text-navy-dark mb-1.5">Département</label>
            <input type="text" name="department" value="{{ old('department', $offer->department) }}" placeholder="Terrain, Commercial..."
                   class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">
        </div>
        <div>
            <label class="block text-sm font-bold text-navy-dark mb-1.5">Type de contrat</label>
            <input type="text" name="contract_type" value="{{ old('contract_type', $offer->contract_type) }}" placeholder="CDI, CDD, Stage..."
                   class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">
        </div>
        <div>
            <label class="block text-sm font-bold text-navy-dark mb-1.5">Lieu</label>
            <input type="text" name="location" value="{{ old('location', $offer->location) }}" placeholder="Dakar, Kaolack..."
                   class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">
        </div>
    </div>

    <div>
        <label class="block text-sm font-bold text-navy-dark mb-1.5">Description du poste *</label>
        <textarea name="description" required rows="6"
                  class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">{{ old('description', $offer->description) }}</textarea>
    </div>

    <div>
        <label class="block text-sm font-bold text-navy-dark mb-1.5">Profil recherché</label>
        <textarea name="requirements" rows="5"
                  class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">{{ old('requirements', $offer->requirements) }}</textarea>
    </div>

    <div class="grid sm:grid-cols-2 gap-5">
        <div>
            <label class="block text-sm font-bold text-navy-dark mb-1.5">Date de clôture</label>
            <input type="date" name="deadline" value="{{ old('deadline', optional($offer->deadline)->format('Y-m-d')) }}"
                   class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">
        </div>
        <div>
            <label class="block text-sm font-bold text-navy-dark mb-1.5">Statut</label>
            <select name="status" class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">
                <option value="published" {{ old('status', $offer->status ?: 'published') === 'published' ? 'selected' : '' }}>Publiée</option>
                <option value="draft" {{ old('status', $offer->status) === 'draft' ? 'selected' : '' }}>Brouillon</option>
                <option value="closed" {{ old('status', $offer->status) === 'closed' ? 'selected' : '' }}>Clôturée</option>
            </select>
        </div>
    </div>

    <div class="flex items-center gap-3 pt-2">
        <button type="submit" class="btn-gold text-navy-dark font-display font-bold px-6 py-3 rounded-xl shadow-md hover:brightness-105 transition-all">
            {{ $offer->exists ? 'Enregistrer' : "Publier l'offre" }}
        </button>
        <a href="{{ route('admin.offres.index') }}" class="text-sm font-bold text-gray-400 hover:text-navy-dark">Annuler</a>
    </div>
</form>

@endsection