@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')
    {{-- <div class="row">
        <div class="col-md-12 text-center">
            <h3> {{ trans('dashboard.dashboard') }} - Pronto Disponible</h3>
        </div>
    </div> --}}

    {{-- Restaurante --}}

    @isRest
        @if(auth()->user()->active < 4 && auth()->user()->active > 1)
            @if (auth()->user()->idPerfil != 68)
                <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('miPerfil2')}}/#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('miPerfil2')}}/#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('miPerfil2')}}" target="_blank" class="btn-sm" >
                                            {{  trans('dashboard.irDomiciliario') }}
                                        </a></small>
                                    </div>
                                </div>
                            @endif

                            </div>
                        </div>
                    </div>
                </div>
            @else
                <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>
            @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')
                                            @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 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

    {{-- Admin --}}

    @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 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="align-items: center;" id="totalVentas">
                        {{-- <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">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>
                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['dia'][0]->domicilios == null?'0': number_format($data['ventasRangos'][0]['dia'][0]->domicilios, 1, ',', '.')}}</td>
                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['dia'][0]->parallevar == null?'0': number_format($data['ventasRangos'][0]['dia'][0]->parallevar, 1, ',', '.')}}</td>
                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['dia'][0]->ordenar == null?'0': number_format($data['ventasRangos'][0]['dia'][0]->ordenar, 1, ',', '.')}}</td>
                                </tr>
                                <tr>
                                    <td scope="col">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>
                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['semana'][0]->domicilios == null?'0': number_format($data['ventasRangos'][0]['semana'][0]->domicilios, 1, ',', '.')}}</td>
                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['semana'][0]->parallevar == null?'0': number_format($data['ventasRangos'][0]['semana'][0]->parallevar, 1, ',', '.')}}</td>
                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['semana'][0]->ordenar == null?'0': number_format($data['ventasRangos'][0]['semana'][0]->ordenar, 1, ',', '.')}}</td>
                                </tr>
                                <tr>
                                    <td scope="col">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>

                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['mes'][0]->domicilios == null?'0': number_format($data['ventasRangos'][0]['mes'][0]->domicilios, 1, ',', '.')}}</td>
                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['mes'][0]->parallevar == null?'0': number_format($data['ventasRangos'][0]['mes'][0]->parallevar, 1, ',', '.')}}</td>
                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['mes'][0]->ordenar == null?'0': number_format($data['ventasRangos'][0]['mes'][0]->ordenar, 1, ',', '.')}}</td>
                                </tr>
                                <tr>
                                    <td scope="col">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>
                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['año'][0]->domicilios == null?'0': number_format($data['ventasRangos'][0]['año'][0]->domicilios, 1, ',', '.')}}</td>
                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['año'][0]->parallevar == null?'0': number_format($data['ventasRangos'][0]['año'][0]->parallevar, 1, ',', '.')}}</td>
                                    <td scope="col">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$data['ventasRangos'][0]['año'][0]->ordenar == null?'0': number_format($data['ventasRangos'][0]['año'][0]->ordenar, 1, ',', '.')}}</td>
                                </tr>
                            </tbody>
                        </table> --}}
                    </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 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.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">
                                    {{-- @if(count($data['top']) > 0)
                                            @foreach($data['top'] as $t)
                                            <tr>
                                                    <td> {{  trans('dashboard.top') }}	{{$loop->iteration}}</td>
                                                    <td>
                                                        @if( $t->getUser->fotoPerfil== 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->getUser->fotoPerfil }}" width="50">
                                                        @endif
                                                    </td>

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

                                            </tr>
                                            @endforeach
                                    @else

                                    <!-- <td colspan="9" >No se encontraron registros</td> -->
                                    @endif --}}
                            </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 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.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">
                                {{-- @if(count($data['topMoney']) > 0)
                                        @foreach($data['topMoney'] as $t)
                                            <tr>
                                                <td>Top {{$loop->iteration}}</td>
                                                <td>
                                                    @if( $t->getUser->fotoPerfil== 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->getUser->fotoPerfil }}" width="50">
                                                    @endif
                                                </td>
                                                <td>{{$t->getUser->userName}}</td>
                                                <td>{{App\Helpers\monedaH::getCurrentSimbol($t->getUser->idUsuario)}} {{ number_format($t->valorPedido, 1, ',', '.') }}</td>
                                            </tr>
                                        @endforeach
                                @else

                                <!-- <td colspan="9" >No se encontraron registros</td> -->
                                @endif --}}
                            </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">
                        {{-- <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">{{  $data['usuarios'][0]['usuariosNuevos'] }}</td>
                                </tr>
                                <tr>
                                    <td scope="col"> {{  trans('dashboard.Usuarios Viejos') }} </td>
                                    <td scope="col">{{  $data['usuarios'][0]['usuariosViejos'] }}</td>
                                </tr>
                                <tr>
                                    <td scope="col"> {{  trans('dashboard.usuariosInactivos') }}</td>
                                    <td scope="col">{{  $data['usuarios'][0]['usuariosinactivo'] }}</td>
                                </tr>
                                <tr>
                                    <td scope="col"> {{  trans('dashboard.usuariosActivos') }}</td>
                                    <td scope="col">{{  $data['usuarios'][0]['usuariosActivos'] }}</td>
                                </tr>
                                <tr>
                                    <td scope="col"> {{  trans('dashboard.usuariosMasDeunMESiNA') }} </td>
                                    <td scope="col">{{  $data['usuarios'][0]['UsuariosInactivosLogin'] }}</td>
                                </tr>
                                <tr>
                                    <td scope="col"> {{  trans('dashboard.totalUsuarios') }}</td>
                                    <td scope="col">{{  $data['usuarios'][0]['usuariosTotales'] }}</td>
                                </tr>
                            </tbody>
                        </table> --}}
                    </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">Restaurantes actuales en enjoit <br><small>Numero de  restaurantes inscritos en enjoit</small> </h5>
                    </div>
                    <div class="box-body" id="tipoRestaurante">
                        {{-- <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">{{  $data['restaurante']['RestaurantesInactivos'] }}</td>
                                </tr>
                                <tr>
                                    <td scope="col"> {{  trans('dashboard.restaurantesActivos') }} </td>
                                    <td scope="col">{{  $data['restaurante']['RestaurantesActivos'] }}</td>
                                </tr>
                                <tr>
                                    <td scope="col"> {{  trans('dashboard.restauranteActuales') }}  </td>
                                    <td scope="col">{{  $data['restaurante']['RestaurantesActuales'] }}</td>
                                </tr>
                            </tbody>
                        </table> --}}
                    </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)
                    {
                        console.log(response);
                        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)
                    {
                        console.log(response);
                        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)
                    {
                        console.log(response);
                        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)
                    {
                        console.log(response);
                        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)
                    {
                        console.log(response);
                        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){
                        console.log(response);
                        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)
                    {
                        console.log(response);
                        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)
                    {
                        console.log(response);
                        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)
                    {
                        console.log(response);
                        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)
                    {
                        console.log(response);
                        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++) {
        // console.log(f);
        dias[index]=f.getDate();
        f.setDate((f.getDate()+1));

        }
        // console.log(MONTHS[(f.getMonth())]);
        // console.log(f.getDate() + "/" + (f.getMonth() +1) + "/" + f.getFullYear());
        // console.log(dias);
        // console.log(f.getDay())
        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=[];
        // console.log(datos['domicilios'][1]['total']);
        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;

        // console.log("datosDomicilios="+datosDomicilios);
        // console.log("datosParallevar="+datosParallevar);
        // console.log("datosOrdenar="+datosOrdenar);


        // console.log(datosDomicilios);
        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};
        }

        // console.log(ordenar, parallevar, domicilios)
        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