@extends('layouts/contentLayoutMaster')

@section('title', 'Dashboard')

@section('vendor-style')
  <!-- vendor css files -->
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/charts/apexcharts.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css')) }}">
@endsection

@section('page-style')
  <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/pickers/form-flat-pickr.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/charts/chart-apex.css')) }}">
@endsection

@section('content')
  <!-- apex charts section start -->
  <section id="apexchart">
    <div class="row match-height">
      @if(!Auth::user()->isRequesterDoctor() && !Auth::user()->isClinic())
      <!-- Statistics Card -->
      <div class="col-xl-12 col-md-12 col-12">
        @php
          $status = [
            'Novo' => ['color' => 'dark', 'icon' => 'fa fa-file-o'],
            'Laudando' => ['color' => 'primary', 'icon' => 'fa fa-file-text-o'],
            'Assinado' => ['color' => 'success', 'icon' => 'fa fa-check-square-o'],
            'Digitar' => ['color' => 'info', 'icon' => 'fa fa-keyboard-o'],
            'Correção' => ['color' => 'secondary', 'icon' => 'fa fa-pencil-square-o'],
            'Pendência' => ['color' => 'warning', 'icon' => 'fa fa-question-circle-o'],
            'Não Laudar' => ['color' => 'dark', 'icon' => 'fa fa-times-circle-o']
          ]
        @endphp
        <div class="card card-statistics">
          <div class="card-body statistics-body" style="padding: 2rem !important">
            <div class="row justify-content-center">
              @foreach ($resultado as $result)
                <div class="col-sm col-12 col-lg mb-1 mb-sm-0">
                  <a href="{{ \Request::root() }}/worklist?s={{ $result->status }}">
                  <div class="media">
                    <div class="avatar bg-light-{{ $status[$result->status]['color'] }} mr-1">
                      <div class="avatar-content">
                        {{-- <i data-feather="{{ $status[$result->status]['icon'] }}" class="avatar-icon"></i> --}}
                        <i class="{{ $status[$result->status]['icon'] }}" style="font-size: 1.6em" aria-hidden="true"></i>
                      </div>
                    </div>
                    <div class="media-body my-auto">
                      <h4 class="font-weight-bolder mb-0">{{ $result->total }}</h4>
                      <p class="card-text font-small-4 mb-0">{{ $result->status }}</p>
                    </div>
                  </div>
                  </a>
                </div>
              @endforeach
            </div>
          </div>
        </div>
      </div>
      <!--/ Statistics Card -->
      @endif
    </div>

    @if(Auth::user()->isMedic())
    <div class="row">
      <!-- Reports of the Day Chart Starts-->
      <div class="col-xl-4 col-12">
        <div class="card">
          <div class="card-header flex-column align-items-start">
            <h4 class="card-title mb-75">Laudados do dia</h4>
          </div>
          <div class="card-body">
            <div id="reports-of-the-day-chart"></div>
          </div>
        </div>
      </div>
      <!-- Reports of the Day Chart Ends-->
      <!-- Reports of the Month Chart Starts-->
      <div class="col-xl-4 col-12">
        <div class="card">
          <div class="card-header flex-column align-items-start">
            <h4 class="card-title mb-75">Laudados do mês</h4>
          </div>
          <div class="card-body">
            <div id="reports-of-the-month-chart"></div>
          </div>
        </div>
      </div>
      <!-- Reports of the Month Chart Ends-->

      <!-- Studies by Status per Medic Chart Starts-->
      <div class="col-xl-4 col-12">
        <div class="card">
          <div class="card-header flex-column align-items-start">
            <h4 class="card-title mb-75">Status dos Exames do Dia</h4>
          </div>
          <div class="card-body">
            <div id="studies-by-status-per-user-chart"></div>
          </div>
        </div>
      </div>
      <!-- Studies by Status per Medic Chart Ends-->
      <!-- Apex charts section end -->
    </div>
    <div class="row">
      <!-- Reports by Clinic per Month Chart Starts-->
      <div class="col-xl-4 col-12">
        <div class="card">
          <div class="card-header flex-column align-items-start">
            <h4 class="card-title mb-75">Laudados do mês por Unidade</h4>
          </div>
          <div class="card-body">
            <div id="reports-by-clinic-per-month-chart"></div>
          </div>
        </div>
      </div>
      <!-- Reports by Clinic per Month Chart Ends-->
    </div>
    @endif
    @if(!Auth::user()->isMedic())
    <div class="row">
      <!-- Reports of the Month Chart Starts-->
      <div class="col-xl-12 col-12">
        <div class="card">
          <div class="card-header flex-column align-items-start">
            <h4 class="card-title mb-75">Exames realizados no mês</h4>
          </div>
          <div class="card-body">
            <div id="exams-of-the-month-chart"></div>
          </div>
        </div>
      </div>
      <!-- Reports of the Month Chart Ends-->
      <!-- Apex charts section end -->

      <!-- Reports by Medics per Month Chart Starts-->
      <div class="col-xl-12 col-12">
        <div class="card">
          <div class="card-header flex-column align-items-start">
            <h4 class="card-title mb-75">Laudos realizados no mês</h4>
          </div>
          <div class="card-body">
            <div id="reports-by-medics-per-month-chart"></div>
          </div>
        </div>
      </div>
      <!-- Reports by Medics per Month Chart Ends-->
      <!-- Apex charts section end -->
    </div>
    @endif
  </section>
  <input type="hidden" id="role-user-name" value="{{Auth::user()->roles[0]->name}}">
@endsection

@section('vendor-script')
  <!-- vendor files -->
  <script src="{{ asset(mix('vendors/js/charts/apexcharts.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js')) }}"></script>
@endsection

@section('page-script')
  <!-- Page js files -->
  <script src="{{ asset(mix('js/scripts/charts/graphics.js')) }}"></script>
@endsection