@extends('externo/layout')
@section('contenido')
<!-- Page Title -->
<div class="page-title-area">
    <img src="{!! asset('externo/assets/img/home-one/footer-car.png') !!}" alt="Title">
    <div class="container">
        <div class="page-title-content">
            <h2>Manual Vehicular - {{ $datos->marca }} {{ $datos->modelo }}</h2>
            <ul>
                <li>
                    <a href="{{ route('index') }}">Inicio</a>
                </li>
                <li>
                    <i class='bx bx-chevron-right'></i>
                </li>
                <li>Manuales</li>
            </ul>
        </div>
    </div>
</div>
<!-- Sign Up -->
<div class="service-details-area pt-100 pb-70">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-lg-8 col-md-8 col-12">
                        <div class="service-details-item">
                            <h3 class="text-center">{{ $datos->titulo_mana }}</h3>
                            <p>{!! $datos->descripcion_mana !!}</p>
                        </div>
                        <h3 class="text-center">Manuales</h3>
                        @foreach ($documentos as $documento)
                        <div class="col-lg-2 col-md-2 col-6 text-center">
                            <div class="service-details-item">
                                <img src="{!! asset('assets/img/pdf.png') !!}" alt="" width="100%">
                                <p style="font-size: 12px;"><strong>Titulo</strong> <br>{{ $documento->titulo_mado }}</p>
                                <a class="banner-btn-center" href={{ route('directorio.download.documento', $documento->codigo_mado) }}>
                                    <i class='bx bxs-file-pdf'></i>
                                    Descargar
                                </a>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <div class="col-lg-4 col-12">
                        @foreach ($imgs as $img)
                            @if ($img->url_publ)
                            <a href="{{ $img->url_publ }}" target="_blank">
                            @endif
                            <div class="card mt-4">
                                <div class="card-body">
                                    @if (File::exists(public_path('assets/documentos/public/'. $img->banner_publ)))
                                        <img src="{{ asset('assets/documentos/public/'. $img->banner_publ) }}" alt="Banner de publicidad" style="width: 100%;">
                                    @else
                                        <p>Imagen no disponible</p>
                                    @endif
                                </div>
                            </div>
                            @if ($img->url_publ)
                            </a>
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection