@extends('layout.administrator.index')
@section('title', 'Operario')

@section('style')
<style media="screen">
    .testSystemType {
        border: 1px solid #d2d6de;
        border-radius: 5px;
        padding: 15px;
    }

    .wth100 {
        width: 100%;
    }
</style>
@endsection

@section('content')
<div class="content-wrapper">
    <section class="content-header">
        {{-- <h1>Operarios de Laboratorio</h1> --}}
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('administrator.dashboard')}}"><i class="fa fa-dashboard"></i> Inicio</a></li>
            <li class="breadcrumb-item"><a href="{{route('administrator.oplab.index')}}"><i class="fa fa-dashboard"></i> Operarios</a></li>
            <li class="breadcrumb-item active">{{$operator->name .' '.$operator->last_name}}</li>
        </ol>
    </section>

    <section class="content">
        @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{session('success')}}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        @endif
        @if(session('danger'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{session('danger')}}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        @endif
        @if($errors->any())
        <div class="alert alert-danger">
            @foreach($errors->all() as $error)
            - {{$error}} <br>
            @endforeach
        </div>
        @endif
        <div class="row">
            <div class="col-md-4">
                {{-- Defaults --}}
                <div class="box boxParameters" id="defaultBox">
                    <div class="box-header with-border">
                        <h4 class="box-title font-weight-bold">Informacion del Operario</h4>
                    </div>
                    <div class="box-body">
                        <form>

                        <div class="form-group">
                            <label for="document_type" class="control-label">Documento</label>
                            <input type="text" disabled class="form-control" value="{{$operator->document}}">
                        </div>

                        <div class="form-group">
                            <label for="document_type" class="control-label">Nombre Completo</label>
                            <input type="text" disabled class="form-control" value="{{$operator->name .' '.$operator->last_name}}">
                        </div>

                        <div class="form-group">
                            <label for="document_type" class="control-label">Compañía</label>
                             <input type="text" disabled class="form-control" value="{{$operator->company}}">
                        </div>

                        <div class="form-group">
                            <label for="document_type" class="control-label">Telefono</label>
                            <input type="text" disabled class="form-control" value="{{$operator->cellphone}}">
                        </div>

                        <div class="form-group">
                            <label for="document_type" class="control-label">Correo</label>
                            <input type="text" disabled class="form-control" value="{{$operator->email}}">
                        </div>

                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="col-md col-xl">
                  <div class="box">
                     <div class="box-header">
                        <h5 class="text-uppercase text-muted my-2">Total Casos<br> <small>Por estado de Reporte</small></h5>
                     </div>
                     <div class="box-body">
                        <ul class="flexbox flex-justified text-center">
                           <li class="br-1">
                              <div class="font-size-20 text-warning">{{$inform2['aprobados']}}</div>
                              <big>Reportes<br> <small class="text-warning text-uppercase">Aprobados</small></big>
                           </li>
                           <li class="br-1">
                              <div class="font-size-20 text-danger">{{$inform2['rechazados']}}</div>
                              <big>Reportes<br> <small class="text-danger text-uppercase">Rechazados</small></big>
                           </li>
                           <li>
                              <div class="font-size-20 text-success">{{$inform2['listos']}}</div>
                              <big>Reportes<br> <small class="text-success text-uppercase">Listos</small></big>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-5" style="background-color: #E2FDDF; border-radius: 10px;">
                    <div class="col-12 p-2 m-2">
                        <h class="font-weight-bold font-small text-uppercase">Fecha - Cantidad</h>
                        <canvas id="Inform1" width="400" height="400"></canvas>
                    </div>
               </div>

            </div>
        </div>
    </section>
</div>


@endsection
@section('js')
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"></script>
<script>
    var inform1 = <br />
<b>Notice</b>:  Undefined variable: inform1 in <b>D:\laragon2\www\Terpel\resources\views\system\administrator\operators\show1.blade.php</b> on line <b>133</b><br />
<br />
<b>Notice</b>:  Trying to get property 'original' of non-object in <b>D:\laragon2\www\Terpel\resources\views\system\administrator\operators\show1.blade.php</b> on line <b>133</b><br />
null;
    var dates = inform1.data.dates
    var num = inform1.data.num
    console.log(num);
    var ctx = document.getElementById('Inform1').getContext('2d');
    var firstChart = new Chart(ctx, {
    type: 'line',
    data: {
      labels: dates,
      datasets: [
          {
            label: 'Promedio por dia',
            data: num,
            fill: false,
            borderColor: 'rgba(255, 191, 5, 1)',
            backgroundColor: 'rgba(255, 191, 5, 1)',
          }
      ]
    },
    options: {
      scales: {
        yAxes: [{
          ticks: {
            beginAtZero: true
          }
        }]
      }
    }
  });
</script>
@endsection--