@extends('template.layoutAdmin', ['activeButton'=>''])
@section('title')
    {{ trans('dashboard.dashboard') }}
@endsection

@section('cabecera')
    <h1>
      {{ trans('dashboard.dashboard') }}
      <small>{{ trans('dashboard.controlpanel') }}</small>
    </h1>
@endsection

@section('contenido')
    {{-- Restaurante --}}
    @isRest
        @if(auth()->user()->active < 4 && auth()->user()->active > 1)
            @if (auth()->user()->idPerfil == 68)
                <div class="col-md-12" id="solicitudPublicarE">
                    <div class="box" >
                        <div class="box-header">
                            <div class="row">
                                <div class="col-md-8">
                                    
                                </div>
                                <div class="col-md-4 text-right">
                                    @if(auth()->user()->active != 3)
                                            <a class="btn btn-success" onclick="sendSolicitudEats()" >{{trans('dashboard.publicarRest')}}</a>
                                    @else
                                        <a href="JavaScript:;" class="btn btn-danger disabled">{{  trans('dashboard.esperandoAceptacion') }}</a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="col-md-12" id="solicitudPublicar">
                    <div class="box" >
                        <div class="box-header">
                            <div class="row">
                                <div class="col-md-8">
                                    <h5 class="box-title text-uppercase text-muted mb-2"> {{  trans('dashboard.datosFaltantes') }}
                                        <br></h5>
                                </div>
                                <div class="col-md-4 text-right">
                                    @if(auth()->user()->active != 3)
                                        @if($data['send'])
                                            <a href="JavaScript:;" class="btn btn-success" onclick="sendSolicitud()"> {{  trans('dashboard.publicar') }}</a>
                                        @else
                                            <a href="JavaScript:;" class="btn btn-danger disabled"> {{  trans('dashboard.faltanDatos') }}</a>
                                        @endif
                                    @else
                                        <a href="JavaScript:;" class="btn btn-danger disabled">
                                            {{  trans('dashboard.esperandoAceptacion') }}
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-12 text-left">
                                    <div class="justify-content-end">
                                        <input type="checkbox" class="form-check-input"id="checkAccion5" {{$data['rol'] == true? 'checked': ''}} disabled>
                                        <label class="form-check-label" for="checkAccion5"> {{  trans('dashboard.rolesR') }} </label>
                                        <br>
                                    </div>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small> {{  trans('dashboard.esNecesario1Rol') }}<a href="{{route('roles.index')}}" target="_blank" class="btn-sm" > {{  trans('dashboard.irARoles') }}</a></small>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 text-left">
                                    <div class="justify-content-end">
                                        <input type="checkbox" class="form-check-input" id="checkAccion4" {{$data['caja'] == true? 'checked': ''}} disabled>
                                        <label class="form-check-label" for="checkAccion4"> {{  trans('dashboard.cajas') }}</label>
                                        <br>
                                    </div>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small>
                                        {{  trans('dashboard.esNecesarioCrearCaja') }}
                                        <a href="{{route('indexCaja')}}" target="_blank" class="btn-sm" > {{  trans('dashboard.irACaja') }}   </a></small>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 text-left">
                                    <div class="justify-content-end">
                                        <input type="checkbox" class="form-check-input" id="checkAccion6" {{$data['comanda'] == true? 'checked': ''}} disabled>
                                        <label class="form-check-label" for="checkAccion6">
                                            {{  trans('dashboard.comadna') }}

                                        </label>
                                        <br>
                                    </div>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small> {{  trans('dashboard.comanda1minimo') }}    <a href="{{route('indexComanda')}}" target="_blank" class="btn-sm" > {{  trans('dashboard.irAcomandas') }}</a></small>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 text-left">
                                    <div class="justify-content-end">
                                        <input type="checkbox" class="form-check-input" id="checkAccion3" {{$data['trabajador'] == true? 'checked': ''}} disabled>
                                        <label class="form-check-label" for="checkAccion3"> {{  trans('dashboard.trabajadores') }}  </label>
                                        <br>
                                    </div>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small> {{  trans('dashboard.posTrabajadores') }} <a href="{{route('trabajadores')}}" target="_blank" class="btn-sm" > {{  trans('dashboard.irAtrabajadores') }} </a></small>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 text-left">
                                    <div class="justify-content-end">
                                        <input type="checkbox" class="form-check-input" id="checkAccion7" {{$data['servicio'] == true? 'checked': ''}} disabled>
                                        <label class="form-check-label" for="checkAccion7">Servicios</label>
                                        <br>
                                    </div>
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small> {{  trans('dashboard.esNecesario1Trabajador') }} <a href="{{route('miPerfil')}}/#servicios" target="_blank" class="btn-sm" > {{  trans('dashboard.irServicio') }}</a></small>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 text-left">
                                    <div class="justify-content-end">
                                        <input type="checkbox" class="form-check-input" id="checkAccion_9" {{$data['horario'] == true ? 'checked': ''}} disabled>
                                        <label class="form-check-label" for="checkAccion_9"> {{  trans('dashboard.horarios') }}
                                        </label>
                                        <br>
                                    </div>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small>{{  trans('dashboard.necesarioQueTengaUnHorario') }}<a href="{{route('horarios.restaurante')}}" target="_blank" class="btn-sm" >{{  trans('dashboard.irAhorario') }}</a></small>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 text-left">
                                    <div class="justify-content-end" >
                                        <input type="checkbox" class="form-check-input" id="checkAccion_8" {{$data['moneda'] == true? 'checked': ''}} disabled>
                                        <label class="form-check-label" for="checkAccion_8"> {{  trans('dashboard.moneda') }} </label>
                                        <br>
                                    </div>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small> {{  trans('dashboard.esnecesarioMoneda') }}	<a href="{{route('miPerfil')}}/#monedas" target="_blank" class="btn-sm" > {{  trans('dashboard.irAmoneda') }}</a></small>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 text-left">
                                    <div class="justify-content-end">
                                        <input type="checkbox" class="form-check-input" id="checkAccion1" {{$data['categoria'] == true? 'checked': ''}} disabled>
                                        <label class="form-check-label" for="checkAccion1">
                                            {{  trans('dashboard.categoriasDePlatos') }}
                                        </label>
                                        <br>
                                    </div>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small> {{  trans('dashboard.esNecesarioPlato') }}<a href="{{route('listCatP')}}" target="_blank" class="btn-sm" >
                                        {{  trans('dashboard.irAcategoria') }}
                                    </a></small>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 text-left">
                                    <div class="justify-content-end">
                                        <input type="checkbox" class="form-check-input" id="checkAccion2" {{$data['productos'] == true? 'checked': ''}} disabled>
                                        <label class="form-check-label" for="checkAccion2"> {{  trans('dashboard.platos') }}  </label>
                                        <br>
                                    </div>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small> {{  trans('dashboard.minimo5Platos') }} <a href="{{route('productos')}}" target="_blank" class="btn-sm" > {{  trans('dashboard.irAplatos') }}</a></small>
                                </div>
                            </div>

                            @if($data['ordenar'] == true)
                                <div class="row">
                                    <div class="col-md-12 text-left">
                                        <div class="justify-content-end">
                                            <input type="checkbox" class="form-check-input" id="checkAccion1" {{$data['zonasMesas'] == true? 'checked': ''}} disabled>
                                            <label class="form-check-label" for="checkAccion1">
                                                {{  trans('dashboard.ZonasMesas') }}
                                            </label>
                                            <br>
                                        </div>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small> {{  trans('dashboard.esNecesarioZonasMesas') }}<a href="{{route('indexZonas')}}" target="_blank" class="btn-sm" >
                                            {{  trans('dashboard.irAZonasMesas') }}
                                        </a></small>
                                    </div>
                                </div>
                            @endif

                            @if($data['reserva'] == true)
                                <div class="row">
                                    <div class="col-md-12 text-left">
                                        <div class="justify-content-end">
                                            <input type="checkbox" class="form-check-input" id="checkAccion1" {{$data['aforo'] == true? 'checked': ''}} disabled>
                                            <label class="form-check-label" for="checkAccion1">
                                                {{  trans('dashboard.Aforo') }}
                                            </label>
                                            <br>
                                        </div>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small> {{  trans('dashboard.esNecesarioAforo') }}<a href="{{route('aforo.index')}}" target="_blank" class="btn-sm" >
                                            {{  trans('dashboard.irAforo') }}
                                        </a></small>
                                    </div>
                                </div>
                            @endif

                            @if($data['domicilio'] == true)
                                <div class="row">
                                    <div class="col-md-12 text-left">
                                        <div class="justify-content-end">
                                            <input type="checkbox" class="form-check-input" id="checkAccion1" {{$data['zonasRestaurante'] == true? 'checked': ''}} disabled>
                                            <label class="form-check-label" for="checkAccion1">
                                                {{  trans('dashboard.zonasRestaurante') }}
                                            </label>
                                            <br>
                                        </div>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small> {{  trans('dashboard.esNecesariozonasRestaurante') }}<a href="{{route('zonas.restaurantes.index')}}" target="_blank" class="btn-sm" >
                                            {{  trans('dashboard.irzonasRestaurante') }}
                                        </a></small>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12 text-left">
                                        <div class="justify-content-end">
                                            <input type="checkbox" class="form-check-input" id="checkAccion1" {{$data['tipoDomiciliario'] == true  ? 'checked': ''}} disabled>
                                            <label class="form-check-label" for="checkAccion1">
                                                {{  trans('dashboard.domiciliario') }}
                                            </label>
                                            <br>
                                        </div>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small> {{  trans('dashboard.esNecesarioDomiciliario') }}<a href="{{route('miPerfil')}}" target="_blank" class="btn-sm" >
                                            {{  trans('dashboard.irDomiciliario') }}
                                        </a></small>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            @endif
        @else
            @if (auth()->user()->idPerfil == 68)
                <div class="text-center">
                    <br>
                    <br>

                    <h1 class="text-center" style="color: #BA282F; font-size: 70px;"><strong>BIENVENIDOS!</strong></h1>
                    <br>
                    <br>
                </div>
                <div class="text-center">
                    <b class="logo">
                        <span class="light-logo"><img src="{{asset('images/NovuEats.png')}}" alt="logo" style="height: auto;" width="250"></span>
                    </b>
                </div>
            @else
                <div class="row">
                    <div class="col-xl-5" >
                        <div class="box" >
                            <div class="box-header">
                                <div class="row">
                                    <div class="col-md-6">
                                        <h5 class="box-title text-uppercase text-muted mb-2"> {{  trans('dashboard.totalVentas') }}
                                            <br> <small> {{  trans('dashboard.todoElAño') }}
                                                - {{date('Y')}}</small></h5>
                                    </div>
                                    <div class="col-md-6 text-right mt-5">
                                        {{-- <a class="btn btn-info" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                                            <i class="fa fa-filter" aria-hidden="true"></i>
                                        </a> --}}
                                        <a class="btn-sm btn-info" title="Ver más" href="{{route('dashboard.ventas.periodicas')}}">
                                            <i class="fa fa-arrow-right"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="box-body" style="height: 300px;" id="totalVentasAno">
                                {{-- <table class="table table-striped border shadow-sm margin-top-10 text-center table-sm">
                                    <tbody>

                                        <tr>
                                            <td scope="col"> {{  trans('dashboard.diario') }}
                                            </td>
                                            <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['dia'][0]->total == null?'0': number_format($data['ventasRangos'][0]['dia'][0]->total, 1, ',', '.')}}</td>

                                        </tr>
                                        <tr>
                                            <td scope="col"> {{  trans('dashboard.semanal') }}
                                            </th>
                                            <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['semana'][0]->total == null?'0':number_format($data['ventasRangos'][0]['semana'][0]->total, 1, ',', '.')}}</td>
                                        </tr>
                                        <tr>
                                            <td scope="col"> {{  trans('dashboard.mensual') }}
                                            </td>
                                            <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['mes'][0]->total == null?'0':number_format($data['ventasRangos'][0]['mes'][0]->total, 1, ',', '.')}}</td>
                                        </tr>
                                        <tr>
                                            <td scope="col"> {{  trans('dashboard.anual') }}
                                            </td>
                                            <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['año'][0]->total == null?'0':number_format($data['ventasRangos'][0]['año'][0]->total, 1, ',', '.')}}</td>
                                        </tr>
                                    </tbody>
                                </table> --}}
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7">

                        <div class="box">

                            <div class="box-header">
                                <h5 class="box-title text-uppercase text-muted mb-2"> {{  trans('dashboard.pedidosMensuales') }}<br> <small> {{  trans('dashboard.delAños') }} - {{date('Y')}}</small></h5>
                            </div>
                            <div class="box-body"  >
                                <canvas id="ventaMensuales" width="400" height="150"></canvas>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-8">
                        <div class="box">
                            <div class="box-header">
                                <div class="row">
                                    <div class="col-md-6">
                                        <h5 class="box-title text-uppercase text-muted mb-2"> {{  trans('dashboard.totalPlatos') }}<br> <small> {{  trans('dashboard.platosMayorDemanda') }} </small></h5>
                                    </div>
                                    <div class="col-md-6 text-right mt-5">
                                        {{-- <a class="btn btn-info" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                                            <i class="fa fa-filter" aria-hidden="true"></i>
                                        </a> --}}
                                        <a class="btn-sm btn-info" title="Ver más" href="{{route('dashboard.top.demanda')}}">
                                            <i class="fa fa-arrow-right"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="box-body">
                                <table class="table table-striped border shadow-sm margin-top-10 text-center table-sm">
                                    <thead class="">
                                            <tr>
                                                <th scope="col"> {{  trans('dashboard.top') }}</th>
                                                <th scope="col"></th>
                                                <th scope="col"> {{  trans('dashboard.nombre') }} </th>
                                                <th scope="col"> {{  trans('dashboard.cantidad') }}</th>
                                            </tr>
                                    </thead>
                                    <tbody id="topProductosRest">
                                            {{-- @if(count($data['top']) > 0)
                                                    @foreach($data['top'] as $t)
                                                    <tr>
                                                            <td>{{  trans('dashboard.top') }} {{$loop->iteration}}</td>
                                                            <td>
                                                                @if($t->img == null)
                                                                <img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/sinImagen/fotoSinImagen/sinImagen.jpg'}}" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" width="50">
                                                                @else
                                                                <img class="img-responsive" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" src="{{env('Image')}}{{$t->img}}" width="50">
                                                                @endif
                                                            </td>
                                                            <td>{{$t->nombre}}</td>
                                                            <td>{{$t->cantidad}}</td>

                                                    </tr>
                                                    @endforeach
                                            @else

                                            <!-- <td colspan="9" >No se encontraron registros</td> -->
                                            @endif --}}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4">
                        <div class="box">
                            <div class="box-header">
                                <div class="row">
                                    <div class="col-md-8">
                                        @php
                                            $meses = array('Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre');
                                            $meses_ingles = array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
                                        @endphp
                                        @if ( App::getLocale() != 'es')
                                            <h5 class="box-title text-uppercase text-muted mb-2"> {{  trans('dashboard.ventasMes') }} <br> <small> {{  trans('dashboard.porCadaServicio') }}{{$meses_ingles[date('m')-1]}}</small></h5>
                                        @else
                                            <h5 class="box-title text-uppercase text-muted mb-2"> {{  trans('dashboard.ventasMes') }} <br> <small> {{  trans('dashboard.porCadaServicio') }}{{$meses[date('m')-1]}}</small></h5>
                                        @endif
                                    </div>
                                    <div class="col-md-4 text-right mt-5">
                                        {{-- <a class="btn btn-info" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                                            <i class="fa fa-filter" aria-hidden="true"></i>
                                        </a> --}}
                                        <a class="btn-sm btn-info" title="Ver más" href="{{route('dashboard.ventas.periodicas').'?filter=month'}}">
                                            <i class="fa fa-arrow-right"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="box-body">
                                <div class="container" style="/* position: relative; */">
                                    <canvas id="ventaServicios" width="270" height="270"></canvas>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <div class="box">
                            <div class="box-header">
                                <h5 class="box-title text-uppercase text-muted mb-2">{{ trans('dashboard.grafica') }}<br> <small> {{  trans('dashboard.ultimos7Dias') }}	</small></h5>
                            </div>
                            <div class="box-body">
                                <canvas id="graficaLinealDias"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        @endif
    @endisRest

    @isAdmin
        <div class="row">
            <div class="col-xl-7">
                <div class="box">
                    <div class="box-header">
                        <div class="row">
                            <div class="col-md-6">
                                <h5 class="box-title text-uppercase text-muted mb-2"> {{  trans('dashboard.totalVentas') }}	<br> <small> {{  trans('dashboard.enTodoAño') }}{{date('Y')}}</small></h5>
                            </div>
                            <div class="col-md-6 text-right mt-5">
                                <a class="btn-sm btn-info" title="Ver más" href="{{route('dashboard.ventas.periodicas')}}">
                                    <i class="fa fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="box-body " style="align-items: center;" id="totalVentas">
                        
                    </div>
                </div>
            </div>
            <div class="col-xl-5">
                <div class="box ">
                    <div class="box-header">
                        <div class="row">
                            <div class="col-md-8">
                                @php
                                    $meses = array('Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre')
                                @endphp
                                <h5 class="box-title text-uppercase text-muted mb-2"> {{  trans('dashboard.ventasMes') }} <br> <small> {{  trans('dashboard.porCadaServicio') }}{{$meses[date('m')-1]}}</small></h5>
                            </div>
                            <div class="col-md-4 text-right mt-5">

                                <a class="btn-sm btn-info" title="Ver más" href="{{route('dashboard.ventas.periodicas').'?filter=month'}}">
                                    <i class="fa fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="box-body text-center">
                        <div class="container" style="/* position: relative; */">
                            <canvas id="ventaServicios" width="270" height="270"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-6">
                <div class="box">
                    <div class="box-header">
                        <div class="row">
                            <div class="col-md-6">
                                <h5 class="box-title text-uppercase text-muted mb-2">  {{  trans('dashboard.topRestaurante') }}	  <br> <small> {{  trans('dashboard.restaurantesMayorDemanda') }} </small></h5>
                            </div>
                            <div class="col-md-6 text-right mt-5">
                                <a class="btn-sm btn-info" title="Ver más" href="{{route('dashboard.top.restaurantes')}}?typeList=false">
                                    <i class="fa fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="box-body" id="topProductosRest">
                        <table class="table table-striped border shadow-sm margin-top-10 text-center table-sm">
                            <thead class="">
                                    <tr>
                                        <th scope="col"> {{  trans('dashboard.top') }} </th>
                                        <th scope="col"> {{  trans('dashboard.imagen') }}</th>
                                        <th scope="col"> {{  trans('dashboard.nombre') }} </th>
                                        <th scope="col"> {{  trans('dashboard.cantidadVentas') }}
                                        </th>
                                    </tr>
                            </thead>
                            <tbody id="topRestauranteDemanda">
                                    
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="box">
                    <div class="box-header">
                        <div class="row">
                            <div class="col-md-6">
                                <h5 class="box-title text-uppercase text-muted mb-2">  {{  trans('dashboard.topRestaurante') }}  <br> 
                                    <small>
                                        {{  trans('dashboard.restaurantesMayoGanancias') }}
                                    </small>
                                </h5>
                            </div>
                            <div class="col-md-6 text-right mt-5">
                                <a class="btn-sm btn-info" title="Ver más" href="{{route('dashboard.top.restaurantes')}}?typeList=true">
                                    <i class="fa fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="box-body">
                        <table class="table table-striped border shadow-sm margin-top-10 text-center table-sm">
                            <thead class="">
                                <tr>
                                    <th scope="col"> {{  trans('dashboard.top') }} </th>
                                    <th scope="col"> {{  trans('dashboard.imagen') }}</th>
                                    <th scope="col"> {{  trans('dashboard.nombre') }} </th>
                                    <th scope="col"> {{  trans('dashboard.precio') }}

                                    </th>
                                </tr>
                            </thead>
                            <tbody id="topRestauranteGanancia">
    
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-6">
                <div class="box">
                    <div class="box-header">
                        <h5 class="box-title text-uppercase text-muted mb-2">
                            {{  trans('dashboard.grafica') }}
                            <br> 
                            <small>
                                {{  trans('dashboard.ultimos7Dias') }}
                            </small>
                        </h5>
                    </div>
                    <div class="box-body" id="grafica">
                        <canvas id="graficaLinealDias"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="box">
                    <div class="box-header">
                        <h5 class="box-title text-uppercase text-muted mb-2">
                            {{  trans('dashboard.pedidosMensuales') }}
                            <br> <small {{  trans('dashboard.delAños') }}{{date('Y')}}</small></h5>
                    </div>
                    <div class="box-body" id="ventasMensuales">
                        <canvas id="ventaMensuales" width="400" height="200"></canvas>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-6" >
                <div class="box">
                    <div class="box-header">
                        <h5 class="box-title text-uppercase text-muted mb-2">
                            {{  trans('dashboard.usuariosActuales') }}
                            <br> 
                            <small> 
                                {{  trans('dashboard.numeroUsuarioActualmente') }}
                            </small> 
                        </h5>
                    </div>
                    <div class="box-body" id="usuariosActuales">
                        
                    </div>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="box">
                    <div class="box-header">
                        <h5 class="box-title text-uppercase text-muted mb-2">{{  trans('dashboard.restActuales') }}<br><small>{{  trans('dashboard.numeroRestActualmente') }}</small> </h5>
                    </div>
                    <div class="box-body" id="tipoRestaurante">
                        
                    </div>
                </div>
            </div>
        </div>
    @endisAdmin
