@extends('taxes_subdomain.layouts.subdomain.catalogo_generico.layout.app')

@section('imagen_principal')
    @include('taxes_subdomain.layouts.subdomain.catalogo_generico.layout.imagen_principal')
@endsection

@section('content')


    <!-- Repito Imagen principal -->
    <section class="featured spad">
        <div class="container">
            <div class="row featured__filter">
                <div class="col-lg-3 col-md-4 col-sm-6 mix fresh-meat">
                    <h2>
                        {{$producto->texto_corto}}
                    </h2>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 mix fresh-meat">
                    <p>{{$producto->texto_largo}}</p>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 mix fresh-meat">
                    <div class="featured__item">
                        @if(isset($producto->foto))
                            <div class="featured__item__pic set-bg"
                                 data-setbg="{{ asset("storage/productos/$producto->foto") }}">
                            </div>
                        @else
                            <div class="featured__item__pic set-bg"
                                 data-setbg="{{ asset("storage/productos/producto_sin_foto.webp") }}">
                            </div>
                        @endif
                        <div class="featured__item__text">
                            <h6>{{ $producto->descripcion }}</h6>
                            @if($taxes_subdomain->data->landing->show_precio)
                                <h5>${{ $producto->precio_final }}</h5>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 mix fresh-meat">
                    <a href="/" class="btn btn-info">VOLVER</a>
                </div>
            </div>
        </div>
    </section>
    <!-- Repito Imagen principal End -->


    <!-- Carrusel de todas las otras fotos -->
    <section class="categories spad">
        <div class="container">
            <div class="row">
                <div class="categories__slider owl-carousel">
                    @foreach($producto->fotos as $foto)
                        <div class="col-lg-3">
                            <div class="categories__item set-bg"
                                 data-setbg="{{ asset("storage/productos/$foto->foto") }}"></div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </section>
    <!-- Categories Section End -->

@endsection