@extends('layouts.app')
@section('title', 'Ajouter une friteuse')

@section('content')
<div style="max-width:520px;margin:0 auto;padding:0 16px;">

    <div style="display:flex;align-items:center;gap:12px;margin-bottom:24px;">
        <a href="{{ route('fryers.index') }}" style="color:#64748b;text-decoration:none;font-size:13px;">← Retour</a>
        <h1 style="font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;margin:0;color:#0f172a;">Ajouter une friteuse</h1>
    </div>

    @if($errors->any())
        <div style="background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;margin-bottom:20px;">
            @foreach($errors->all() as $error)
                <p style="margin:0;font-size:13px;color:#dc2626;">{{ $error }}</p>
            @endforeach
        </div>
    @endif

    <form method="POST" action="{{ route('fryers.store') }}" style="background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:16px;">
        @csrf

        <div>
            <label style="display:block;font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;">
                Numéro <span style="color:#dc2626;">*</span>
            </label>
            <input type="text" name="number" value="{{ old('number') }}"
                   placeholder="Ex : 1, 2, F1…"
                   style="width:100%;height:44px;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 12px;font-size:15px;box-sizing:border-box;outline:none;"
                   required maxlength="10">
            <p style="font-size:11px;color:#94a3b8;margin:4px 0 0;">Colle un autocollant avec ce numéro sur la friteuse.</p>
        </div>

        <div>
            <label style="display:block;font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;">
                Nom <span style="color:#dc2626;">*</span>
            </label>
            <input type="text" name="name" value="{{ old('name') }}"
                   placeholder="Ex : Friteuse 1, Grande friteuse…"
                   style="width:100%;height:44px;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 12px;font-size:15px;box-sizing:border-box;outline:none;"
                   required maxlength="255">
        </div>

        <div>
            <label style="display:block;font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;">
                Notes (optionnel)
            </label>
            <textarea name="notes" rows="2"
                      placeholder="Emplacement, modèle…"
                      style="width:100%;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 12px;font-size:14px;box-sizing:border-box;resize:none;outline:none;">{{ old('notes') }}</textarea>
        </div>

        <button type="submit"
                style="height:50px;background:#0f172a;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;">
            Ajouter la friteuse
        </button>
    </form>
</div>
@endsection