@endsection

@section('js')
    <script>
        var finish = 0;
        var done = 0;
        $( window ).on( "load", function() {
            @isAdmin
                ventasServicioPorDiaAdmin();
                ventasServicioPorMesAdmin();
                ventasServicioPorMesAdmin('pop');
                ventasTotalesAdmin();
                usuariosAdmin();
                restauranteAdmin();
                topProductosRestauranteAdmin('top');
                topProductosRestauranteAdmin('money');
                finish = 8;
            @endisAdmin
        
            @if(auth()->user()->idPerfil != 68)
                @isRest
                    ventasServicioPorDia();
                    ventasServicioPorMes('pop');
                    ventasServicioPorMes();
                    topProductosVendidos();
                    ventasTotales();
                    finish = 5;
                @endisRest
            @endif
        });

        @isAdmin

            function ventasServicioPorDiaAdmin() {
                $.ajax({
                    url: UrlHost_+"/administrator/dashboard/ventasServicioPorDia/Admin/null",
                    type: 'get',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                                swal({
                                    title: " {{ trans('payments.cargando') }} ",
                                    text: " {{ trans('payments.espereUnMomento') }} ",
                                    showConfirmButton: true,
                                });
                            },
                    success: function(response){
                        if(response.code == 200)
                        {
                            cargarGraficaDiario(response.data)
                            done ++;
                            if(finish == done)
                            {
                                swal.close();
                            }
                        }else{
                            switch (response.code)
                            {
                                case 400:
                                    swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                    break;
                                case 500:
                                    swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                    break;
                            }
                        }
                    }
                });
            }

            function ventasServicioPorMesAdmin(tipo = null) {
                var url = "";
                if (tipo == null)
                {
                    url = UrlHost_+"/administrator/dashboard/ventasServicioPorMes/Admin/";
                }else{
                    url = UrlHost_+"/administrator/dashboard/ventasServicioPorMes/Admin/"+tipo;
                }
                $.ajax({
                    url: url,
                    type: 'get',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                                swal({
                                    title: " {{ trans('payments.cargando') }} ",
                                    text: " {{ trans('payments.espereUnMomento') }} ",
                                    showConfirmButton: true,
                                });
                            },
                    success: function(response){
                        if(response.code == 200)
                        {
                            if(tipo != null)
                            {
                                cargarGrafiicaAnual(response.data)
                            }else{
                                ventasMes(response.data)
                            }
                            done ++;
                            if(finish == done)
                            {
                                swal.close();
                            }
                        }else{
                            switch (response.code)
                            {
                                case 400:
                                    swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                    break;
                                case 500:
                                    swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                    break;
                            }
                        }
                    },
                    error: function(xhr){
                        swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                    }
                });
            }

            function ventasTotalesAdmin() {
                $.ajax({
                    url: UrlHost_+"/administrator/dashboard/ventasTotales/Admin",
                    type: 'get',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                                swal({
                                    title: " {{ trans('payments.cargando') }} ",
                                    text: " {{ trans('payments.espereUnMomento') }} ",
                                    showConfirmButton: true,
                                });
                            },
                    success: function(response){
                        if(response.code == 200)
                        {
                            var dato= response.data;
                            $("#totalVentas").append(`
                            <table class="table table-striped border shadow-sm margin-top-10 text-center table-sm table-responsive">
                                <thead>
                                    <tr>
                                        <th scope="col">{{  trans('dashboard.rango') }} </th>
                                        <th scope="col">{{  trans('dashboard.ganancias') }}</th>
                                        <th scope="col">{{  trans('dashboard.domicilios') }}</th>
                                        <th scope="col">{{  trans('dashboard.paraLlevar') }}</th>
                                        <th scope="col">{{  trans('dashboard.ordenar') }}</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    <tr>
                                        <td scope="col">{{  trans('dashboard.diario') }}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['dia'][0].total == null?'0': Intl.NumberFormat().format(dato[0]['dia'][0].total, 1, ',', '.')}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['dia'][0].domicilios == null?'0': Intl.NumberFormat().format(dato[0]['dia'][0].domicilios, 1, ',', '.')}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['dia'][0].parallevar == null?'0': Intl.NumberFormat().format(dato[0]['dia'][0].parallevar, 1, ',', '.')}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['dia'][0].ordenar == null?'0': Intl.NumberFormat().format(dato[0]['dia'][0].ordenar, 1, ',', '.')}</td>
                                    </tr>
                                    <tr>
                                        <td scope="col">{{  trans('dashboard.semanal') }}</th>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['semana'][0].total == null?'0':Intl.NumberFormat().format(dato[0]['semana'][0].total, 1, ',', '.')}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['semana'][0].domicilios == null?'0': Intl.NumberFormat().format(dato[0]['semana'][0].domicilios, 1, ',', '.')}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['semana'][0].parallevar == null?'0': Intl.NumberFormat().format(dato[0]['semana'][0].parallevar, 1, ',', '.')}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['semana'][0].ordenar == null?'0': Intl.NumberFormat().format(dato[0]['semana'][0].ordenar, 1, ',', '.')}</td>
                                    </tr>
                                    <tr>
                                        <td scope="col">{{  trans('dashboard.mensual') }}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['mes'][0].total == null?'0':Intl.NumberFormat().format(dato[0]['mes'][0].total, 1, ',', '.')}</td>

                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['mes'][0].domicilios == null?'0': Intl.NumberFormat().format(dato[0]['mes'][0].domicilios, 1, ',', '.')}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['mes'][0].parallevar == null?'0': Intl.NumberFormat().format(dato[0]['mes'][0].parallevar, 1, ',', '.')}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['mes'][0].ordenar == null?'0': Intl.NumberFormat().format(dato[0]['mes'][0].ordenar, 1, ',', '.')}</td>
                                    </tr>
                                    <tr>
                                        <td scope="col">{{  trans('dashboard.anual') }}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['año'][0].total == null?'0':Intl.NumberFormat().format(dato[0]['año'][0].total, 1, ',', '.')}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['año'][0].domicilios == null?'0': Intl.NumberFormat().format(dato[0]['año'][0].domicilios, 1, ',', '.')}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['año'][0].parallevar == null?'0': Intl.NumberFormat().format(dato[0]['año'][0].parallevar, 1, ',', '.')}</td>
                                        <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['año'][0].ordenar == null?'0': Intl.NumberFormat().format(dato[0]['año'][0].ordenar, 1, ',', '.')}</td>
                                    </tr>
                                </tbody>
                            </table>`);
                            done ++;
                            if(finish == done)
                            {
                                swal.close();
                            }
                        }else{
                            switch (response.code)
                            {
                                case 400:
                                    swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                    break;
                                case 500:
                                    swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                    break;
                            }
                        }
                    }
                });
            }

            function usuariosAdmin() {
                $.ajax({
                    url: UrlHost_+"/administrator/dashboard/usuarios/Admin",
                    type: 'get',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                                swal({
                                    title: " {{ trans('payments.cargando') }} ",
                                    text: " {{ trans('payments.espereUnMomento') }} ",
                                    showConfirmButton: true,
                                });
                            },
                    success: function(response){
                        if(response.code == 200)
                        {
                            var dato= response.data;
                            $("#usuariosActuales").append(`
                            <table class="table table-striped border shadow-sm margin-top-10 text-center table-sm">
                                <thead>
                                    <tr>
                                        <td> {{  trans('dashboard.tipoUsuario') }}</td>
                                        <td>#</td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td scope="col"> {{  trans('dashboard.usuarioNuevos') }}</td>
                                        <td scope="col"> ${dato[0]['usuariosNuevos']}</td>
                                    </tr>
                                    <tr>
                                        <td scope="col"> {{  trans('dashboard.Usuarios Viejos') }} </td>
                                        <td scope="col"> ${dato[0]['usuariosViejos']}</td>
                                    </tr>
                                    <tr>
                                        <td scope="col"> {{  trans('dashboard.usuariosInactivos') }}</td>
                                        <td scope="col"> ${dato[0]['usuariosinactivo']}</td>
                                    </tr>
                                    <tr>
                                        <td scope="col"> {{  trans('dashboard.usuariosActivos') }}</td>
                                        <td scope="col"> ${dato[0]['usuariosActivos']}</td>
                                    </tr>
                                    <tr>
                                        <td scope="col"> {{  trans('dashboard.usuariosMasDeunMESiNA') }} </td>
                                        <td scope="col"> ${dato[0]['UsuariosInactivosLogin']}</td>
                                    </tr>
                                    <tr>
                                        <td scope="col"> {{  trans('dashboard.totalUsuarios') }}</td>
                                        <td scope="col"> ${dato[0]['usuariosTotales']}</td>
                                    </tr>
                                </tbody>
                            </table>`);
                            done ++;
                            if(finish == done)
                            {
                                swal.close();
                            }
                        }else{
                            switch (response.code)
                            {
                                case 400:
                                    swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                    break;
                                case 500:
                                    swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                    break;
                            }
                        }
                    }
                });
            }

            function restauranteAdmin() {
                $.ajax({
                    url: UrlHost_+"/administrator/dashboard/restaurante/Admin",
                    type: 'get',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                                swal({
                                    title: " {{ trans('payments.cargando') }} ",
                                    text: " {{ trans('payments.espereUnMomento') }} ",
                                    showConfirmButton: true,
                                });
                            },
                    success: function(response){
                        if(response.code == 200)
                        {
                            var dato= response.data;
                            $("#tipoRestaurante").append(`
                            <table class="table table-striped border shadow-sm margin-top-10 text-center table-sm">
                                <thead>
                                    <tr>
                                        <td>
                                            {{  trans('dashboard.tipoDeRestaurante') }}
                                        </td>
                                        <td>#</td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td scope="col"> {{  trans('dashboard.restauranteInactivos') }}</td>
                                        <td scope="col"> ${dato['RestaurantesInactivos'] }</td>
                                    </tr>
                                    <tr>
                                        <td scope="col"> {{  trans('dashboard.restaurantesActivos') }} </td>
                                        <td scope="col"> ${dato['RestaurantesActivos'] }</td>
                                    </tr>
                                    <tr>
                                        <td scope="col"> {{  trans('dashboard.restauranteActuales') }}  </td>
                                        <td scope="col"> ${dato['RestaurantesActuales'] }</td>
                                    </tr>
                                </tbody>
                            </table>`);
                            done ++;
                            if(finish == done)
                            {
                                swal.close();
                            }
                        }else{
                            switch (response.code)
                            {
                                case 400:
                                    swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                    break;
                                case 500:
                                    swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                    break;
                            }
                        }
                    }
                });
            }

            function topProductosRestauranteAdmin(tipo) {
                $.ajax({
                    url: UrlHost_+"/administrator/dashboard/topProductos/RestauranteAdmin/" +tipo,
                    type: 'get',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                        swal({
                            title: " {{ trans('payments.cargando') }} ",
                            text: " {{ trans('payments.espereUnMomento') }} ",
                            showConfirmButton: true,
                        });
                    },
                    success: function(response){
                        if(response.code == 200){
                            if (tipo == 'top') {
                                var dato= response.data;
                                var incremento = 0;
                                dato.forEach(function(t) {
                                    incremento++;
                                    var imagen = '';
                                    if(t.get_user.fotoPerfil== null){
                                        imagen= `<img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/sinImagen/fotoSinImagen/sinImagen.jpg'}}" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" width="50">`
                                    }else{
                                        imagen= `<img class="img-responsive" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" src="{{env('Image')}}${t.get_user.fotoPerfil }" width="50">`
                                    }

                                    $("#topRestauranteDemanda").append(`

                                        <tr>
                                                <td> {{  trans('dashboard.top') }}	${incremento}</td>
                                                <td>
                                                    ${imagen}
                                                </td>

                                                <td>${t.nombreUsuario}</td>
                                                <td>${t.numeroPedido}</td>

                                        </tr>
                                    `);
                                })
                            }else{
                                var dato= response.data;
                                var incremento = 0;
                                dato.forEach(function(t) {
                                    incremento++;
                                    var imagen = '';
                                    if(t.get_user.fotoPerfil== null){
                                        imagen= `<img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/sinImagen/fotoSinImagen/sinImagen.jpg'}}" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" width="50">`
                                    }else{
                                        imagen= `<img class="img-responsive" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" src="{{ env('Image')}}${t.get_user.fotoPerfil }" width="50">`
                                    }
                                    $("#topRestauranteGanancia").append(`

                                        <tr>
                                            <td>Top ${incremento}</td>
                                            <td>
                                                ${imagen}
                                            </td>
                                            <td>${t.get_user.userName}</td>
                                            <td>${t.moneda +' '+ Intl.NumberFormat().format(t.valorPedido, 1, ',', '.')}</td>
                                        </tr>
                                    `);
                                })
                            }
                            done ++;
                            if(finish == done)
                            {
                                swal.close();
                            }
                        }else{
                            switch (response.code)
                            {
                                case 400:
                                    swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                    break;
                                case 500:
                                    swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                    break;
                            }
                        }

                    },
                    error: function(xhr){
                        topProductosRestaurante()
                    }
                });
            }
        @endisAdmin

        @isRest
            function ventasServicioPorDia() {
                $.ajax({
                    url: UrlHost_+"/administrator/dashboard/ventasServicioPorDia",
                    type: 'get',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                                swal({
                                    title: " {{ trans('payments.cargando') }} ",
                                    text: " {{ trans('payments.espereUnMomento') }} ",
                                    showConfirmButton: true,
                                });
                            },
                    success: function(response){
                        if(response.code == 200)
                        {
                            cargarGraficaDiario(response.data)
                            done ++;
                            if(finish == done)
                            {
                                swal.close();
                            }
                        }else{
                            switch (response.code)
                            {
                                case 400:
                                    swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                    break;
                                case 500:
                                    swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                    break;
                            }
                        }
                    },
                    error: function(xhr){
                        ventasServicioPorDia()
                    }
                });
            }

            function ventasServicioPorMes(tipo = null) {
                var url = "";
                if (tipo == null)
                {
                    url = UrlHost_+"/administrator/dashboard/ventasServicioPorMes/";
                }else{
                    url = UrlHost_+"/administrator/dashboard/ventasServicioPorMes/"+tipo;
                }
                $.ajax({
                    url: url,
                    type: 'get',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                                swal({
                                    title: " {{ trans('payments.cargando') }} ",
                                    text: " {{ trans('payments.espereUnMomento') }} ",
                                    showConfirmButton: true,
                                });
                            },
                    success: function(response){
                        if(response.code == 200)
                        {
                            if(tipo != null)
                            {
                                cargarGrafiicaAnual(response.data)
                            }else{
                                ventasMes(response.data)
                            }
                            done ++;
                            if(finish == done)
                            {
                                swal.close();
                            }
                        }else{
                            switch (response.code)
                            {
                                case 400:
                                    swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                    break;
                                case 500:
                                    swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                    break;
                            }
                        }
                    },
                    error: function(xhr){
                        swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                    }
                });
            }

            function topProductosVendidos() {
                $.ajax({
                    url: UrlHost_+"/administrator/dashboard/topProductosVendidos",
                    type: 'get',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                        swal({
                            title: " {{ trans('payments.cargando') }} ",
                            text: " {{ trans('payments.espereUnMomento') }} ",
                            showConfirmButton: true,
                        });
                    },
                    success: function(response){
                        if(response.code == 200)
                        {
                            var datos = response.data;
                            $('#topProductosRest').empty();
                            if(datos.length > 0)
                            {
                                var num = 1;
                                datos.forEach(element => {
                                    var img = "";

                                    if(element.get_user.fotoPerfil == null)
                                    {
                                        img = `<img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/sinImagen/fotoSinImagen/sinImagen.jpg'}}" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" width="50">`;

                                    }else{
                                        img = `<img class="img-responsive" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" src="{{ env('Image')}}${element.img}" width="50">`;
                                    }

                                    $('#topProductosRest').append(`
                                        <tr>
                                            <td>Top ${num}</td>
                                            <td>
                                                ${img}
                                            </td>
                                            <td>${element.nombre}</td>
                                            <td>${element.cantidad}</td>
                                        </tr>
                                    `);
                                    num++;
                                });
                            }

                            done ++;
                            if(finish == done)
                            {
                                swal.close();
                            }
                        }else{
                            switch (response.code)
                            {
                                case 400:
                                    swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                    break;
                                case 500:
                                    swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                    break;
                            }
                        }
                    },
                    error: function(xhr){
                        swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                    }
                });
            }

            function ventasTotales() {
                $.ajax({
                    url: UrlHost_+"/administrator/dashboard/ventasTotales",
                    type: 'get',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                                swal({
                                    title: " {{ trans('payments.cargando') }} ",
                                    text: " {{ trans('payments.espereUnMomento') }} ",
                                    showConfirmButton: true,
                                });
                            },
                    success: function(response){
                        if(response.code == 200)
                        {
                            var dato = response.data;

                            $('#totalVentasAno').append(`
                                <table class="table table-striped border shadow-sm margin-top-10 text-center table-sm">
                                    <tbody>

                                        <tr>
                                            <td scope="col"> {{  trans('dashboard.diario') }}
                                            </td>
                                            <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['dia'][0].total == null?'0': new Intl.NumberFormat().format(dato[0]['dia'][0].total, 1, ',', '.')}</td>

                                        </tr>
                                        <tr>
                                            <td scope="col"> {{  trans('dashboard.semanal') }}
                                            </th>
                                            <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['semana'][0].total == null?'0':new Intl.NumberFormat().format(dato[0]['semana'][0].total, 1, ',', '.')}</td>
                                        </tr>
                                        <tr>
                                            <td scope="col">{{  trans('dashboard.mensual') }}
                                            </td>
                                            <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['mes'][0].total == null?'0':new Intl.NumberFormat().format(dato[0]['mes'][0].total, 1, ',', '.')}</td>
                                        </tr>
                                        <tr>
                                            <td scope="col"> {{  trans('dashboard.anual') }}
                                            </td>
                                            <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} ${dato[0]['año'][0].total == null?'0':new Intl.NumberFormat().format(dato[0]['año'][0].total, 1, ',', '.')}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            `)

                            done ++;
                            if(finish == done)
                            {
                                swal.close();
                            }
                        }else{
                            switch (response.code)
                            {
                                case 400:
                                    swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                    break;
                                case 500:
                                    swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                    break;
                            }
                        }
                    },
                    error: function(xhr){
                        swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                    }
                });
            }
        @endisRest

        function sendSolicitud()
        {
            $.ajax({
                url: UrlHost_+"/administrator/dashboard/solicitudPublicacion",
                type: 'post',
                dataType: 'json',
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function () {
                swal({
                    title: "Cargando...",
                    text: "Espere un momento",
                    showConfirmButton: false
                });
                },
                success: function(response){
                    if(response.code == 200)
                    {
                        $("#solicitudPublicar").load(location.href+" #solicitudPublicar>*","");
                        swal.close();
                    }else{
                        // swal.close();
                        switch (response.code)
                        {
                            case 300:
                                swal('Error', ' {{  trans('dashboard.faltanElementosPorCompletar') }}', 'error');
                                break;
                            case 400:
                                swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                break;
                            case 500:
                                swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                break;
                        }
                    }
                    // swal.close();
                },
                error: function(xhr){
                swal("Error!", " {{  trans('dashboard.haOcurridoError') }}", "error");
                }
            });
        }

        function sendSolicitudEats()
        {
            $.ajax({
                url: UrlHost_+"/administrator/dashboard/solicitudPublicacion/eats",
                type: 'post',
                dataType: 'json',
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function () {
                swal({
                    title: "Cargando...",
                    text: "Espere un momento",
                    showConfirmButton: false
                });
                },
                success: function(response){
                    if(response.code == 200)
                    {
                        $("#solicitudPublicarE").load(location.href+" #solicitudPublicarE>*","");
                        swal.close();
                    }else{
                        // swal.close();
                        switch (response.code)
                        {
                            case 400:
                                swal('Error', '{{  trans('dashboard.huboUnErrorConLaSolicitud') }}', 'error');
                                break;
                            case 500:
                                swal('Error', '{{  trans('dashboard.huboFalloConLaSolicitudjs') }}', 'error');
                                break;
                        }
                    }
                    // swal.close();
                },
                error: function(xhr){
                swal("Error!", " {{  trans('dashboard.haOcurridoError') }}", "error");
                }
            });
        }

        var MONTHS = [" {{  trans('dashboard.enero') }}", " {{  trans('dashboard.febrero') }}", " {{  trans('dashboard.marzo') }}", " {{  trans('dashboard.abril') }}",
        " {{  trans('dashboard.mayo') }}", " {{  trans('dashboard.junio') }}", " {{  trans('dashboard.julio') }}", " {{  trans('dashboard.agosto') }}",
        " {{  trans('dashboard.septiembre') }}", " {{  trans('dashboard.octubre') }}", " {{  trans('dashboard.noviembre') }}", " {{  trans('dashboard.diciembre') }}"];

        // window.onload=cargarGrafiicaAnual();
        // window.onload=cargarGraficaDiario();
        function cargarGraficaDiario(data){
            // graficaLinealDias
            var f = new Date();
            var dias=[];
            f.setDate((f.getDate()-6));
            for (let index = 0; index <7; index++) {
            dias[index]=f.getDate();
            f.setDate((f.getDate()+1));

            }
            var datosRecibidos= data;
            var datosDomicilios=[];
            var datosParallevar=[];
            var datosOrdenar=[];

            if(datosRecibidos.length != 0)
            {
                for (let index = 0; index <7; index++) {
                datosDomicilios[index]=datosRecibidos['domicilios'][index];
                datosParallevar[index]=datosRecibidos['parallevar'][index];
                datosOrdenar[index]=datosRecibidos['ordenar'][index];
                }
            }

            var config = {
                type: 'line',
                data: {
                    labels: dias,
                    datasets: [{
                        data:datosDomicilios,
                        fill: false,
                        backgroundColor:'rgb(237, 2, 140)',
                        borderColor:'rgb(237, 2, 140)',
                        label: " {{  trans('dashboard.domicilios') }}"
                    },
                    {
                        data: datosParallevar,
                        fill: false,
                        backgroundColor:'rgb(101, 45, 145)',
                        borderColor: 'rgb(101, 45, 145)',
                        label: " {{  trans('dashboard.paraLlevar') }}"
                    },
                    {
                        data:datosOrdenar,
                        fill: false,
                        backgroundColor:'rgb(46, 48, 146)',
                        borderColor: 'rgb(46, 48, 146)',
                        label: " {{  trans('dashboard.ordenar') }}"

                    }
                    ],
                },options: {
                    responsive: true,
                    // title: {
                    // 	display: true,

                    // },
                    tooltips: {
                        mode: 'index',
                        intersect: false,
                    },
                    hover: {
                        mode: 'nearest',
                        intersect: true
                    },
                    scales: {
                        xAxes: [{
                            display: true,
                            scaleLabel: {
                                display: true,
                                labelString: " {{  trans('dashboard.ultimosDias') }}"
                            }
                        }],
                        yAxes: [{
                            display: true,
                            scaleLabel: {
                                display: false,
                                labelString:  " {{  trans('dashboard.valores') }}"
                            }
                        }]
                    }
                }

            };
            if (document.getElementById('graficaLinealDias') != null)
            {
                let ctx = document.getElementById('graficaLinealDias').getContext('2d');
                window.myLine = new Chart(ctx, config);
            }
        }

        function cargarGrafiicaAnual(data){
            var datosRecibidos= data;

            var datosDomicilios=[];
            var datosParallevar=[];
            var datosOrdenar=[];
            if(datosRecibidos.length != 0)
            {
                for (let index = 0; index <12; index++) {
                    datosDomicilios[index]=datosRecibidos['domicilios'][index+1]['total'];
                    datosParallevar[index]=datosRecibidos['parallevar'][index+1]['total'];
                    datosOrdenar[index]=datosRecibidos['ordenar'][index+1]['total'];
                }
            }
            // datosOrdenar[1]=2000;
            // datosDomicilios[5]=3000;
            // datosParallevar[9]=1500;
            var config = {
                type: 'line',
                data: {
                    labels: MONTHS,
                    datasets: [{
                        data:datosDomicilios,
                        fill: false,
                        backgroundColor: 'rgb(237, 2, 140)',
                    borderColor: 'rgb(237, 2, 140)',
                        label: " {{  trans('dashboard.domicilios') }}"
                    },
                    {
                        data: datosParallevar,
                        fill: false,
                        backgroundColor:'rgb(101, 45, 145)',
                    borderColor: 'rgb(101, 45, 145)',
                        label: " {{  trans('dashboard.paraLlevar') }}"
                    },
                    {
                        data:datosOrdenar,
                        fill: false,
                    backgroundColor:'rgb(46, 48, 146)',
                    borderColor:'rgb(46, 48, 146)',
                        label: " {{  trans('dashboard.ordenar') }}"

                    }
                    ],

                },options: {
                    responsive: true,
                    // title: {
                    // 	display: true,
                    // 	text: 'Chart.js Line Chart'
                    // },
                    tooltips: {
                        mode: 'index',
                        intersect: false,
                    },
                    hover: {
                        mode: 'nearest',
                        intersect: true
                    },
                    scales: {
                        xAxes: [{
                            display: true,
                            scaleLabel: {
                                display: true,
                                labelString: " {{  trans('dashboard.meses') }}"
                            }
                        }],
                        yAxes: [{
                            display: true,
                            scaleLabel: {
                                display: false,
                                labelString: " {{  trans('dashboard.valores') }}"
                            }
                        }]
                    }
                }

            };
            if(document.getElementById('ventaMensuales') != null)
            {
                let ctx = document.getElementById('ventaMensuales').getContext('2d');
                window.myLine = new Chart(ctx, config);
            }

        }

        function ventasMes(data) {
            var datos = data;

            if(datos.hasOwnProperty('ordenar'))
            {
                var ordenar = datos['ordenar'];
            }else{
                var ordenar = {'total': 0, 'porcentaje' : 0};
            }

            if(datos.hasOwnProperty('parallevar'))
            {
                var parallevar = datos['parallevar'];
            }else{
                var parallevar = {'total': 0, 'porcentaje' : 0};
            }

            if(datos.hasOwnProperty('domicilios'))
            {
                var domicilios = datos['domicilios'];
            }else{
                var domicilios = {'total': 0, 'porcentaje' : 0};
            }
            var config = {
                type: 'pie',
                data: {
                    datasets: [{
                        data: [
                            ordenar['total'].toString(),
                            parallevar['total'].toString(),
                            domicilios['total'].toString()
                        ],
                        backgroundColor: [
                            'rgb(46, 48, 146)',
                            'rgb(101, 45, 145)',
                            'rgb(237, 2, 140)'
                        ],
                        label: 'Dataset 1'
                    }],
                    labels: [
                        " {{  trans('dashboard.ordenar') }}",
                        " {{  trans('dashboard.paraLlevar') }}",
                        " {{  trans('dashboard.domicilios') }}"
                    ]
                },
                options: {
                    responsive: false
                }
            };

            if (document.getElementById('ventaServicios') != null)
            {
                let ctx = document.getElementById('ventaServicios').getContext('2d');
                window.myPie = new Chart(ctx, config);
            }

        }
    </script>
@endsection