@extends('layouts.admin')
@section('title', $post->exists ? "Modifier l'article" : 'Nouvel article')
@section('page_title', $post->exists ? "Modifier l'article" : 'Nouvel article')

@section('content')

<form method="POST" action="{{ $post->exists ? route('admin.blog.update', $post) : route('admin.blog.store') }}"
      enctype="multipart/form-data" class="bg-white rounded-2xl border border-gray-100 p-6 sm:p-8 space-y-5 max-w-2xl">
    @csrf
    @if($post->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">Titre *</label>
        <input type="text" name="title" required value="{{ old('title', $post->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>
        <label class="block text-sm font-bold text-navy-dark mb-1.5">Résumé court</label>
        <textarea name="excerpt" rows="2" maxlength="300"
                  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('excerpt', $post->excerpt) }}</textarea>
    </div>

    <div>
        <label class="block text-sm font-bold text-navy-dark mb-1.5">Contenu de l'article *</label>
        <textarea name="content" required rows="10"
                  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('content', $post->content) }}</textarea>
    </div>

    <div>
        <label class="block text-sm font-bold text-navy-dark mb-1.5">Image de couverture</label>
        @if($post->cover_image)
            <img src="{{ Storage::url($post->cover_image) }}" class="w-32 h-20 object-cover rounded-lg mb-2">
        @endif
        <input type="file" name="cover_image" accept="image/*"
               class="w-full text-sm border border-gray-200 rounded-xl px-3 py-2.5 file:mr-3 file:py-1.5 file:px-3 file:rounded-lg file:border-0 file:bg-navy file:text-white file:text-xs file:font-bold">
    </div>

    <label class="flex items-center gap-2 text-sm font-bold text-navy-dark">
        <input type="checkbox" name="publish_now" value="1" {{ old('publish_now', $post->published_at) ? 'checked' : '' }}
               class="rounded border-gray-300 text-gold focus:ring-gold">
        Publier immédiatement (sinon enregistré en brouillon)
    </label>

    <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">
            {{ $post->exists ? 'Enregistrer' : "Créer l'article" }}
        </button>
        <a href="{{ route('admin.blog.index') }}" class="text-sm font-bold text-gray-400 hover:text-navy-dark">Annuler</a>
    </div>
</form>

@endsection