@extends('layouts.appadmin')
@section('content')
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid">
            <div class="container">
                <h3 class="mb-3">📦 Filtrer Produits par Lieu & Catégorie</h3>

                <!-- Formulaire avec listes déroulantes -->
                <form method="GET" action="{{ route('admin.produit.filter') }}">
                    <div class="row mb-4">
                        <div class="col-md-4">
                            <label for="lieustock_id">Lieu de Stock</label>
                            <select name="lieustock_id" id="lieustock_id" class="form-control">
                                <option value="">-- Tous --</option>
                                @foreach($lieux as $ls)
                                    <option value="{{ $ls->id }}" {{ request('lieustock_id') == $ls->id ? 'selected' : '' }}>
                                        {{ $ls->lieu }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-4">
                            <label for="categorie_id">Catégorie</label>
                            <select name="categorie_id" id="categorie_id" class="form-control">
                                <option value="">-- Toutes --</option>
                                @foreach($categories as $cat)
                                    <option value="{{ $cat->id }}" {{ request('categorie_id') == $cat->id ? 'selected' : '' }}>
                                        {{ $cat->topcat }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-4 d-flex align-items-end">
                            <button type="submit" class="btn btn-primary w-100">🔍 Rechercher</button>
                        </div>
                    </div>
                </form>

                <a href="{{ route('admin.produit.pdf', request()->all()) }}" class="btn btn-danger mb-3" target="_blank">
                    📥 Télécharger en PDF
                </a>

                <!-- Table des produits -->
                <table class="table table-bordered table-striped">
                    <thead class="table-dark">
                        <tr>
                            <th>Produit</th>
                            <th>Catégorie</th>
                            <th>Couleur</th>
                            <th>Taille</th>
                            <th>Stock</th>
                            <th>Quantité</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($produits as $pv)
                            <tr>
                                <td>{{ $pv->produit->nom }}</td>
                                <td>{{ $pv->produit->topcat->topcat ?? '-' }}</td>
                                <td>{{ $pv->couleur->couleur ?? '-' }}</td>
                                <td>{{ $pv->taille->taille ?? '-' }}</td>
                                <td>{{ $pv->lieustock->lieu ?? '-' }}</td>
                                <td>{{ $pv->qty ?? 0 }}</td>
                                <td>
                                    <button class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#editModal{{ $pv->id }}">
                                        Modifier
                                    </button>

                                    <!-- Modal pour modifier couleur/taille -->
                                 <!-- Modal pour modifier couleur/taille/qty -->
<div class="modal fade" id="editModal{{ $pv->id }}" tabindex="-1" aria-labelledby="editModalLabel{{ $pv->id }}" aria-hidden="true">
    <div class="modal-dialog">
        <form method="POST" action="{{ route('admin.produit.update_variable', $pv->id) }}">
            @csrf
            @method('PUT')
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="editModalLabel{{ $pv->id }}">Modifier {{ $pv->produit->nom }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="couleur_id_{{ $pv->id }}">Couleur</label>
                        <select name="couleur_id" id="couleur_id_{{ $pv->id }}" class="form-control">
                            @foreach($couleurs as $c)
                                <option value="{{ $c->id }}" {{ $pv->couleur_id == $c->id ? 'selected' : '' }}>
                                    {{ $c->couleur }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label for="taille_id_{{ $pv->id }}">Taille</label>
                        <select name="taille_id" id="taille_id_{{ $pv->id }}" class="form-control">
                            @foreach($tailles as $t)
                                <option value="{{ $t->id }}" {{ $pv->taille_id == $t->id ? 'selected' : '' }}>
                                    {{ $t->taille }}
                                </option>
                            @endforeach
                        </select>
                    </div>

              <div class="mb-3">
    <label for="qty_{{ $pv->id }}">Quantité</label>
    <input type="number" 
           name="qty" 
           id="qty_{{ $pv->id }}" 
           class="form-control" 
           value="{{ old('qty', $pv->qty) }}" 
           min="0">
</div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <button type="submit" class="btn btn-primary">Enregistrer</button>
                </div>
            </div>
        </form>
    </div>
</div>

                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center text-muted">Aucun produit trouvé</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection