@extends('backend.global.layout')

@section('content')
    @include('backend.global.notifications')
    <br>
    <div class="page-show-model d-flex flex-column-fluid align-items-start container-xxl">
        <div class="content flex-row-fluid">
            @include('backend.global.header-card', [
    'button_label' => 'Editar Galeria',
    'button_url' => route('manager.vehicles.gallery.zone', $vehicle->id),
    'hasTabs' => true,
    'items' => [
        ['tab' => 'Veiculo', 'url' => route('manager.vehicles.show', $vehicle->id), 'active' => false],
        ['tab' => 'Galeria', 'url' => route('manager.vehicles.gallery', $vehicle->id), 'active' => true],
    ]])

            <div class="content-row">
                <div class="card">
                    <div class="card-body border-top p-9">
                        <div class="d-flex flex-wrap flex-stack my-5">
                            <h3 class="fw-bold m-0"> Galeria De Veiculo - {{ $vehicle->title }}</h3>
                        </div>
                        @if(isset($photos) && count($photos))
                            <div class="row">
                                @foreach($photos as $p)
                                    <div class="col-md-6 col-lg-4 col-xl-3" style="margin-bottom: 20px">
                                        <img src="{{ route('vehicles.gallery.file', $p->image_uid) }}" width="100%" />
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <div class="row">
                                <div class="col-lg-12">
                                    Não tem fotografias do veiculo importadas.
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection