@extends('layouts.app')

@section('title', 'Fournitures - Print Manager')

@section('content')
    <div class="card">
        <div class="card-header bg-warning text-white d-flex justify-content-between align-items-center">
            <h1 class="mb-0">Liste des Fournitures <span class="badge bg-light text-dark ms-2">{{ $fournitures->count() }}</span></h1>
            <a href="{{ route('fournitures.create') }}" class="btn btn-light">
                <i class="fas fa-plus me-2"></i>Ajouter une Fourniture
            </a>
        </div>
        <div class="card-body">
            @include('partials.session-alerts')

            <form method="GET" class="row g-3 mb-3" id="filter-form">
                <input type="hidden" name="sort" value="{{ request('sort') }}">
                <input type="hidden" name="dir" value="{{ request('dir') }}">
                <div class="col-md-2">
                    <label class="form-label">Marques</label>
                    <div class="filter-checkbox-group" id="filter-marque">
                        @foreach($marques as $marque)
                            <div class="form-check">
                                <input class="form-check-input filter-marque-cb" type="checkbox"
                                    name="marque_id[]" value="{{ $marque->id }}"
                                    id="mq_{{ $marque->id }}"
                                    {{ in_array($marque->id, (array) request('marque_id', [])) ? 'checked' : '' }}>
                                <label class="form-check-label small" for="mq_{{ $marque->id }}">{{ $marque->nom }}</label>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Modèles</label>
                    <div class="filter-checkbox-group" id="filter-modele">
                        @foreach($modeles as $modele)
                            <div class="form-check" data-marque-id="{{ $modele->marque_id }}">
                                <input class="form-check-input filter-modele-cb" type="checkbox"
                                    name="modele_id[]" value="{{ $modele->id }}"
                                    id="md_{{ $modele->id }}"
                                    data-marque-id="{{ $modele->marque_id }}"
                                    {{ in_array($modele->id, (array) request('modele_id', [])) ? 'checked' : '' }}>
                                <label class="form-check-label small" for="md_{{ $modele->id }}">{{ $modele->nom }}</label>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Statut</label>
                    <select name="statut" class="form-select" id="filter-statut">
                        <option value="">Tous</option>
                        <option value="1" {{ request('statut') === '1' ? 'selected' : '' }}>Actifs</option>
                        <option value="0" {{ request('statut') === '0' ? 'selected' : '' }}>Inactifs</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Recherche</label>
                    <input type="text" name="search" class="form-control" placeholder="Nom, réf., code-barre" value="{{ request('search') }}">
                </div>
                <div class="col-md-2 d-flex flex-column gap-1">
                    <label class="form-label invisible">&nbsp;</label>
                    <div class="d-flex gap-1">
                        <button type="submit" class="btn btn-primary flex-fill"><i class="fas fa-search me-1"></i> Filtrer</button>
                        <a href="{{ route('fournitures.index') }}" class="btn btn-outline-secondary flex-fill">Reset</a>
                    </div>
                </div>
            </form>

            <table class="table table-striped table-hover table-sortable">
                <thead>
                    <tr>
                        <th data-col="0" class="sort-header">Nom</th>
                        <th data-col="1" class="sort-header">Référence</th>
                        <th data-col="2" class="sort-header">Numéro</th>
                        <th data-col="3" class="sort-header">Code barre</th>
                        <th data-col="4" class="sort-header">Stock</th>
                        <th data-col="5" class="sort-header">Marque</th>
                        <th data-col="6" class="sort-header">Modèle</th>
                        <th data-col="7" class="sort-header">Matériels</th>
                        <th data-col="8" class="sort-header">Statut</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($fournitures as $fourniture)
                    <tr>
                        <td>{{ $fourniture->nom }}</td>
                        <td>{{ $fourniture->reference }}</td>
                        <td>{{ $fourniture->numero ?? '-' }}</td>
                        <td>{{ $fourniture->code_barre ?? '-' }}</td>
                        <td>{{ $fourniture->stock }}</td>
                        <td>{{ $fourniture->marque->nom ?? 'N/A' }}</td>
                        <td>
                            @foreach($fourniture->modeles ?? [] as $modele)
                                {{ $modele->nom }}{{ !$loop->last ? ', ' : '' }}
                            @endforeach
                        </td>
                        <td>
                            @php
                                $materiels = $fourniture->materiels ?? collect();
                                $half = ceil($materiels->count() / 2);
                                $first = $materiels->take($half);
                                $second = $materiels->skip($half);
                            @endphp
                            @if($materiels->isNotEmpty())
                            <div class="d-flex">
                                <ul class="list-unstyled mb-0 me-3">
                                    @foreach($first as $materiel)
                                        <li>{{ $materiel->nom }}</li>
                                    @endforeach
                                </ul>
                                <ul class="list-unstyled mb-0">
                                    @foreach($second as $materiel)
                                        <li>{{ $materiel->nom }}</li>
                                    @endforeach
                                </ul>
                            </div>
                            @else
                                -
                            @endif
                        </td>
                        <td>
                            @if($fourniture->statut)
                                <span class="d-none">Actif</span>
                                <form action="{{ route('fournitures.toggle-status', $fourniture) }}" method="POST" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="sort" value="{{ request('sort') }}">
                                    <input type="hidden" name="dir" value="{{ request('dir') }}">
                                    @foreach((array) request('marque_id', []) as $mid)
                                    <input type="hidden" name="marque_id[]" value="{{ $mid }}">
                                    @endforeach
                                    <button type="submit" class="btn btn-sm btn-action"
                                            title="Désactiver"
                                            style="background-color: #ffc107; border-color: #ffc107; color: white;">
                                        <i class="fas fa-ban"></i>
                                    </button>
                                </form>
                            @else
                                <span class="d-none">Inactif</span>
                                <form action="{{ route('fournitures.toggle-status', $fourniture) }}" method="POST" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="sort" value="{{ request('sort') }}">
                                    <input type="hidden" name="dir" value="{{ request('dir') }}">
                                    @foreach((array) request('marque_id', []) as $mid)
                                    <input type="hidden" name="marque_id[]" value="{{ $mid }}">
                                    @endforeach
                                    <button type="submit" class="btn btn-sm btn-action"
                                            title="Réactiver"
                                            style="background-color: #28a745; border-color: #28a745; color: white;">
                                        <i class="fas fa-check"></i>
                                    </button>
                                </form>
                            @endif
                        </td>
                        <td>
                            <a href="{{ route('fournitures.show', array_merge([$fourniture], request()->only(['sort', 'dir', 'marque_id', 'modele_id', 'statut', 'search']))) }}" class="btn btn-sm btn-action" title="Voir" style="background-color: #ff9800; border-color: #ff9800; color: white;">
                                <i class="fas fa-eye"></i>
                            </a>
                            <a href="{{ route('fournitures.edit', array_merge([$fourniture], request()->only(['sort', 'dir', 'marque_id', 'modele_id', 'statut', 'search']))) }}" class="btn btn-sm btn-action" title="Modifier" style="background-color: #2196F3; border-color: #2196F3; color: white;">
                                <i class="fas fa-edit"></i>
                            </a>
                            <form action="{{ route('fournitures.destroy', $fourniture) }}" method="POST" class="d-inline">
                                @csrf
                                @method('DELETE')
                                <input type="hidden" name="sort" value="{{ request('sort') }}">
                                <input type="hidden" name="dir" value="{{ request('dir') }}">
                                @foreach((array) request('marque_id', []) as $mid)
                                <input type="hidden" name="marque_id[]" value="{{ $mid }}">
                                @endforeach
                                <button type="submit" class="btn btn-sm btn-action btn-delete"
                                        title="Supprimer"
                                        style="background-color: #f44336; border-color: #f44336; color: white;">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    initCheckboxFilters('filter-form', 'filter-marque', 'filter-modele');
    initTableSort('.table-sortable');

    document.getElementById('filter-statut')?.addEventListener('change', function() {
        this.form.submit();
    });
});
</script>
@endpush
@endsection