@extends('layouts.dashboardnew')

@section('content')	

@include('dashboard.componentes.pop')

<div class="row g-3">

    {{-- seccion de slider --}}
    @include('dashboard.componentes.slider')
    
    
    <div class="col-sm-8 col-lg-9">
        
        <div class="row g-3 mb-1">

            @include('dashboard.componentes.anuncios')
            
            @include('dashboard.componentes.cuadros')
            
            @include('dashboard.componentes.ventas')

            @include('dashboard.componentes.graficas')

            @include('dashboard.componentes.lideres')
        
        </div>
        
        
        {{-- seccion de materiales --}}
        @include('dashboard.componentes.materiales')
        
    </div>


    <div class="col-sm-4 col-lg-3">
        <div class="position-sticky overflow-auto custom-scroll" style="top: 1rem; max-height: calc(100vh - 2rem);">
            @include('dashboard.componentes.menu_lateral')
        </div>
    </div>

    
</div>    


@include('dashboard.modal.diferenciadias')
@include('dashboard.modal.realizarpago')

@endsection   

@push('script')
<script type="text/javascript">
    
$(document).ready(function(){
    if('{{Auth::user()->rol_id}}' == 0){
        if('{{$diferenciaBloqueo['diferencia']}}' >= 1 && '{{$diferenciaBloqueo['diferencia']}}' <= 5){
           $('#diferenciadias').modal('show');
        }else if('{{$diferenciaBloqueo['diferencia']}}' == 0){
           $('#realizarpago').modal('show'); 
        }
    }
});


</script>
@endpush