@extends('layouts.admin')
@section('title', 'Ajouter un article')
@section('page_title', 'Ajouter un article')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-plus-circle"></i> Ajouter un article</h1>
    <a href="{{ route('admin.articles.index') }}" class="btn btn-outline">
        <i class="fas fa-arrow-left"></i> Retour
    </a>
</div>

<div class="card" style="max-width:720px">
    <form method="POST" action="{{ route('admin.articles.store') }}" enctype="multipart/form-data">
        @csrf
        <div class="form-group">
            <label>Titre</label>
            <input type="text" name="title" class="form-control" required placeholder="Pourquoi les sacs en papier..." value="{{ old('title') }}">
        </div>
        <div class="form-group">
            <label>Résumé</label>
            <input type="text" name="excerpt" class="form-control" placeholder="Court résumé de l'article" value="{{ old('excerpt') }}">
        </div>
        <div class="form-group">
            <label>Contenu</label>
            <textarea name="content" class="form-control" required placeholder="Contenu complet de l'article..." style="min-height:250px">{{ old('content') }}</textarea>
        </div>
        <div class="form-group">
            <label>Image</label>
            <input type="file" name="image" class="form-control" accept="image/*">
        </div>
        <div style="display:flex;gap:10px;margin-top:8px">
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Enregistrer</button>
            <a href="{{ route('admin.articles.index') }}" class="btn btn-outline"><i class="fas fa-times"></i> Annuler</a>
        </div>
    </form>
</div>
@endsection