@extends('academia.layouts.dashboard')

@section('content')


@if($banner->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($banner 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($banner 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>
                             
                </div>
            </div>

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



<div class="container-fluid">
    <div class="row">
        
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                  
                  @include('academia.tienda.filtro')
    
                </div>
            </div>    
        </div>
        
        
        <div class="col-md-9">
            
            <div class="card">
                <div class="card-body">

        	       <h3 class="text-black">Categorias</h3>
        	       
        	        <div class="row">
        	        @foreach($categorias as $cate)
        	            <div class="col-md-4">
                            <div class="card">
                               
                                <img class="img-fluid" src="{{asset('/recursos/'.$cate->cover)}}">
                                <div class="card-body">
                                    <h5 class="text-truncate mb-2 text-center">{{ $cate->title }}</h5>
                                    <p>
                                        <a class="btn btn-info btn-block text-white" href="{{ route('academia-tienda-show', ['tipo' => 1, 'categori' => $cate->id]) }}">
                                            <i class="fas fa-play-circle"></i> Ver más
                                        </a>
                                    </p>
                                </div>
                               
                            </div>
                        </div>
        	        @endforeach
        	        
        	        {{ $categorias->links('tienda.paginate.index') }}
        	        
        	        </div>
        	       
        	     </div>
        	 </div>
        	 
        	 
        	 @if($gratis->count() > 0)
        	 <div class="card">
                <div class="card-body">

        	       <h3 class="text-black">Gratis</h3>
        	        
        	       <div class="row">
        	             
        	            @foreach($gratis as $grat)
        	            <div class="col-md-4">
                            <div class="card">
                                <img class="img-fluid" src="{{asset('/cursos/'.$grat->cover)}}">
                                <div class="card-body">
                                    <h6 class="text-truncate">{{$grat->category->title}}</h6>
                                    <h5 class="card-title text-truncate">{{$grat->title}}</h5>
                                    <h6 class="text-truncate">{{$grat->mentor->display_name}}</h6>
                                    <h3 class="card-text">
                                        @if ($moneda->mostrar_a_d)
                                          {{$moneda->simbolo}} {{$grat->price}}
                                        @else
                                          {{$grat->price}} {{$moneda->simbolo}}
                                        @endif 
                                    </h3>    
                                    {{--<div class="ofuscar">
                                        {!! $grat->description !!}
                                    </div>--}}
                                    
                                    <p class="card-text text-center mt-3">
                                        <a class="btn btn-info text-white" href="{{ route('academia-tienda-cursos-show', ['slug' => $grat->slug]) }}">Comprar</a>
                                    </p>
                                    
                                </div>
                            </div>
                        </div>
        	            @endforeach
        	        
        	       </div>
        	            
        	       {{ $gratis->links('tienda.paginate.index') }}
        	             
        	   </div>
        	 </div>
        	 @endif
        	 
        	 
        	 @if($productos->count() > 0)
        	 <div class="card">
                <div class="card-body">
        	        
        	       <div class="row">
        	             
        	            @foreach($productos as $pro)
        	            <div class="col-md-4">
                            <div class="card">
                                <img class="img-fluid" src="{{asset('/cursos/'.$pro->cover)}}">
                                <div class="card-body">
                                    <h6 class="text-truncate">{{$pro->category->title}}</h6>
                                    <h5 class="card-title text-truncate">{{$pro->title}}</h5>
                                    <h6 class="text-truncate">{{$pro->mentor->display_name}}</h6>
                                    <h3 class="card-text">
                                        @if ($moneda->mostrar_a_d)
                                          {{$moneda->simbolo}} {{$pro->price}}
                                        @else
                                          {{$pro->price}} {{$moneda->simbolo}}
                                        @endif 
                                    </h3>    
                                    {{--<div class="ofuscar">
                                        {!! $pro->description !!}
                                    </div>--}}
                                    
                                    <p class="card-text text-center mt-3">
                                        <a class="btn btn-info text-white" href="{{ route('academia-tienda-cursos-show', ['slug' => $pro->slug]) }}">Comprar</a>
                                    </p>
                                    
                                </div>
                            </div>
                        </div>
        	            @endforeach
        	        
        	       </div>
        	            
        	       {{ $productos->links('tienda.paginate.index') }}
        	             
        	   </div>
        	</div>
        	@endif
        
        </div>
    </div>
</div>    


@endsection

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

</script>
@endpush