@extends('layouts.master')

@section('title', 'Départs')

@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"><a href="{{ route('property.depart.index') }}">Départs</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Détails</li>
                </ol>
            </nav>
        </section>

        <div class="row">
            <div class="col-md-12">
                <div class="card shadow-sm border-0">
                    {{-- HEADER --}}
                    <div class="card-header bg-white border-bottom">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h4 class="mb-1 text-uppercase fw-bold">
                                    Départ interne – {{ $depart->city }}
                                </h4>
                                <small class="text-muted">
                                    Date : {{ \Carbon\Carbon::parse($depart->date)->format('d/m/Y') }}
                                </small>
                            </div>

                            <div class="text-end">
                                <span class="badge bg-light text-dark mb-1">
                                    Réf : {{ $depart->reference }}
                                </span><br>
                                <a href="{{ route('property.depart.print', $depart->id) }}" class="btn btn-sm btn-outline-primary mt-2" target="_blank">
                                    <i class="fas fa-print"></i> Imprimer
                                </a>
                            </div>
                        </div>
                    </div>

                    {{-- BODY --}}
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-sm align-middle table-bordered">
                                <thead class="table-light text-center">
                                    <tr>
                                        <th>#</th>
                                        <th>Camion</th>
                                        <th>Chauffeur</th>
                                        <th>Destination</th>
                                        <th>Frais</th>
                                        <th>Carburant</th>
                                        <th>Observation</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @forelse ($items as $key => $item)
                                        <tr>
                                            <td class="text-center">{{ $key + 1 }}</td>
                                            <td class="fw-semibold text-center">
                                                {{ $item->camion->plaque_immatriculation_tracteur }}
                                            </td>
                                            <td class="text-center">{{ $item->chauffeur }}</td>
                                            <td class="text-center">
                                                {{ $item->departure_destination }}
                                                →
                                                {{ $item->arrival_destination }}
                                            </td>
                                            <td class="text-center">
                                                {{ number_format($item->frais_de_route, 0, '.', ' ') }} FCFA
                                            </td>
                                            <td class="text-center">
                                                {{ number_format($item->carburant, 0, '.', ' ') }} L
                                            </td>
                                            <td class="text-muted text-center">
                                                {{ $item->observations ?: '-' }}
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="7" class="text-center text-danger">
                                                Aucun camion enregistré
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>

                                {{-- TOTAL --}}
                                @if($items->count() > 0)
                                    <tfoot class="table-light fw-bold">
                                        <tr>
                                            <td colspan="4" class="text-end">TOTAL</td>
                                            <td class="text-center">
                                                {{ number_format($sum_frais_de_route, 0, '.', ' ') }} FCFA
                                            </td>
                                            <td class="text-center">
                                                {{ number_format($sum_carburant, 0, '.', ' ') }}
                                            </td>
                                            <td></td>
                                        </tr>
                                    </tfoot>
                                @endif
                            </table>
                        </div>
                    </div>
                    {{-- FOOTER --}}
                    <div class="card-footer bg-white text-muted text-center small">
                        Document généré le {{ now()->format('d/m/Y H:i') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection