@extends('admin.layout')

@section('content')
<div class="container">

    <div class="d-flex align-items-center justify-content-between mb-3">
        <h1 class="h3 mb-0">Produits Gestan</h1>
    </div>

    {{-- Messages --}}
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif
    @include('admin.gestan._stale_banner')
    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    {{-- Filtres --}}
    <form method="GET" action="{{ route('produits.index') }}" class="row g-2 mb-4">
        <div class="col-md-4">
            <label class="form-label">Famille</label>
            <select name="fam" class="form-select">
                <option value="0">Toutes</option>
                @foreach($allFamilies as $f)
                    <option value="{{ (int)($f['id'] ?? 0) }}" @selected((int)($f['id'] ?? 0) === (int)$fam)>
                        {{ $f['libelle'] ?? ('Famille ' . ($f['id'] ?? '')) }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="col-md-5">
            <label class="form-label">Recherche</label>
            <input type="text" name="q" value="{{ $q }}" class="form-control" placeholder="Ex: télécommande, capot...">
        </div>

        <div class="col-md-3 d-flex align-items-end gap-2">
            <button class="btn btn-primary w-100" type="submit">Filtrer</button>
            <a class="btn btn-outline-secondary w-100" href="{{ route('produits.index') }}">Réinitialiser</a>
        </div>
    </form>

    {{-- Affichage --}}
    @forelse($families as $famille)
        @php
            $items = $famille['items'] ?? [];
        @endphp

        <div class="card mb-4">
            <div class="card-header d-flex align-items-center justify-content-between">
                <div>
                    <strong>{{ $famille['libelle'] ?? 'Famille' }}</strong>
                    <span class="text-muted">(#{{ $famille['id'] ?? '' }})</span>
                </div>
                <span class="badge bg-secondary">{{ count($items) }} produit(s)</span>
            </div>

            <div class="card-body p-0">
                @if(empty($items))
                    <div class="p-3 text-muted">Aucun produit dans cette famille (avec les filtres actuels).</div>
                @else
                    <div class="table-responsive">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr>
                                    <th style="width: 90px;">ID</th>
                                    <th>Nom du produit</th>
                                    <th style="width: 180px;" class="text-end">Prix HT</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($items as $p)
                                    <tr>
                                        <td>{{ $p['IDPRODUIT'] ?? '' }}</td>
                                        <td>{{ $p['LIB_PRODUIT'] ?? '' }}</td>
                                        <td class="text-end">
                                            {{ $p['PU_VENTE_HT_FMT'] ?? ($p['PU_VENTE_HT'] ?? '') }} €
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>

    @empty
        <div class="alert alert-info">
            Aucun produit trouvé.
        </div>
    @endforelse

</div>
@endsection