@extends('layouts.head') @section('content') @section('extra-scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
<!-- OneSignal  -->
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
  var OneSignal = window.OneSignal || [];
  OneSignal.push(function() {
    OneSignal.init({
      appId: config('onesignal.app_id')
    });

    OneSignal.sendTag("role", {{ Auth::user()->rol_id }});
  });
</script>
@endsection
{{-- Donought --}}
<script>
  $(document).ready(function(){
      var myDoughnutChart =  new Chart($('#tiempos'), {
          type: 'doughnut',
          data: {
            labels: ["{{ __('messages.home.donought.less_1_hour') }}", "{{ __('messages.home.donought.between_1_2') }}", "{{ __('messages.home.donought.more_than_2') }}"],
            datasets: [
              {
                label: "Cantidad de atenciones",
                backgroundColor: ["#f79708", "#afca1a","#3cba9f","#e8c3b9"],
                data: [{{$menos_una_h}},{{$una_a_dos_h}},{{$superior_a_dos_h}}]
              }
            ]
          },
          options: {
            title: {
              display: true,
              text: '{{ __("messages.home.donought.title") }}' + {{$anioActual}}
            }
          }
      });
  });
</script>
{{-- Bar --}}
<script>
      $(document).ready(function(){
      var barChart =  new Chart($('#estados'), {
          type: 'bar',
          data: {
            labels: ["{{ __('messages.home.bar.label_1') }}", "{{ __('messages.home.bar.label_2') }}", "{{ __('messages.home.bar.label_3') }}", "{{ __('messages.home.bar.label_4') }}"],
            datasets: [
              {
                label: "{{ __('messages.home.bar.dataset_label') }}",
                backgroundColor: [ "#afca1a","#f79708","#3cba9f","#e8c3b9"],
                data: [{{$encurso}}, {{$novedades}}, {{$finalizadas}}, {{$espera}}]
              }
            ]
          },
          options: {
            legend: { display: false },
            title: {
              display: true,
              text: '{{ __("messages.home.bar.title") }} '+ {{$anioActual}}
            }
          }
      });
  });
</script>
{{-- Lines --}}
<script>
  $(document).ready(function(){
  var barChart =  new Chart($('#volumen'), {
      type: 'doughnut',
          data: {
            labels: ["Amazonas", "Antioquia", "Arauca","Atlántico", "Bolívar", "Boyacá","Caldas", "Caquetá", "Casanare","Cauca", "Cesar", "Chocó","Córdoba", "Cundinamarca", "Guainía","Guaviare", "Huila", "La Guajira","Magdalena", "Meta", "Nariño","Norte de Santander", "Putumayo", "Quindío","Risaralda", "San Andrés y Providencia","Santander", "Sucre", "Tolima","Valle del Cauca", "Vaupés", "Vichada"],
            datasets: [
              {
                label: "{{ __('messages.home.donought2.dataset_label') }}",
                backgroundColor: ["#f79708", "#5CC87C","#3cba9f","#e8c3b9","#AF7AC5","#EC7063","#5499C7","#5DADE2","#5499C7","#52BE80","#F4D03F","#F8C471","#EB984E","#AF601A","#FAD7A0","#C0392B","#2980B9","#7D3C98","#1E8449","#F1C40F","#FD4A72","#FD85C7","#E7B9FE","#6FD7FD","#BCFDB8","#5DF172","#DAF15D","#F1905D","#ED57C8","#afca1a","#FAE141","#D6C656"],
                data: {{$valores_depart}}
              }
            ]
          },
          options: {
            title: {
              display: true,
              text: "{{ __('messages.home.donought2.last_7_days') }}"
            }
          }
      });
  });
</script>

<div class="row">
  <div class="col-md-3 col-sm-6 col-xs-12">
    <div class="info-box">
      <span class="info-box-icon bg-aqua">
        <i class="fa fa-stethoscope"></i>
      </span>

      <div class="info-box-content">
        <span class="info-box-text">{{ __("messages.home.tiles.tile1") }}</span>
        <span class="info-box-number">{{ $encurso }}</span>
      </div>
      <!-- /.info-box-content -->
    </div>
    <!-- /.info-box -->
  </div>
  <!-- /.col -->
  <div class="col-md-3 col-sm-6 col-xs-12">
    <div class="info-box">
      <span class="info-box-icon bg-red">
        <i class="fa fa-newspaper-o"></i>
      </span>

      <div class="info-box-content">
        <span class="info-box-text">{{ __("messages.home.tiles.tile2") }}</span>
        <span class="info-box-number">{{ $novedades }}</span>
      </div>
      <!-- /.info-box-content -->
    </div>
    <!-- /.info-box -->
  </div>
  <!-- /.col -->

  <!-- fix for small devices only -->
  <div class="clearfix visible-sm-block"></div>

  <div class="col-md-3 col-sm-6 col-xs-12">
    <div class="info-box">
      <span class="info-box-icon bg-green">
        <i class="fa fa-medkit"></i>
      </span>

      <div class="info-box-content">
        <span class="info-box-text">{{ __("messages.home.tiles.tile3") }}</span>
        <span class="info-box-number">{{ $finalizadas }}</span>
      </div>
      <!-- /.info-box-content -->
    </div>
    <!-- /.info-box -->
  </div>
  <!-- /.col -->
  <div class="col-md-3 col-sm-6 col-xs-12">
    <div class="info-box">
      <span class="info-box-icon bg-yellow">
        <i class="ion ion-ios-people-outline"></i>
      </span>

      <div class="info-box-content">
        <span class="info-box-text">{{ __("messages.home.tiles.tile4") }}</span>
        <span class="info-box-number">{{ $espera }}</span>
      </div>
      <!-- /.info-box-content -->
    </div>
    <!-- /.info-box -->
  </div>
  <!-- /.col -->
</div>

<div class="row">
  <div class="col-xs-6">
    <div class="box box-sucess">
      <div class="box-header with-border">
        <h3 class="box-title">
          <font>
            <font>{{ __("messages.home.donought.text") }}</font>
          </font>
        </h3>

        <div class="box-tools pull-right">
          <button type="button" class="btn btn-box-tool" data-widget="collapse">
            <i class="fa fa-minus"></i>
          </button>
        </div>
      </div>
      <div class="box-body">
        <canvas
          id="tiempos"
          width="803"
          height="401"
          class="chartjs-render-monitor"
          style="display: block; width: 803px; height: 401px;"
        ></canvas>
      </div>
      <!-- /.box-body -->
    </div>
  </div>
  <div class="col-xs-6">
    <div class="box box-sucess">
      <div class="box-header with-border">
        <h3 class="box-title">
          <font>
            <font>{{ __("messages.home.bar.text") }}</font>
          </font>
        </h3>

        <div class="box-tools pull-right">
          <button type="button" class="btn btn-box-tool" data-widget="collapse">
            <i class="fa fa-minus"></i>
          </button>
        </div>
      </div>
      <div class="box-body">
        <canvas
          id="estados"
          width="803"
          height="401"
          class="chartjs-render-monitor"
          style="display: block; width: 803px; height: 401px;"
        ></canvas>
      </div>
      <!-- /.box-body -->
    </div>
  </div>
</div>
@if(Auth::user()->rol->id==1 || Auth::user()->rol->id==3 || Auth::user()->rol->id==4 )
<div class="row">
  <div class="col-xs-12">
    <div class="box box-sucess">
      <div class="box-header with-border">
        <h3 class="box-title">
          <font>
            <font>{{ __("messages.home.donought2.text") }}</font>
          </font>
        </h3>

        <div class="box-tools pull-right">
          <button type="button" class="btn btn-box-tool" data-widget="collapse">
            <i class="fa fa-minus"></i>
          </button>
        </div>
      </div>
      <div class="box-body">
        <canvas
          id="volumen"
          width="803"
          height="401"
          class="chartjs-render-monitor"
          style="display: block; width: 803px; height: 401px;"
        ></canvas>
      </div>
      <!-- /.box-body -->
    </div>
  </div>
</div>
@endif

<!-- /.MODAL Direccion-->
<div class="modal fade in" id="modal-update-password" style="display: none; padding-right: 17px;">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">{{ __("messages.home.modal_password.title") }}</h4>
      </div>
      <div class="modal-body">
        <form role="form" id="updatePassword" data-toggle="validator">
          <div class="row">
            <div class="col-xs-12">
              <div class="form-group">
                <label for="exampleFormControlInput1">{{
                  __("messages.home.modal_password.password_1")
                }}</label>
                <input
                  type="password"
                  class="form-control"
                  name="password1"
                  placeholder=""
                  required
                />
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-xs-12">
              <div class="form-group">
                <label for="exampleFormControlInput1">{{
                  __("messages.home.modal_password.password_2")
                }}</label>
                <input type="password" class="form-control" name="password2" required />
              </div>
            </div>
          </div>
          <span class="help-block" id="span-error-password" style="display:none;">
            <strong style="color:red;">{{ __("messages.home.modal_password.error") }}</strong>
          </span>
          <div class="modal-footer">
            <button onClick="updatePassword()" class="btn btnBox pull-right">
              {{ __("messages.home.modal_password.btn") }}
            </button>
          </div>
          {{ csrf_field() }}
        </form>
      </div>
    </div>
  </div>
</div>
<script>
  //   initial = JSON.parse(window.localStorage.getItem('initial')).id;
      if({{Auth::user()->initial}}){
          $('#modal-update-password').modal('show');
      }

  function updatePassword() {

    $('#updatePassword').validator('update');
    $("#updatePassword").validator('update').on('submit', function (e) {
      if (e.isDefaultPrevented()) {} else {
        e.preventDefault();

        var password1 = $("#updatePassword input[name='password1']").val();
        var password2 = $("#updatePassword input[name='password2']").val();

        if(password1!=password2){

          $("#span-error-password").css('display','block')
           return;
        }else{
          $("#span-error-password").css('display','none')
        }


        id = {{Auth::user()->id}};
        var info = {
          "id": id,
          "password": $("#updatePassword input[name='password2']").val(),
          }

        console.log(info);
        $.ajax({
          url: "/users/update/password",
          type: "PUT",
          contentType: 'application/json',
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
            'Content-Type': 'application/json'
          },
          data: JSON.stringify(info),
          success: function (r) {
            console.log(r);
            if (r[0]["respuesta"]) {
              $(location).attr('href', url + '/home');
            } else {

              swal("Error", "¡Error al modificar!", "error");
            }
          }, error: function(e){
              swal("Error", "¡Error al modificar!", "error");
          }
        });


      }
    });

  }
</script>

@endsection