@extends('layouts.dashboardnew')

@section('content')


@include('tienda.slider-tienda')


<div class="row">
    
    
    @include('tienda.filtros')

    

    <div class="col-md-12 col-12">
        <div class="row">

            <h3>Más Vistos</h3>
        
            @foreach($vistos as $vist)
            <div class="col-sm-4 col-lg-3 col-6">
                <div class="card d-block">
                    <a href="{{ route('tienda-show', ['slug' => $vist->slug]) }}">
                      <img class="card-img-top" src="{{$vist->img}}" alt="{{ $vist->title }}" loading="lazy">
                    </a>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="text-truncate">{{$vist->title}}</h4>
                                <p class="card-text text-truncate">{{$vist->categ->titulo}}</p>
                            </div>  

                            <div class="col-md-6 col-12">
                                <p class="card-text">
                                    @if($vist->estrellas > 0)
                                        @for($i=1; $i<=$vist->estrellas; $i++)
                                           <i class="fa fa-star text-warning"></i>
                                        @endfor
                                    @endif
                                </p>

                                {{--<div class="form-group mt-2 mb-2">
                                    <a class="producto_{{$vist->id}}" data-clipboard-text="{{ route('tienda-externa-show', ['slug' => $vist->slug]).'?tienda='.Auth::user()->user_login }}" onclick="copiboard('producto_{{$vist->id}}')" style="cursor:pointer;"> 
                                        <i class="fa-solid fa-copy me-2"></i>Copiar link
                                    </a>
                                </div>--}}
                            </div>

                            <div class="col-md-6 col-12">
                                <p class="card-text text-md-end">
                                    @if ($moneda->mostrar_a_d)
                                        {{$moneda->simbolo}} {{$vist->precio}}
                                    @else
                                        {{$vist->precio}} {{$moneda->simbolo}}
                                    @endif
                                </p>    
                            </div>
                            
                            <div class="col-md-12 col-12">
                                <div class="form-group mt-2">
                                   <a class="btn btn-info w-100" data-bs-toggle="modal" data-bs-target="#comprarapida" onclick="comprarapida('{{$vist->id}}','{{ $vist->precio }}','{{$vist->title}}','{{$vist->img}}','{{$vist->categ->titulo}}')">Añadir al carrito</a>  
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>    
            @endforeach


            
          <h3 class="mt-4">Recomendados</h3>
        
            @foreach($recomendados as $rec)
            <div class="col-sm-4 col-lg-3 col-6">
                <div class="card d-block">
                    <a href="{{ route('tienda-show', ['slug' => $rec->slug]) }}">
                      <img class="card-img-top" src="{{$rec->img}}" alt="{{ $rec->title }}" loading="lazy">
                    </a>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="text-truncate">{{$rec->title}}</h4>
                                <p class="card-text text-truncate">{{$rec->categ->titulo}}</p>
                            </div>  

                            <div class="col-md-6 col-12">
                                <p class="card-text">
                                    @if($rec->estrellas > 0)
                                        @for($i=1; $i<=$rec->estrellas; $i++)
                                           <i class="fa fa-star text-warning"></i>
                                        @endfor
                                    @endif
                                </p>

                                {{--<div class="form-group mt-2 mb-2">
                                    <a class="producto_{{$rec->id}}" data-clipboard-text="{{ route('tienda-externa-show', ['slug' => $rec->slug]).'?tienda='.Auth::user()->user_login }}" onclick="copiboard('producto_{{$rec->id}}')" style="cursor:pointer;"> 
                                        <i class="fa-solid fa-copy me-2"></i>Copiar link
                                    </a>
                                </div>--}}
                            </div>

                            <div class="col-md-6 col-12">
                                <p class="card-text text-md-end">
                                    @if ($moneda->mostrar_a_d)
                                        {{$moneda->simbolo}} {{$rec->precio}}
                                    @else
                                        {{$rec->precio}} {{$moneda->simbolo}}
                                    @endif
                                </p>    
                            </div>
                            
                            
                            <div class="col-md-12 col-12">
                                <div class="form-group mt-2">
                                   <a class="btn btn-info w-100" data-bs-toggle="modal" data-bs-target="#comprarapida" onclick="comprarapida('{{$rec->id}}','{{ $rec->precio }}','{{$rec->title}}','{{$rec->img}}','{{$rec->categ->titulo}}')">Añadir al carrito</a>  
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>    
            @endforeach


        </div>          
    </div>

</div>              


<!-- Compra Rapida -->
@include('tienda.compra_rapida.modal')


<div class="col-md-12 mb-3">
    <div class="swiper inferior-swiper">
        <div class="swiper-wrapper">
        
         @for($i=0; $i<$destacados->count(); $i++)
         <div class="swiper-slide">
             <img src="{{ asset('/anuncios/banner/'.$destacados[$i]->imagen) }}" class="swiper-gl-image">
         </div>
         @endfor


        </div>
    </div>
</div>

@endsection