@extends('layouts.app')
@section('title', 'Unités de mesure')
@section('breadcrumb', 'Réglages / Unités')
@section('content')
<div class="page-header"><h1 class="page-title"><i class="fas fa-ruler" style="color:var(--primary)"></i> Unités de mesure</h1><a href="{{ route('reglages.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Réglages</a></div>
@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
<div class="grid-2">
    <div class="card"><div class="card-header"><h3 class="card-title">Liste</h3></div>
    <div class="table-wrap"><table class="table">
        <thead><tr><th>Code</th><th>Label</th><th></th></tr></thead>
        <tbody>
        @forelse($unites as $u)
            <tr><td><code>{{ $u->code }}</code></td><td>{{ $u->label }}</td>
            <td>
                <div class="table-actions">
                    <form method="POST" action="{{ route('reglages.unites.destroy', $u) }}" onsubmit="return confirm('Supprimer ?')">@csrf @method('DELETE')
                        <button type="submit" class="action-btn danger" title="Supprimer"><i class="fas fa-trash"></i></button>
                    </form>
                </div>
            </td></tr>
        @empty<tr><td colspan="3" class="empty-state">Aucune unité</td></tr>@endforelse
        </tbody>
    </table></div></div>
    <div class="card"><div class="card-header"><h3 class="card-title">Ajouter</h3></div><div class="card-body">
        <form method="POST" action="{{ route('reglages.unites.store') }}">
            @csrf
            @if($errors->any())<div class="alert alert-danger">@foreach($errors->all() as $e)<div>{{ $e }}</div>@endforeach</div>@endif
            <div class="form-group"><label class="form-label">Code *</label><input type="text" name="code" class="form-control" placeholder="ex: KG" required></div>
            <div class="form-group"><label class="form-label">Label *</label><input type="text" name="label" class="form-control" placeholder="ex: Kilogramme" required></div>
            <button type="submit" class="btn btn-primary"><i class="fas fa-plus"></i> Ajouter</button>
        </form>
    </div></div>
</div>
@endsection