@extends('layouts.app')

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

@section('content')
    @if($alertesRecentes->isNotEmpty())
    <div class="card mb-4 border-danger">
        <div class="card-header bg-danger text-white d-flex justify-content-between align-items-center py-2">
            <h5 class="mb-0"><i class="fas fa-exclamation-triangle me-2"></i>Alertes consommables &lt; {{ $alerteSeuil }} %</h5>
            <a href="{{ route('snmp.alerts') }}" class="btn btn-light btn-sm">Toutes les alertes</a>
        </div>
        <div class="card-body p-0">
            <table class="table table-sm table-hover mb-0">
                <thead>
                    <tr>
                        <th>Matériel</th>
                        <th>Consommable</th>
                        <th>Niveau</th>
                        <th>Relevé le</th>
                        <th>Distribution</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($alertesRecentes as $r)
                    @php
                        $_four = \App\Services\SnmpNameMapper::findFourniture($r->materiel, $r);
                        $_distribuee = $r->distribuee_le;
                        $_hasSortie = $_four && $_four->stock > 0 && !$_distribuee;
                        $_stockEpuise = $_four && $_four->stock <= 0 && !$_distribuee;
                    @endphp
                    <tr>
                        <td>
                            <a href="{{ route('snmp.show', $r->materiel_id) }}">{{ $r->materiel->nom }}</a>
                            <small class="text-muted d-block">{{ $r->materiel->localisation }}</small>
                        </td>
                        <td>{{ $r->description }}</td>
                        <td>
                            <div class="d-flex align-items-center gap-2">
                                <div class="progress flex-grow-1" style="height:6px">
                                    <div class="progress-bar bg-danger" style="width: {{ $r->pourcentage }}%"></div>
                                </div>
                                <span class="fw-bold text-danger">{{ $r->pourcentage }} %</span>
                            </div>
                        </td>
                        <td><small class="text-muted">{{ $r->releve_at?->format('d/m H:i') }}</small></td>
                        <td>
                            @if($_distribuee)
                                <span class="badge bg-success">
                                    <i class="fas fa-check me-1"></i>{{ $_distribuee->format('d/m/Y') }}
                                </span>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            @if($_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' => $r->materiel->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>
    </div>
    @endif

    <div class="card mb-4">
        <div class="card-header bg-secondary text-white py-2">
            <h5 class="mb-0"><i class="fas fa-warehouse me-2"></i>Gestion de Stock</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-3 mb-3">
                    <div class="card border-success h-100">
                        <div class="card-body text-center py-3">
                            <i class="fas fa-truck-loading fa-lg mb-1 text-success"></i>
                            <h6>Entrées</h6>
                            <p class="mb-1 small">{{ $bonsLivraisonCount }} livraison(s) <br><small class="text-muted">{{ $bonsCommandesCount }} commande(s)</small></p>
                            <div class="d-flex gap-1 justify-content-center flex-wrap">
                                <a href="{{ route('bons-livraison.index') }}" class="btn btn-outline-success btn-sm">Livraisons</a>
                                <a href="{{ route('commandes.index') }}" class="btn btn-outline-dark btn-sm">Commandes</a>
                                <a href="{{ route('bons-livraison.create') }}" class="btn btn-success btn-sm"><i class="fas fa-plus"></i></a>
                                <a href="{{ route('bons-livraison.ocr') }}" class="btn btn-info btn-sm"><i class="fas fa-file-alt"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="card border-danger h-100">
                        <div class="card-body text-center py-3">
                            <i class="fas fa-sign-out-alt fa-lg mb-1 text-danger"></i>
                            <h6>Sorties</h6>
                            <p class="mb-1 small">{{ $sortiesStockCount }} sortie(s)</p>
                            <div class="d-flex gap-1 justify-content-center">
                                <a href="{{ route('sorties-stock.index') }}" class="btn btn-outline-danger btn-sm">Voir</a>
                                <a href="{{ route('sorties-stock.create') }}" class="btn btn-danger btn-sm"><i class="fas fa-plus"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="card border-warning h-100">
                        <div class="card-body text-center py-3">
                            <i class="fas fa-exclamation-triangle fa-lg mb-1 text-warning"></i>
                            <h6>Manquantes</h6>
                            <p class="mb-1 small">{{ $sortiesManquantesCount }} non enregistrée(s)</p>
                            <a href="{{ route('snmp.alerts') }}" class="btn btn-outline-warning btn-sm">Voir</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="card border-info h-100">
                        <div class="card-body text-center py-3">
                            <i class="fas fa-network-wired fa-lg mb-1 text-info"></i>
                            <h6>SNMP</h6>
                            <p class="mb-1 small">{{ $materielsSnmpCount }} matériel(s) IP</p>
                            <div class="d-flex gap-1 justify-content-center">
                                <a href="{{ route('snmp.index') }}" class="btn btn-outline-info btn-sm">Relevés</a>
                                <a href="{{ route('snmp.poll') }}" class="btn btn-info btn-sm" data-loading><i class="fas fa-sync"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-3 mb-3">
            <div class="card bg-warning text-white">
                <div class="card-body text-center py-3">
                    <i class="fas fa-box fa-2x mb-2"></i>
                    <h4 class="mb-1">{{ $fournituresCount }}</h4>
                    <h6>Fournitures</h6>
                    <div class="d-flex gap-2 justify-content-center mt-2">
                        <a href="{{ route('fournitures.index') }}" class="btn btn-light btn-sm">Consulter</a>
                        <a href="{{ route('etat-stocks') }}" class="btn btn-light btn-sm">
                            <i class="fas fa-boxes me-1"></i> Stocks
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3 mb-3">
            <div class="card bg-danger text-white">
                <div class="card-body text-center py-3">
                    <i class="fas fa-exclamation-triangle fa-2x mb-2"></i>
                    <h4 class="mb-1">{{ $materielsAlertCount }}</h4>
                    <h6>Alertes consommables</h6>
                    <a href="{{ route('snmp.alerts') }}" class="btn btn-light btn-sm mt-2">Consulter</a>
                </div>
            </div>
        </div>

        <div class="col-md-3 mb-3">
            <div class="card bg-dark text-white">
                <div class="card-body text-center py-3">
                    <i class="fas fa-envelope fa-2x mb-2"></i>
                    <h4 class="mb-1">
                        {{ $kpaxUnread !== null ? $kpaxUnread : '—' }}
                        @if($kpaxError)
                            <i class="fas fa-exclamation-circle text-warning" style="cursor:help;font-size:0.8em"
                               title="{{ $kpaxError }}"></i>
                        @endif
                    </h4>
                    <h6>KPAX non lus</h6>
                    <a href="{{ route('kpax.index') }}" class="btn btn-light btn-sm mt-2">
                        <i class="fas fa-list me-1"></i> Consulter
                    </a>
                </div>
            </div>
        </div>

        <div class="col-md-3 mb-3">
            <div class="card bg-info text-white">
                <div class="card-body text-center py-3">
                    <i class="fas fa-desktop fa-2x mb-2"></i>
                    <h4 class="mb-1">{{ $materielsCount }}</h4>
                    <h6>Matériels</h6>
                    <div class="d-flex gap-2 justify-content-center mt-2">
                        <a href="{{ route('materiels.index') }}" class="btn btn-light btn-sm">Consulter</a>
                        <a href="{{ route('consommation') }}" class="btn btn-light btn-sm">
                            <i class="fas fa-chart-line me-1"></i> Conso
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3 mb-3">
            <div class="card bg-primary text-white">
                <div class="card-body text-center py-3">
                    <i class="fas fa-tag fa-2x mb-2"></i>
                    <h4 class="mb-1">{{ $marquesCount }}</h4>
                    <h6>Marques</h6>
                    <a href="{{ route('marques.index') }}" class="btn btn-light btn-sm mt-2">Consulter</a>
                </div>
            </div>
        </div>

        <div class="col-md-3 mb-3">
            <div class="card bg-success text-white">
                <div class="card-body text-center py-3">
                    <i class="fas fa-cube fa-2x mb-2"></i>
                    <h4 class="mb-1">{{ $modelesCount }}</h4>
                    <h6>Modèles</h6>
                    <a href="{{ route('modeles.index') }}" class="btn btn-light btn-sm mt-2">Consulter</a>
                </div>
            </div>
        </div>
    </div>
@endsection