@extends('layouts.app')

@section('title', 'Matériels - Print Manager')

@section('content')
    <div class="card">
        <div class="card-header bg-info text-white d-flex justify-content-between align-items-center">
            <h1 class="mb-0">Liste des Matériels <span class="badge bg-light text-dark ms-2">{{ $materiels->count() }}</span></h1>
            <a href="{{ route('materiels.create') }}" class="btn btn-light">
                <i class="fas fa-plus me-2"></i>Ajouter un Matériel
            </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, IP, localisation" 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('materiels.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">Marque</th>
                        <th data-col="2" class="sort-header">Modèle</th>
                        <th data-col="3" class="sort-header">Fournitures</th>
                        <th data-col="4" class="sort-header">Adresse IP</th>
                        <th data-col="5" class="sort-header">N° Équipement</th>
                        <th data-col="6" class="sort-header">N° Série</th>
                        <th data-col="7" class="sort-header">Localisation</th>
                        <th data-col="8" class="sort-header">Statut</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($materiels as $materiel)
                    <tr>
                        <td>{{ $materiel->nom }}</td>
                        <td>{{ $materiel->marque->nom ?? 'N/A' }}</td>
                        <td>{{ $materiel->modele->nom ?? 'N/A' }}</td>
                        <td>
                            @foreach($materiel->fournitures ?? [] as $fourniture)
                                {{ $fourniture->nom }}{{ !$loop->last ? ', ' : '' }}
                            @endforeach
                        </td>
                        <td>@if($materiel->adresse_ip)<a href="http://{{ $materiel->adresse_ip }}" target="_blank" rel="noopener">{{ $materiel->adresse_ip }}</a>@else-@endif</td>
                        <td>{{ $materiel->numeros_equipment ?? '-' }}</td>
                        <td>{{ $materiel->numero_serie ?? '-' }}</td>
                        <td>{{ $materiel->localisation ?? '-' }}</td>
                        <td>
                            @if($materiel->statut)
                                <span class="d-none">Actif</span>
                                <form action="{{ route('materiels.toggle-status', $materiel) }}" 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
                                    @foreach((array) request('modele_id', []) as $modId)
                                    <input type="hidden" name="modele_id[]" value="{{ $modId }}">
                                    @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('materiels.toggle-status', $materiel) }}" 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
                                    @foreach((array) request('modele_id', []) as $modId)
                                    <input type="hidden" name="modele_id[]" value="{{ $modId }}">
                                    @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('snmp.show', $materiel) }}" class="btn btn-sm btn-action" title="Détails SNMP" style="background-color: #17a2b8; border-color: #17a2b8; color: white;">
                                <i class="fas fa-network-wired"></i>
                            </a>
                            <a href="{{ route('materiels.show', array_merge([$materiel], request()->only(['sort', 'dir', 'marque_id', 'modele_id', 'statut', 'search']))) }}" class="btn btn-sm btn-action" title="Voir" style="background-color: #9c27b0; border-color: #9c27b0; color: white;">
                                <i class="fas fa-eye"></i>
                            </a>
                            <a href="{{ route('materiels.edit', array_merge([$materiel], request()->only(['sort', 'dir', 'marque_id', 'modele_id']))) }}" class="btn btn-sm btn-action" title="Modifier" style="background-color: #ff9800; border-color: #ff9800; color: white;">
                                <i class="fas fa-edit"></i>
                            </a>
                            <form action="{{ route('materiels.destroy', $materiel) }}" 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
                                @foreach((array) request('modele_id', []) as $modId)
                                <input type="hidden" name="modele_id[]" value="{{ $modId }}">
                                @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() {
        document.getElementById('filter-form').submit();
    });
});
</script>
@endpush
@endsection