{{-- resources/views/products/index.blade.php --}}
@extends('layouts.app')

@section('title', 'Liste des produits')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1>Produits</h1>
    <a href="{{ route('products.create') }}" class="btn btn-success">
        <i class="fa fa-plus"></i> Ajouter
    </a>
</div>

@if($products->count())
    <table class="table table-striped table-hover align-middle">
        <thead class="table-dark">
            <tr>
                <th>#</th>
                <th>Image</th>
                <th>Nom</th>
                <th>Catégorie</th>
                <th>Prix</th>
                <th>Stock</th>
                <th>Actif</th>
                <th class="text-end">Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($products as $product)
                <tr>
                    <td>{{ $product->id }}</td>
                    <td>
                        <img src="{{ $product->image_url }}" alt="{{ $product->name }}" width="50" class="rounded">
                    </td>
                    <td>{{ $product->name }}</td>
                    <td>{{ $product->category->name ?? '-' }}</td>
                    <td>{{ number_format($product->price, 2) }} €</td>
                    <td>{{ $product->stock }}</td>
                    <td>
                        @if($product->is_active)
                            <span class="badge bg-success">Oui</span>
                        @else
                            <span class="badge bg-secondary">Non</span>
                        @endif
                    </td>
                    <td class="text-end">
                        <a href="{{ route('products.show', $product) }}" class="btn btn-sm btn-primary me-1" title="Voir">
                            <i class="fa fa-eye"></i>
                        </a>
                        <a href="{{ route('products.edit', $product) }}" class="btn btn-sm btn-warning me-1" title="Modifier">
                            <i class="fa fa-pen"></i>
                        </a>

                        {{-- Formulaire de suppression --}}
                        <form action="{{ route('products.destroy', $product) }}" method="POST" class="d-inline"
                              onsubmit="return confirm('Supprimer ce produit ?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" title="Supprimer">
                                <i class="fa fa-trash"></i>
                            </button>
                        </form>

                        @if($product->trashed())
                            <form action="{{ route('products.restore', $product->id) }}" method="POST" class="d-inline"
                                  onsubmit="return confirm('Restaurer ce produit ?')">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-info" title="Restaurer">
                                    <i class="fa fa-undo"></i>
                                </button>
                            </form>
                        @endif
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

    {{ $products->links() }} {{-- Pagination Laravel --}}
@else
    <p class="text-muted">Aucun produit trouvé. Vous pouvez en créer un en cliquant sur le bouton **Ajouter**.</p>
@endif
@endsection