@extends('layouts/contentLayoutMaster')

@section('title', 'Worklist')

@section('vendor-style')
  {{-- vendor css files --}}
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/datatables.min.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css')) }}">
@endsection

@section('page-style')
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/content/study/jquery-confirm.min.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/content/worklist/buttons.dataTables.min.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/pickers/form-flat-pickr.css')) }}">
  <style>
      button.dt-button.buttons-columnVisibility.active {
        background: #7367f0 !important;
        color: #fff !important;
      }
  </style>
@endsection

@section('content')
  <!-- Floating Label Inputs start -->
  <section id="floating-label-input">
    @if ($support_message)
      <div class="alert alert-{{ $support_message->class_alert }}" role="alert">
        <h4 class="alert-heading">{{ $support_message->heading }}</h4>
        <div class="alert-body">
          {{ $support_message->body }}
        </div>
      </div>
    @endif
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-header">
            <h4 class="card-title">Pesquisa</h4>
          </div>
          <div class="card-content">
            <div class="card-body">
              <form method="POST" id="search-form">
                @csrf
                <div class="row">
                  <div class="col-xl-3 col-md-6 col-sm-12">
                    <fieldset class="form-group">
                      <input type="text" class="form-control" name="pat_name" id="pat_name" placeholder="Nome do Paciente">
                    </fieldset>
                  </div>
                  <div class="col-xl-1 col-md-6 col-sm-12">
                    <fieldset class="form-group">
                      <input type="text" class="form-control" name="pat_id" id="pat_id" placeholder="Pac. ID">
                    </fieldset>
                  </div>
                  <div class="col-xl-3 col-md-6 col-sm-12">
                    <div class="form-group">
                      <select data-placeholder="Pesquise por modalidades" class="select2 form-control" id="mods_in_study" name="mods_in_study" multiple="multiple">
                        @foreach($categories as $category)
                          <option value="{{$category->initials}}">{{$category->name}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  <div class="col-xl-2 col-md-6 col-sm-12">
                    <div class="form-group">
                      <select data-placeholder="Pesquise por unidades" class="select2 form-control" id="select_unity" name="select_unity" multiple="multiple">
                        @foreach($units as $unity)
                          <option value="{{$unity}}">{{$unity}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  <div class="col-xl-3 col-md-6 col-sm-12 mb-1">
                    <fieldset>
                      <div class="input-group">
                        <input placeholder=" Data Inicial" type='text' class="form-control initial_date" name="initial_date" id="initial_date" required>
                        <div class="input-group-append">
                          <button class="btn btn-primary" type="button">até</button>
                        </div>
                        <input placeholder=" Data Final" type='text' class="form-control final_date" name="final_date" id="final_date" required>
                      </div>
                    </fieldset>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xl-2 col-md-6 col-sm-12">
                    <div class="form-group">
                      <select data-placeholder="Pesquise por prioridade" class="select2 form-control" id="priority" name="priority" multiple="multiple">
                        <option value="Eletivo">Eletivo</option>
                        <option value="Emergência">Emergência</option>
                        <option value="Internado">Internado</option>
                        <option value="Plantão">Plantão</option>
                        <option value="Urgência">Urgência</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-xl-2 col-md-6 col-sm-12">
                    <div class="form-group">
                      <select data-placeholder="Pesquise por filtro" class="select2 form-control" id="filters" name="filters">
                        <option value="cp">Prioridade</option>
                        <option value="cpsl">Prioridade sem Laudo</option>
                        <option value="cr">Crítico</option>
                        <option value="cl">Laudo finalizado</option>
                        <option value="ea">Exames Atrasados</option>
                        <option value="enp">Exames no Prazo</option>
                        <option value="ml">Mais de 1 laudo</option>
                        <option value="cli">Laudo Iniciado</option>
                        <option value="ca">Com Áudio</option>
                        <option value="cf">Faturado</option>
                        <option value="pt">Para Telemedicina</option>
                        <option value="cat">Com Anexos</option>
                        <option value="cc">Com Complemento</option>
                        <option value="ccf">Com Complemento Finalizado</option>
                        <option value="ccv">Com Convênio</option>
                      </select>
                    </div>
                  </div>
                  @if(isset($medics) and $medics != null)
                  <div class="col-xl-3 col-md-6 col-sm-12">
                    <div class="form-group">
                      <select data-placeholder="Pesquise selecionando um médico" class="select2 form-control" id="medics" name="medics">
                        @foreach($medics as $medic)
                          <option value="{{$medic}}">{{$medic}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  @endif
                  <div class="col-xl-2 col-md-6 col-sm-12">
                    <div class="form-group">
                      <select data-placeholder="Pesquise por status" class="select2 form-control" id="status" name="status">
                        <option value="Novo">Novo</option>
                        <option value="Correção">Correção</option>
                        <option value="Digitar">Digitar</option>
                        <option value="Laudando">Laudando</option>
                        <option value="Pendência">Pendência</option>
                        <option value="Assinado">Assinado</option>
                        <option value="Não Laudar">Não Laudar</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-xl-2 col-md-6 col-sm-12">
                    <fieldset class="form-label-group">
                      <input type="text" class="form-control" name="search_study_desc" id="search_study_desc" placeholder="Pesquise pelo nome do exame">
                    </fieldset>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xl-6 col-md-10">
                    <button type="submit" class="btn btn-primary btn-sm btn-sm-block mb-1 mb-sm-0">Filtrar</button>
                    <a name="all" id="all" class="btn btn-primary btn-sm btn-sm-block mb-1 mb-sm-0">Todas as Datas</a>
                    <a name="today" id="today" class="btn btn-primary btn-sm btn-sm-block mb-1 mb-sm-0">Hoje</a>
                    <a name="yesterday" id="yesterday" class="btn btn-primary btn-sm btn-sm-block mb-1 mb-sm-0">Ontem</a>
                    <a name="last_week" id="last_week" class="btn btn-primary btn-sm btn-sm-block mb-1 mb-sm-0">Última Semana</a>
                    <a name="clear_filter" id="clear_filter" class="btn btn-primary btn-sm btn-sm-block mb-1 mb-sm-0">Limpar</a>
                  </div>
                  {{-- <div class="col-xl-6 col-md-2 text-right">
                    <span data-toggle="modal" data-target="#modal_news">
                      <a role="button" data-toggle="tooltip"
                      data-original-title="Acompanhe as novidades do PacsMed RIS" class="btn btn-outline-success btn-sm btn-sm-block">Novidades</a>
                    </span>
                  </div> --}}
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Floating Label Inputs end -->

  <!-- Configuration table -->
  <section id="basic-datatable">
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-header">
            <h4 class="card-title">Estudos encontrados</h4>
            <div>
              @can('Adicionar Exame Manual')
                <span data-toggle="modal" data-target="#modal_create_study">
                  <input type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip"
                  data-original-title="Adicionar exame manual" value="Adicionar Exame" id="create_study">
                </span>
              @endcan
              {{-- @livewire('study.create-study', ['medics' => $medics, 'covenants' => $covenants, 'units' => $units, 'categories' => $categories]) --}}
              <input type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip"
              data-original-title="Enviar exames selecionados para o Horos" value="Enviar p/ Horos" id="open_horos">
              @can('Excluir exame')
                <input type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip"
                data-original-title="Excluir exames selecionados" value="Excluir Exames" id="delete_selected_studies">
              @endcan
            </div>
          </div>
          <div class="card-content">
            <div class="card-body card-dashboard">
              <div class="table-responsive">
                <table class="table table-bordered table-hover table-worklist">
                  <thead>
                  <tr>
                    <th>
                      <div class="custom-control custom-checkbox">
                        <input class="custom-control-input" type="checkbox" id='selectAllCheckbox' data-tooltip="tooltip"
                               data-placement="top" title="Selecionar todos"><label class="custom-control-label" for="selectAllCheckbox"></label>
                      </div>
                    </th>
                    <th>Unidade</th>
                    <th>Paciente</th>
                    <th>Pac. ID</th>
                    <th>Idade</th>
                    <th>Sexo</th>
                    <th>Mod.</th>
                    <th>Exame</th>
                    <th>Dt. Estudo</th>
                    <th>Prioridade</th>
                    <th>Médico</th>
                    <th>Convênio</th>
                    <th>Status</th>
                    <th>SLA</th>
                    <th>Ações</th>
                  </tr>
                  </thead>
                  <tbody>
                  <tr>
                    <td></td>
                  </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--/ Configuration table -->

  {{-- Modal News --}}
<div class="modal fade text-left modal-primary" id="modal_news" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel33" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable" role="document">
      <div class="modal-content">
          <div class="modal-header">
              <h4 class="modal-title" id="myModalLabel33">Novidades </h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
              </button>
          </div>
          <div class="modal-body">
            <section id="flush-and-horizontal-list-group">
              <div class="row match-height">
                <div class="col-lg-12 md-12">
                  <div class="card">
                    <div class="card-body">
                      <p class="card-text">
                        A partir de <strong>05/09/2022</strong>:
                      </p>
                      <ul class="list-group list-group-flush">
                        <li class="list-group-item">Todo exame recebido no sistema entrará automaticamente com a prioridade <strong>Eletivo</strong>.</li>
                        <li class="list-group-item">Foram alteradas as prioridades do exame, saindo as prioridades <strong>Pendência</strong> (<i>movida para o campo 
                          de seleção de <strong>Status</strong></i>) e <strong>Imediato</strong>, e entrando <strong>Emergência</strong> e <strong>Plantão</strong>.</li>
                        <li class="list-group-item">Os filtros <strong>Prioridades</strong> e <strong>Prioridades sem laudo</strong> buscam todos os exames com prioridade 
                          definida pelos usuários, excluindo assim a prioridade <strong>Eletivo</strong> que é inserida pelo próprio sistema.
                        </li>
<li class="list-group-item">Os filtros <strong>Correção</strong> e <strong>Digitado</strong> agora são encontrados no campo de seleção <strong>Status</strong>.
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </section>
        </div>
        <div class="modal-footer">
            <button class="btn btn-secondary" data-dismiss="modal">Fechar</button>
        </div>
      </div>
  </div>
</div>

  @include('modals.modals')
  @include('modals.modals_audio')
  @include('kustomer::kustomer')
@endsection

@section('vendor-script')
  {{-- vendor files --}}
  <script src="{{ asset(mix('vendors/js/tables/datatable/vfs_fonts.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/datatables.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/datatables.buttons.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/buttons.colVis.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/datatables.bootstrap4.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/datatables.checkboxes.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/forms/select/select2.full.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/datatables/datatable.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/content/study/jquery-confirm.min.js')) }}"></script>
  <script src="{{ asset(mix('js/scripts/forms/form-tooltip-valid.js')) }}"></script>
  <script src="{{ asset(mix('js/scripts/forms/select/form-select2.js')) }}"></script>
  <script src="{{ asset(mix('js/scripts/forms/pickers/pick-a-datetime.js')) }}"></script>
  <script src="{{ asset('vendor/kustomer/js/kustomer.js') }}" defer></script>
@endsection