@extends('layouts.dashboardnew')

@section('content')

<div class="row">
    
    @include('tienda.filtros')
    
    <div class="col-md-12 col-12">
        <div class="row">

            @foreach($productos 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>

                            <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

            {{ $productos->links('tienda.paginate.index') }}

        </div>          
    </div>

</div>          


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


@endsection