@if (Auth()->user()->type_user != 'owner')
    @include('error.404')
    @dd()
@else
    @extends('layouts.owner.master')

    @section('title', 'Dépenses')
    
    @section('content')
        <div class="content-wrapper">
            <!-- Breadcrumb -->
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb bg-transparent p-0 mb-4">
                    <li class="breadcrumb-item"><a href="{{ route('owner.home') }}" class="text-decoration-none"><i class="bx bxs-home me-1"></i> Tableau de bord</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('expense.index') }}" class="text-decoration-none">Dépenses</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Détails</li>
                </ol>
            </nav>

            <div class="row">
                <div class="col-md-12">
                    <!-- Header -->
                    <div class="d-flex justify-content-between align-items-center mb-4">
                        <h4>Détail de la dépense</h4>

                        <!-- Actions -->
                        <div class="mt-3 d-flex justify-content-between">
                            <a href="#" class="btn btn-warning" style="margin-right: 10px">
                                Imprimer
                            </a>
                            <a href="{{ route('expense.index') }}" class="btn btn-danger">
                                Retour
                            </a>
                        </div>
                    </div>

                    <!-- Card principale -->
                    <div class="card shadow-sm">
                        <div class="card-body">
                            <div class="row">
                                <!-- Référence -->
                                <div class="col-md-4 mb-3">
                                    <label class="text-muted">Référence</label>
                                    <div><strong>{{ $expense->reference }}</strong></div>
                                </div>

                                <!-- Date -->
                                <div class="col-md-4 mb-3">
                                    <label class="text-muted">Date</label>
                                    <div>{{ \Carbon\Carbon::parse($expense->date)->format('d/m/Y') }}</div>
                                </div>

                                <!-- Utilisateur -->
                                <div class="col-md-4 mb-3">
                                    <label class="text-muted">Enregistré par</label>
                                    <div>{{ $expense->user->name ?? '-' }}</div>
                                </div>

                                <!-- Libellé -->
                                <div class="col-md-6 mb-3">
                                    <label class="text-muted">Libellé</label>
                                    <div><strong>{{ $expense->libelle }}</strong></div>
                                </div>

                                <!-- Type -->
                                <div class="col-md-6 mb-3">
                                    <label class="text-muted">Type de dépense</label>
                                    <div>{{ $expense->type->name ?? '-' }}</div>
                                </div>

                                <!-- Quantité -->
                                <div class="col-md-3 mb-3">
                                    <label class="text-muted">Quantité</label>
                                    <div>{{ $expense->quantity }}</div>
                                </div>

                                <!-- Prix -->
                                <div class="col-md-3 mb-3">
                                    <label class="text-muted">Prix</label>
                                    <div>{{ money($expense->price) }}</div>
                                </div>

                                <!-- Montant -->
                                <div class="col-md-3 mb-3">
                                    <label class="text-muted">Montant</label>
                                    <div class="text-danger fw-bold">
                                        {{ money($expense->amount) }}
                                    </div>
                                </div>

                                <!-- Caisse -->
                                <div class="col-md-3 mb-3">
                                    <label class="text-muted">Caisse</label>
                                    <div>{{ $expense->caisse->reference ?? '-' }}</div>
                                </div>

                                <!-- Personnel -->
                                <div class="col-md-6 mb-3">
                                    <label class="text-muted">Personnel</label>
                                    <div>{{ $expense->personal->fullname ?? '-' }}</div>
                                </div>

                                <!-- Description -->
                                <div class="col-12 mb-3">
                                    <label class="text-muted">Note</label>
                                    <div>
                                        {{ $expense->note ?? 'Aucune note.' }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div
    @endsection
@endif