@extends('layouts.app')

@section('title', 'Sorties de Stock - Print Manager')

@section('content')
    <div class="card">
        <div class="card-header bg-secondary text-white d-flex justify-content-between align-items-center">
            <h1 class="mb-0">Sorties de Stock <span class="badge bg-light text-dark ms-2">{{ $sorties->count() }}</span></h1>
            <div class="d-flex gap-2">
                <a href="{{ route('sorties-stock.create') }}" class="btn btn-light">
                    <i class="fas fa-plus me-1"></i>Nouvelle Sortie
                </a>
            </div>
        </div>
        <div class="card-body">
            @include('partials.session-alerts')

            <form method="GET" class="mb-3" id="filter-form">
                <div class="row g-3 mb-3">
                    <div class="col-md-2">
                        <label class="form-label">Du</label>
                        <input type="date" name="date_debut" class="form-control" value="{{ request('date_debut') }}">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">Au</label>
                        <input type="date" name="date_fin" class="form-control" value="{{ request('date_fin') }}">
                    </div>
                </div>
                <div class="row g-3">
                    <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" style="flex:0 0 auto;width:20%">
                        <label class="form-label">Fournitures</label>
                        <div class="filter-checkbox-group" id="filter-fourniture">
                            @foreach($fournitures as $fourniture)
                                <div class="form-check" data-marque-id="{{ $fourniture->marque_id }}" data-modele-ids="{{ $fourniture->modeles->pluck('id')->join(',') }}">
                                    <input class="form-check-input filter-fourniture-cb" type="checkbox"
                                        name="fourniture_id[]" value="{{ $fourniture->id }}"
                                        id="fn_{{ $fourniture->id }}"
                                        data-marque-id="{{ $fourniture->marque_id }}"
                                        data-modele-ids="{{ $fourniture->modeles->pluck('id')->join(',') }}"
                                        {{ in_array($fourniture->id, (array) request('fourniture_id', [])) ? 'checked' : '' }}>
                                    <label class="form-check-label small" for="fn_{{ $fourniture->id }}">{{ $fourniture->nom }}</label>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Recherche</label>
                        <input type="text" name="search" class="form-control" placeholder="Nom" 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"></i> Filtrer</button>
                            <a href="{{ route('sorties-stock.index') }}" class="btn btn-outline-secondary flex-fill">Reset</a>
                        </div>
                    </div>
                </div>
            </form>

            <div class="table-responsive">
                <table class="table table-striped table-hover table-sortable" id="sorties-table" data-default-sort-dir="desc">
                    <thead>
                        <tr>
                            <th data-col="0" class="sort-header">Date de sortie</th>
                            <th data-col="1" class="sort-header">Fourniture</th>
                            <th data-col="2" class="sort-header">Marque</th>
                            <th data-col="3" class="sort-header">Matériel</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($sorties as $sortie)
                        <tr>
                            <td data-date="{{ $sortie->created_at->format('Y-m-d') }}">{{ $sortie->created_at->format('d/m/Y') }}</td>
                                <td>{{ $sortie->fourniture->nom ?? 'N/A' }}</td>
                                <td>{{ $sortie->fourniture->marque->nom ?? 'N/A' }}</td>
                                <td>{{ $sortie->materiel->nom ?? 'N/A' }}</td>
                                <td class="d-flex gap-1">
                                    <a href="{{ route('sorties-stock.edit', $sortie) }}" class="btn btn-sm btn-action" title="Modifier" style="background-color: #ff9800; border-color: #ff9800; color: white;">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <button type="button" class="btn btn-sm btn-danger btn-delete" title="Supprimer" data-url="{{ route('sorties-stock.destroy', $sortie) }}" data-label="{{ $sortie->fourniture->nom ?? 'cette sortie' }} ({{ $sortie->created_at->format('d/m/Y') }})">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </td>
                            </tr>
                        @empty
                        <tr>
                            <td colspan="5" class="text-center text-muted">Aucune sortie de stock.</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

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