@extends('layouts.app')

@section('title', 'Alertes consommables - Print Manager')

@section('content')
    <div class="card">
        <div class="card-header bg-danger text-white d-flex justify-content-between align-items-center">
            <h1 class="mb-0">Alertes consommables <span class="badge bg-light text-dark ms-2">{{ $alertReleves->count() }}</span></h1>
            <div>
                <a href="{{ route('snmp.index') }}" class="btn btn-light">
                    <i class="fas fa-arrow-left me-1"></i> Tous les relevés
                </a>

            </div>
        </div>
        <div class="card-body">
            @include('partials.session-alerts')

            @if(isset($sortiesManquantes) && $sortiesManquantes->isNotEmpty())
            <div class="alert alert-warning">
                <h5 class="alert-heading"><i class="fas fa-exclamation-triangle me-2"></i>Sorties non enregistrées</h5>
                <p class="mb-2">Ces cartouches sont à 100% (remplacées) mais aucune sortie de stock n'a été enregistrée.</p>
                <table class="table table-sm table-warning mb-0">
                    <thead>
                        <tr>
                            <th>Matériel</th>
                            <th>Fourniture</th>
                            <th>Date SNMP</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($sortiesManquantes as $sm)
                        @php
                            $key = $sm->materiel_id . '_' . $sm->fourniture_id;
                            $sortieExistante = isset($sortiesParCle[$key]) ? $sortiesParCle[$key]->first() : null;
                        @endphp
                        <tr>
                            <td>{{ $sm->materiel?->nom ?? '?' }}</td>
                            <td>{{ $sm->fourniture?->nom ?? '?' }}</td>
                            <td>{{ $sm->date_releve?->format('d/m/Y') ?: '-' }}</td>
                            <td>
                                @if($sortieExistante)
                                <a href="{{ route('sorties-stock.edit', $sortieExistante) }}" class="btn btn-sm btn-info">
                                    <i class="fas fa-eye me-1"></i> Voir la sortie
                                </a>
                                @else
                                <a href="{{ route('sorties-stock.create', ['fourniture_id' => $sm->fourniture_id, 'materiel_id' => $sm->materiel_id, 'releve_id' => $sm->snmp_releve_id, 'date_sortie' => $sm->date_releve?->toDateString()]) }}" class="btn btn-sm btn-warning">
                                    <i class="fas fa-check me-1"></i> Enregistrer la sortie
                                </a>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @endif

            <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-auto">
                    <label for="seuil" class="form-label fw-bold">Seuil</label>
                    <div class="input-group">
                        <input type="number" name="seuil" id="seuil" class="form-control" value="{{ $seuil }}" min="1" max="100" autocomplete="off" style="width:80px">
                        <span class="input-group-text">%</span>
                    </div>
                </div>
                <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 for="search" 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-danger flex-fill"><i class="fas fa-search"></i> Filtrer</button>
                        <a href="{{ route('snmp.alerts', ['seuil' => $seuil]) }}" class="btn btn-outline-secondary flex-fill">Reset</a>
                    </div>
                </div>
            </form>

            @if($alertReleves->isEmpty())
                <p class="text-muted">Aucune alerte consommable pour le moment.</p>
            @else
                <div class="table-responsive">
                    <table class="table table-striped table-hover table-sortable" id="alerts-table">
                        <thead>
                            <tr>
                                <th data-col="0" class="sort-header">Matériel</th>
                                <th data-col="1" class="sort-header">Marque</th>
                                <th data-col="2" class="sort-header">IP</th>
                                <th data-col="3" class="sort-header">Localisation</th>
                                <th data-col="4" class="sort-header">Consommable</th>
                                <th data-col="5" class="sort-header">Type</th>
                                <th data-col="6" class="sort-header">Niveau</th>
                                <th data-col="7" class="sort-header">Dernier relevé</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($alertReleves as $r)
                                @php
                                    $m = $r->materiel;
                                    $isWaste = $r->type_consommable === 'dechet_toner';
                                    $_four = \App\Services\SnmpNameMapper::findFourniture($m, $r);
                                    $_distribuee = $r->distribuee_le;
                                    $_hasSortie = $_four && $_four->stock > 0 && !$_distribuee;
                                    $_stockEpuise = $_four && $_four->stock <= 0 && !$_distribuee;
                                @endphp
                                <tr>
                                    <td>{{ $m?->nom ?? '-' }}</td>
                                    <td>{{ $m?->marque?->nom ?? '-' }}</td>
                                    <td><code>@if($m?->adresse_ip)<a href="http://{{ $m?->adresse_ip }}" target="_blank" rel="noopener">{{ $m?->adresse_ip }}</a>@else-@endif</code></td>
                                    <td>{{ $m?->localisation ?? '-' }}</td>
                                    <td>{{ \App\Services\SnmpNameMapper::translate($r->description ?: $r->type_consommable) }}</td>
                                    <td>{{ $isWaste ? 'Déchet' : 'Consommable' }}</td>
                                    <td>
                                        <span class="badge bg-danger">{{ $r->pourcentage }}%</span>
                                    </td>
                                    <td>{{ $r->releve_at?->format('d/m/Y H:i') ?: '-' }}</td>
                                    <td>
                                        @if($m)
                                        <a href="{{ route('snmp.show', $m) }}" 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>
                                        @endif
                                        @php
                                            $_sortieExistante = null;
                                            if ($_four && $m) {
                                                $_sortieCle = $m->id . '_' . $_four->id;
                                                $_sortieExistante = isset($sortiesParCle[$_sortieCle]) ? $sortiesParCle[$_sortieCle]->first() : null;
                                            }
                                        @endphp
                                        @if($_sortieExistante)
                                            <a href="{{ route('sorties-stock.edit', $_sortieExistante) }}"
                                               class="btn btn-sm btn-action"
                                               title="Sortie déjà enregistrée"
                                               style="background-color: #28a745; border-color: #28a745; color: white;">
                                                <i class="fas fa-eye me-1"></i> Voir
                                            </a>
                                        @elseif($_distribuee)
                                            <span class="btn btn-sm btn-action disabled"
                                                   title="Déjà distribuée"
                                                   style="background-color: #28a745; border-color: #28a745; color: white; opacity: 0.8;">
                                                <i class="fas fa-check-circle"></i>
                                            </span>
                                        @elseif($_hasSortie)
                                            <a href="{{ route('sorties-stock.create', ['fourniture_id' => $_four->id, 'materiel_id' => $m->id, 'releve_id' => $r->id]) }}"
                                               class="btn btn-sm btn-action"
                                               title="Sortie stock"
                                               style="background-color: #dc3545; border-color: #dc3545; color: white;">
                                                <i class="fas fa-sign-out-alt"></i>
                                            </a>
                                        @elseif($_stockEpuise)
                                            <span class="btn btn-sm btn-action disabled"
                                                   title="Stock épuisé pour {{ $_four->nom }}"
                                                   style="background-color: #6c757d; border-color: #6c757d; color: white; opacity: 0.6;">
                                                <i class="fas fa-times-circle"></i>
                                            </span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>

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

    const searchInput = document.querySelector('input[name="search"]');
    if (searchInput) {
        let searchTimer;
        searchInput.addEventListener('input', function() {
            clearTimeout(searchTimer);
            searchTimer = setTimeout(function() { document.getElementById('filter-form').submit(); }, 500);
        });
    }
});
</script>
@endpush
@endsection