@extends('web.layouts.base')

@section('content')
    <div class="container">
        <br>
        <br>
        <br>
        <br>
        <h1>Panier</h1>
        <a href="{{ route('produits.index') }}" class="btn btn-primary mb-3">Retour aux produits</a>

        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        @if ($panier->ressourcesgenetiques->count() > 0)
            <table class="table">
                <thead>
                    <tr>
                        <th>Nom</th>
                        <th>Description</th>
                        <th>Prix unitaire</th>
                        <th>Quantité</th>
                        <th>Prix total</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($panier->produits as $produit)
                        <tr>
                            <td>{{ $produit->nom }}</td>
                            <td>{{ $produit->description }}</td>
                            <td>{{ $produit->prix }}</td>
                            <td>{{ $produit->pivot->quantite }}</td>
                            <td>{{ $produit->prix * $produit->pivot->quantite }}</td>
                            <td>
                                <form action="{{ route('panier.supprimer') }}" method="POST" class="d-inline">
                                    @csrf
                                    @method('DELETE')
                                    <input type="hidden" name="produit_id" value="{{ $produit->id }}">
                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Êtes-vous sûr de vouloir supprimer ce produit du panier ?')">Supprimer</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <form action="{{ route('panier.vider') }}" method="POST">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-danger">Vider le panier</button>
            </form>
        @else
            <p>Votre panier est vide.</p>
        @endif
    </div>
@endsection