@extends('layouts.admin')
@section('title', 'Modifier l\'article')
@section('page_title', 'Modifier l\'article')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-edit"></i> Modifier l'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.update', $article->id) }}" enctype="multipart/form-data">
        @csrf @method('PUT')
        <div class="form-group">
            <label>Titre</label>
            <input type="text" name="title" class="form-control" required value="{{ $article->title }}">
        </div>
        <div class="form-group">
            <label>Résumé</label>
            <input type="text" name="excerpt" class="form-control" value="{{ $article->excerpt }}">
        </div>
        <div class="form-group">
            <label>Contenu</label>
            <textarea name="content" class="form-control" required style="min-height:250px">{{ $article->content }}</textarea>
        </div>
        @if($article->image)
        <div class="form-group">
            <label>Image actuelle</label>
            <div style="margin-top:6px">
                <img src="{{ asset('storage/'.$article->image) }}" style="height:80px;border-radius:8px;border:1px solid var(--gray-200)">
            </div>
        </div>
        @endif
        <div class="form-group">
            <label>Nouvelle 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