@extends('layouts.tienda')

@section('content')


<div class="container-fluid tope-imagen">
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-center">
                <div class="col-10">
                    <div class="row">
                        
                        <div class="col-md-3 mt-5">
                            @include('tienda.store.filtros')
                        </div>
                        
                        <div class="col-md-9 mt-5">
                            <div class="row">
                                
                        @foreach($productos as $pro)
                            <div class="col-md-4">
                                <div class="card">
                                    <a class="text-center" href="{{ route('tienda-externa-show', ['slug' => $pro->post_name]) }}">
                                       <img class="img-fluid" src="{{ $pro->guid }}" alt="">
                                    </a>
                                    <div class="card-body">
                                        <div class="row colapse-row">
                                            <div class="col-md-7 col-12">
                                               <h5 class="product-title text-truncate mb-0">{{ $pro->post_title }}</h5> 
                                               
                                               <p class="text-category mb-0">{{ $pro->name }}</p>
                                               
                                               <p class="card-text mb-0">
                                        	       <p>
                                        	           <i class="fa fa-star text-azulclaro"></i> {{ $pro->pinged }}
                                        	       </p>
                                               </p>
                                            </div>
                                    
                                            <div class="col-md-5 col-12 text-md-right">
                                                
                                                <h5 class="product-title text-truncate">
                                                    @if ($moneda->mostrar_a_d)
                                                      {{$moneda->simbolo}} {{ $pro->precio }}
                                                    @else
                                                      {{ $pro->precio }} {{$moneda->simbolo}}
                                                    @endif 
                                                </h5>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        
                        <div class="col-md-12">
                            <div class="form-group">
                               {{ $productos->appends(['tipo' => request()->tipo, 'precios' => request()->precios, 'categoria' => request()->categoria, 'radio' => request()->radio])->links('tienda.paginate.tienda_externa_paginate') }}        
                            </div>
                        </div>
                        
                        
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>    
    </div>
</div>

@endsection


@push('script')
<script type="text/javascript">
  
    $('#range_03').ionRangeSlider({
        type: "double",
        grid: true,
        min: 0,
        max: 50000,
        from: 200,
        to: 48000,
        prefix: "$"
    });
    
    
    function filtrarcategorias(){
        $('#filtrarcategorias').submit();
    }
    
    function filtrardatosadicional(){
        $('#filtrardatosadicional').submit();
    }

</script>
@endpush