@extends('layouts.app')
@section('title', 'Contrôle friteuses')

@section('content')

@if(session('success'))
    <div style="background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#16a34a;">
        ✓ {{ session('success') }}
    </div>
@endif

<div style="display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap;">
    <div>
        <h1 style="font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--navy);margin:0 0 4px;">Contrôle friteuses</h1>
        <p style="font-size:13px;color:var(--text-muted);margin:0;">{{ $fryers->count() }} friteuse{{ $fryers->count() > 1 ? 's' : '' }} configurée{{ $fryers->count() > 1 ? 's' : '' }}</p>
    </div>
    <a href="{{ route('fryers.create') }}" style="display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;background:var(--navy);color:var(--gold);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;">
        + Ajouter une friteuse
    </a>
</div>

@forelse($fryers as $fryer)
@php $last = $fryer->controls->first(); @endphp
<div style="background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:0;margin-bottom:12px;overflow:hidden;">

    {{-- Header friteuse --}}
    <div style="display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #f1f5f9;">
        <div style="width:40px;height:40px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#334155;flex-shrink:0;">
            {{ $fryer->number }}
        </div>
        <div style="flex:1;">
            <p style="margin:0 0 2px;font-size:15px;font-weight:600;color:#0f172a;">{{ $fryer->name }}</p>
            @if($last)
                <p style="margin:0;font-size:12px;color:#64748b;">
                    Dernier contrôle : {{ $last->control_date->format('d/m/Y') }}
                    @if($last->control_time) à {{ substr($last->control_time, 0, 5) }}@endif
                </p>
            @else
                <p style="margin:0;font-size:12px;color:#94a3b8;">Aucun contrôle enregistré</p>
            @endif
        </div>

        {{-- Badge résultat --}}
        @if($last)
            @php
                $colors = ['ok' => ['bg'=>'#f0fdf4','text'=>'#16a34a','border'=>'#bbf7d0'], 'warning' => ['bg'=>'#fffbeb','text'=>'#d97706','border'=>'#fde68a'], 'change' => ['bg'=>'#fef2f2','text'=>'#dc2626','border'=>'#fecaca']];
                $c = $colors[$last->result] ?? $colors['ok'];
                $labels = ['ok'=>'✅ OK','warning'=>'⚠️ Attention','change'=>'🚨 Changer l\'huile'];
            @endphp
            <span style="padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:{{ $c['bg'] }};color:{{ $c['text'] }};border:1px solid {{ $c['border'] }};white-space:nowrap;">
                {{ $labels[$last->result] }}
            </span>
        @endif
    </div>

    {{-- Actions --}}
    <div style="display:flex;align-items:center;gap:8px;padding:12px 20px;flex-wrap:wrap;">
        <a href="{{ route('fryers.control.create', $fryer) }}"
           style="display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#0f172a;color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;">
            📋 Nouveau contrôle
        </a>
        <a href="{{ route('fryers.history', $fryer) }}"
           style="display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f1f5f9;color:#334155;border-radius:8px;font-size:13px;text-decoration:none;">
            📅 Historique
        </a>
        <form method="POST" action="{{ route('fryers.destroy', $fryer) }}" onsubmit="return confirm('Supprimer cette friteuse ?')" style="margin-left:auto;">
            @csrf @method('DELETE')
            <button type="submit" style="padding:8px 16px;background:none;border:1px solid #fecaca;border-radius:8px;font-size:12px;color:#dc2626;cursor:pointer;">
                Supprimer
            </button>
        </form>
    </div>

    {{-- Info changement huile --}}
    @if($last && $last->oil_changed)
    <div style="padding:8px 20px 12px;font-size:12px;color:#0369a1;background:#eff6ff;border-top:1px solid #bfdbfe;">
        🛢️ Huile changée le {{ $last->oil_changed_at ? $last->oil_changed_at->format('d/m/Y') : $last->control_date->format('d/m/Y') }}
    </div>
    @endif

</div>
@empty
<div style="text-align:center;padding:60px 20px;color:#94a3b8;">
    <p style="font-size:15px;margin:0 0 16px;">Aucune friteuse configurée.</p>
    <a href="{{ route('fryers.create') }}" style="background:#0f172a;color:#fff;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;">
        Ajouter ma première friteuse
    </a>
</div>
@endforelse

@endsection