@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')

    <!-- Detalle de producto de la carta digital -->
    <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($producto->variants->isEmpty())
                                @if(isset($taxes_subdomain->data->landing->show_precio))
                                    <h5>${{ number_format($producto->precio_final, 2) }}</h5>
                                @endif
                            @else
                                <ul class="list-unstyled">
                                    @foreach($producto->variants as $variante)
                                        <li>
                                            {{ $variante->descripcion_completa }}
                                            @if(isset($taxes_subdomain->data->landing->show_precio))
                                                &mdash; ${{ number_format($variante->precio_final_efectivo, 2) }}
                                            @endif
                                        </li>
                                    @endforeach
                                </ul>
                            @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>
    <!-- Detalle de producto 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