@extends('layouts/contentLayoutMaster')

@section('title', 'Todos os Exames')

@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('css/base/plugins/forms/pickers/form-flat-pickr.css')) }}">
@endsection

@section('content')
    <!-- Floating Label Inputs start -->
    <section id="floating-label-input">
        <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-all">
                                @csrf
                                <div class="row">
                                    <div class="col-xl-3 col-md-6 col-sm-12 mb-1">
                                        <input type="text" class="form-control" name="pat_name" id="pat_name"
                                                placeholder="Nome do Paciente">
                                    </div>
                                    <div class="col-xl-1 col-md-6 col-sm-12 mb-1">
                                        <input type="text" class="form-control" name="pat_id" id="pat_id"
                                                placeholder="Pac. ID">
                                    </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 mb-sm-0">
                                        <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 prioridades" 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=""></option>
                                                <option value="cp">Prioridade</option>
                                                <option value="cpsl">Prioridade sem Laudo</option>
                                                <option value="cl">Laudo finalizado</option>
                                                <option value="ml">Mais de 1 laudo</option>
                                                <option value="cat">Com Anexos</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">
                                                    <option value=""></option>
                                                    @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 mb-1 mb-sm-0">
                                        <input type="text" class="form-control" name="search_study_desc"
                                                id="search_study_desc" placeholder="Pesquise o nome do exame">
                                    </div>
                                </div>
                                <div class="row mt-1">
                                    <div class="col-12">
                                        <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>
                            </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>
                        <input type="button" class="btn btn-outline-primary btn-sm" value="Enviar p/ Horos"
                            id="open_horos">
                    </div>
                    <div class="card-content">
                        <div class="card-body card-dashboard">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover table-worklist-all">
                                    <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>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/ Configuration table -->

    @include('modals.modals')
@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.html5.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/buttons.print.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/buttons.bootstrap.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/datatables_all.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>
@endsection