@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>Código - {{ $datos->dtc_codi }}</h2>
            <ul>
                <li>
                    <a href="{{ route('index') }}">Inicio</a>
                </li>
                <li>
                    <i class='bx bx-chevron-right'></i>
                </li>
                <li>Código DTC</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-8 col-12">
                <div class="service-details-item">
                    <h3 class="text-center">{{ $datos->titulo_codi }}</h3>
                    <p>{!! $datos->descripcion_codi !!}</p>
                    <h3 class="text-center">Solución</h3>
                    <p>{!! $datos->solucion_codi !!}</p>
                </div>
            </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>
@endsection