@extends('layouts.admin')
@section('title', 'Articles')
@section('page_title', 'Gestion des articles')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-newspaper"></i> Articles</h1>
    <a href="{{ route('admin.articles.create') }}" class="btn btn-primary">
        <i class="fas fa-plus"></i> Ajouter un article
    </a>
</div>

@if($articles->count())
<div class="card">
    <div class="table-wrap">
        <table class="admin-table">
            <thead>
                <tr><th>Image</th><th>Titre</th><th>Résumé</th><th>Date</th><th>Actions</th></tr>
            </thead>
            <tbody>
            @foreach($articles as $a)
            <tr>
                <td>
                    @if($a->image)
                        <img src="{{ asset('storage/'.$a->image) }}" alt="{{ $a->title }}" style="width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--gray-200)">
                    @else
                        <div style="width:56px;height:56px;background:var(--gray-100);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:18px"><i class="fas fa-image"></i></div>
                    @endif
                </td>
                <td><strong style="color:var(--gray-900)">{{ $a->title }}</strong></td>
                <td style="font-size:12px;color:var(--gray-400);max-width:200px">{{ Str::limit($a->excerpt ?? '', 80) }}</td>
                <td style="font-size:12px">{{ \Carbon\Carbon::parse($a->created_at)->format('d/m/Y') }}</td>
                <td>
                    <div style="display:flex;gap:6px">
                        <a href="{{ route('admin.articles.edit', $a->id) }}" class="btn btn-gold" style="padding:5px 10px;font-size:11px">
                            <i class="fas fa-edit"></i>
                        </a>
                        <form method="POST" action="{{ route('admin.articles.destroy', $a->id) }}" style="display:inline" onsubmit="return confirm('Supprimer cet article ?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-danger" style="padding:5px 10px;font-size:11px">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                    </div>
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>
@else
<div class="card">
    <div class="empty-state"><i class="fas fa-newspaper"></i><p>Aucun article</p></div>
</div>
@endif
@endsection