@extends('layouts.master')

@section('title', 'Documents - Vignettes')

@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('camion.show', ['id' => $camion->id]) }}">Détails</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Vignettes</li>
                </ol>
            </nav>
        </section>

        <div class="row">
            @livewire('property.document.vignette.index-vignette', ['camion' => $camion])
        </div>
    </div>
@endsection