@extends('layouts.app')

@section('title', "SNMP - {$materiel->nom} - PrintManager")

@push('styles')
<style>
    .bg-purple { background-color: #9c27b0 !important; }
    .border-purple { border-color: #9c27b0 !important; }
    .progress-bar.bg-purple { background-color: #9c27b0 !important; }
</style>
@endpush

@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">{{ $materiel->nom }}</h1>
            <div class="d-flex gap-1">
                @include('partials.nav-arrows', [
                    'navRoute' => 'snmp.show',
                    'navParam' => 'materiel',
                    'navFilters' => ['marque_id', 'modele_id', 'search', 'sort', 'dir'],
                ])
                <a href="{{ route('snmp.poll-materiel', $materiel) }}" class="btn btn-light" data-loading>
                    <i class="fas fa-sync-alt me-1"></i> Relever
                </a>
                <a href="{{ route('snmp.index', request()->only(['marque_id', 'modele_id', 'search', 'sort', 'dir'])) }}" class="btn btn-outline-light">
                    <i class="fas fa-arrow-left"></i> Retour
                </a>
            </div>
        </div>
        <div class="card-body">
            @include('partials.session-alerts')

            <div class="row mb-4">
                <div class="col-md-3"><strong>Marque :</strong> {{ $materiel->marque->nom ?? '-' }}</div>
                <div class="col-md-3"><strong>Modèle :</strong> {{ $materiel->modele->nom ?? '-' }}</div>
                <div class="col-md-3"><strong>IP :</strong> <code>@if($materiel->adresse_ip)<a href="http://{{ $materiel->adresse_ip }}" target="_blank" rel="noopener">{{ $materiel->adresse_ip }}</a>@else-@endif</code></div>
                <div class="col-md-3"><strong>Localisation :</strong> {{ $materiel->localisation ?? '-' }}</div>
            </div>

            @if($releves->isEmpty())
                <p class="text-muted">Aucun relevé SNMP pour ce matériel. Lancez un premier relevé.</p>
            @else
                @php
                    $colorOrder = ['black' => 0, 'cyan' => 1, 'magenta' => 2, 'yellow' => 3];
                    $colorLeft = [];
                    $compteurEntries = [];
                    $rightEntries = [];
                    foreach ($releves as $index => $entries) {
                        $latest = $entries->first();
                        if ($latest && $latest->type_consommable === 'dechet_toner' && $index >= 100) {
                            continue;
                        }
                        if ($latest && $latest->type_consommable === 'compteur') {
                            $compteurEntries[] = ['index' => $index, 'entries' => $entries];
                            continue;
                        }
                        $descLow = mb_strtolower($latest->description ?: '');
                        $isStaple = str_contains($descLow, 'staple') || str_contains($descLow, 'agrafe');
                        $isToner = !$isStaple && in_array($latest->type_consommable, ['toner', 'encre']);
                        if ($isToner) {
                            $_four = \App\Services\SnmpNameMapper::findFourniture($materiel, $latest);
                            $color = $_four
                                ? (\App\Services\SnmpNameMapper::extractColor($_four->nom) ?? \App\Services\SnmpNameMapper::extractColor($latest->description))
                                : \App\Services\SnmpNameMapper::extractColor($latest->description);
                            if ($color && isset($colorOrder[$color])) {
                                $colorLeft[] = ['index' => $index, 'entries' => $entries, 'order' => $colorOrder[$color]];
                            } else {
                                $rightEntries[] = ['index' => $index, 'entries' => $entries];
                            }
                        } else {
                            $rightEntries[] = ['index' => $index, 'entries' => $entries];
                        }
                    }
                    usort($colorLeft, fn($a, $b) => $a['order'] - $b['order']);
                    $leftEntries = $colorLeft;

                    // Waste toner en haut de la colonne de droite
                    usort($rightEntries, fn($a, $b) => ($a['entries']->first()->type_consommable === 'dechet_toner' ? 0 : 1) <=> ($b['entries']->first()->type_consommable === 'dechet_toner' ? 0 : 1));

                    // Dispatch compteurs : N&B / couleur
                    $cNb = null; $cCouleur = null;
                    foreach ($compteurEntries as $ce) {
                        $desc = mb_strtolower($ce['entries']->first()->description ?: '');
                        if (str_contains($desc, 'n&b') || str_contains($desc, 'noir') || str_contains($desc, 'black')) {
                            $cNb = $ce;
                        } elseif (str_contains($desc, 'couleur') || str_contains($desc, 'color')) {
                            $cCouleur = $ce;
                        } else {
                            $cNb = $cNb ?? $ce;
                        }
                    }
                @endphp

                @if($compteurEntries)
                <div class="row mb-4">
                    <div class="col-12">
                        <div class="card border-dark">
                            <div class="card-header bg-dark text-white">
                                <i class="fas fa-copy me-1"></i> Compteurs d'impression
                            </div>
                            <div class="card-body">
                                <div class="row text-center">
                                    @if($cNb)
                                    @php $e = $cNb['entries']->first(); @endphp
                                    <div class="col-md-4 mb-3 mb-md-0">
                                        <div class="p-3 bg-secondary text-white rounded">
                                            <div class="small text-uppercase opacity-75">N&B</div>
                                            <div class="h3 mb-0 fw-bold">{{ number_format($e->niveau_actuel, 0, ',', ' ') }}</div>
                                            <small class="opacity-75">pages</small>
                                        </div>
                                    </div>
                                    @endif
                                    @if($cCouleur)
                                    @php $e = $cCouleur['entries']->first(); @endphp
                                    <div class="col-md-4 mb-3 mb-md-0">
                                        <div class="p-3 bg-info text-dark rounded">
                                            <div class="small text-uppercase opacity-75">Couleur</div>
                                            <div class="h3 mb-0 fw-bold">{{ number_format($e->niveau_actuel, 0, ',', ' ') }}</div>
                                            <small class="opacity-75">pages</small>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                <div class="row">
                    <div class="col-md-6">
                        @foreach($leftEntries as $p)
                            @php $index = $p['index']; $entries = $p['entries']; $latest = $entries->first(); $isPrinthead = false; @endphp
                            @include('snmp._card')
                        @endforeach
                    </div>
                    <div class="col-md-6">
                        @foreach($rightEntries as $o)
                            @php $index = $o['index']; $entries = $o['entries']; $latest = $entries->first(); $isPrinthead = $index == 999; @endphp
                            @include('snmp._card')
                        @endforeach
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection