@extends('layouts.dashboardnew')

@section('content')


@if($slider->count() > 0)
<div class="container-fluid">
    <div class="row">
        <div class="col-12">

                	<div class="bootstrap-carousel">
                        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">

                            <ol class="carousel-indicators">

                            	@php
                                  $contslider = -1;
                                @endphp

                	            @foreach($slider as $slid)

                	            @php
                                 $contslider++;
                                @endphp

                            	@if($contslider == 0)
                                <li data-target="#carouselExampleIndicators" data-slide-to="{{$contslider}}" class="active"></li>
                                @else
                                <li data-target="#carouselExampleIndicators" data-slide-to="{{$contslider}}"></li>
                                @endif

                                @endforeach

                            </ol>

                            <div class="carousel-inner">
                                
                                @php
                                  $contslider = -1;
                                @endphp

                	            @foreach($slider as $slid)

                	            @php
                                 $contslider++;
                                @endphp

                                @if($contslider == 0)
                                <div class="carousel-item active">
                                    <img class="w-100 img-fluid" src="{{asset('/anuncios/banner/'.$slid->imagen)}}">
                                </div>
                                @else
                                <div class="carousel-item">
                                    <img class="w-100 img-fluid" src="{{asset('/anuncios/banner/'.$slid->imagen)}}">
                                </div>
                                @endif

                                @endforeach

                            </div>
                             
                             <a class="carousel-control-prev" href="#carouselExampleIndicators" data-slide="prev"><span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a>

                             <a class="carousel-control-next" href="#carouselExampleIndicators" data-slide="next"><span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span></a>

                        </div>
                    </div>

               
        </div>
    </div>
</div>
@endif


<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body store" data-clipboard-text="{{route('tienda-externa-index').'?tienda='.Auth::user()->user_login}}" onclick="copiboard('store')" style="cursor: pointer; border-left-style: solid; border-left-color: #843cf6;">
                    <div class="media"> 
                        
                        <img class="mr-3 img-fluid" src="{{ asset('fondo/5.jpg') }}" alt="Enlace referido" style="width:auto; height:50px;">
                        
                        <div class="media-body ocultar-linea">
                            <h5 class="mt-0">Enlace de Tienda</h5>
                            <h5>{{route('tienda-externa-index').'?tienda='.Auth::user()->user_login}}</h5>
                        </div>
                    </div>   
                </div>
            </div>
        </div>
    </div>
</div>    





<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            
            <div class="row">
                        
                <div class="col-md-3">
                    <div class="card">
                        <div class="card-body">
                            @include('tienda.componentes.filtros')
                        </div>
                    </div> 
                    
                    @foreach($destacados as $adi)
                    <div class="form-group">
                        <img class="w-100 img-fluid" loading="lazy" src="{{asset('/anuncios/banner/'.$adi->imagen)}}" alt="">
                    </div> 
                    @endforeach
                </div>
                        
                        
                <div class="col-md-9">
                    <div class="card">
                        <div class="card-body">
                                    
                            <h3 class="text-black">Más Vistos</h3>
                            
                            <div class="row">
                                @foreach($vistos as $vist)
                                <div class="col-md-4 col-sm-4">
                                    <div class="card">
                                        <img class="img-fluid" src="{{$vist->guid}}" loading="lazy">
                                        <div class="card-body">
                                            <h5 class="card-title text-center text-truncate">{{$vist->post_title}}</h5>
                                            <p class="card-text text-center">
                                                  @if($vist->pinged > 0)
                                        	         @for($i=1; $i<=$vist->pinged; $i++)
                                        	  	         <i class="fa fa-star text-warning"></i>
                                        	         @endfor
                                                  @endif 
                                            </p>
                                            <h3 class="card-text text-center text-success">
                                                @if ($moneda->mostrar_a_d)
                                                  {{$moneda->simbolo}} {{$vist->meta_value}}
                                                @else
                                                  {{$vist->meta_value}} {{$moneda->simbolo}}
                                                @endif 
                                            </h3>    
                                           
                                        </div>
                               
                                        <p class="card-text d-inline">
                                            <small class="text-muted">
                                            
                                        	   <a class="btn btn-info btn-block text-white" href="{{route('tienda-show', $vist->post_name)}}">Comprar</a>
                                        	
                                            </small>
                                        </p>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>    
                            
                    
                    <div class="card">
                        <div class="card-body">
                                    
                            <h3 class="text-black">Recomendados</h3>

                            <div class="row">
                                @foreach($recomendados as $rec)
                                <div class="col-md-4 col-sm-4">
                                    <div class="card">
                                        <img class="img-fluid" src="{{$rec->guid}}" loading="lazy">
                                        <div class="card-body">
                                            <h5 class="card-title text-center text-truncate">{{$rec->post_title}}</h5>
                                            <p class="card-text text-center">
                                                @if($rec->pinged > 0)
                                        	        @for($i=1; $i<=$rec->pinged; $i++)
                                        	  	        <i class="fa fa-star text-warning"></i>
                                        	        @endfor
                                                @endif 
                                            </p>
                                            <h3 class="card-text text-center text-success">
                                                @if ($moneda->mostrar_a_d)
                                                  {{$moneda->simbolo}} {{$rec->meta_value}}
                                                @else
                                                  {{$rec->meta_value}} {{$moneda->simbolo}}
                                                @endif 
                                            </h3>
                                            
                                        </div>
                               
                                        <p class="card-text d-inline">
                                            <small class="text-muted">
                                            
                                        	    <a class="btn btn-info btn-block text-white" href="{{route('tienda-show', $rec->post_name)}}">Comprar</a>
                                        	
                                            </small>
                                        </p>
                                
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>    
                            
                </div>      
            </div>
                
        </div>
    </div>
</div>                   

@endsection


@push('script')
<script type="text/javascript">

    function enviarctaegoria(){
        $('#categoriaform').submit();
    }
    
    function mostrarmas(){
        $('#mostrarmasform').submit();
    }
    
    function estrellasfiltro(){
        $('#estrellasform').submit();
    }
    
</script>
@endpush