@extends('layouts.master')

@section('title', 'Paramètres')

@section('content')
    <div class="main-content">
        <section class="section">
            <h1 class="section-header">
                <div>@yield('title')</div>
            </h1>

            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Récaputilatifs</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Paramètres</li>
                </ol>
            </nav>
        </section>

        <div class="row">
            <div class="col-md-12">
                <div class="card shadow-sm border-0">
                    <div class="card-body">
                        <!-- Header avec bouton -->
                        <div class="d-flex justify-content-between align-items-center mb-4">
                            <div>
                                <h4 class="mb-1">Gestion des unités</h4>
                                <p class="text-muted mb-0">
                                    Ajoutez et configurez vos unités de mesure (tonnes, litres, kg, etc.)
                                </p>
                            </div>

                            <!-- Bouton voir liste -->
                            <a href="{{ route('unit.index') }}" 
                                class="btn btn-sm btn-warning">
                                <i class="bi bi-list"></i> Voir les unités
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection