{{-- Modal História Clínica --}}
<div class="modal fade text-left modal-primary" id="modal_add_clinical_history" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Adicionar História Clínica </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="clinical-history-form" name="clinical-history-form">
                <input type="hidden" name="study_id" id="study_id">
                {{ csrf_field() }}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <textarea class="form-control" id="clinical_history" name="clinical_history" rows="5"
                                    placeholder="História Clínica"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-clinical-history-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Prioridades --}}
<div class="modal fade text-left modal-primary" id="modal_add_priority" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Adicionar Prioridade </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="priority-form">
                <input type="hidden" name="study_id_priority" id="study_id_priority">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <select data-placeholder="Selecione uma prioridade" class="select2 form-control"
                                    id="select_priority" name="select_priority" required>
                                    <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>
                    <div class="row">
                        <div class="col-12">
                            <span> <strong>*</strong>Ao atualizar uma prioridade o prazo de realização do laudo (SLA) é
                                calculado automaticamente.</span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-priority-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal de Status --}}
<div class="modal fade text-left modal-primary" id="modal_change_status" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Alterar Status </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="status-form">
                <input type="hidden" name="study_id_status" id="study_id_status">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <select data-placeholder="Selecione um status" class="select2 form-control"
                                    id="select_status" name="select_status" required>
                                    <option value="Novo">Novo</option>
                                    <option value="Laudando">Laudando</option>
                                    <option value="Assinado">Assinado</option>
                                    <option value="Digitar">Digitar</option>
                                    <option value="Correção">Correção</option>
                                    <option value="Pendência">Pendência</option>
                                    <option value="Não Laudar">Não Laudar</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-status-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Requester Doctor --}}
<div class="modal fade text-left modal-primary" id="modal_add_requester_doctor" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lgm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Adicionar Médico Solicitante </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="requester-doctor-form" name="requester-doctor-form">
                <input type="hidden" name="study_id_requester_doctor" id="study_id_requester_doctor">
                {{ csrf_field() }}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group" style="height: 300px">
                                <select class="select2 form-control" name="select_requester_doctor"
                                    id="select_requester_doctor">
                                </select>
                                <div class="row">
                                    <div class="col-12">
                                        <div id="add_requester_doctor_fields" class="mt-4"></div>
                                    </div>
                                </div>
                                <span id="add-requester-doctor-form-errors"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-requester-doctor-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Dados Adicionais --}}
<div class="modal fade text-left modal-primary" id="modal_add_additional_data" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Informações adicionais do estudo </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="additional-data-form" name="additional-data-form">
                <input type="hidden" name="study_id_additional_data" id="study_id_additional_data">
                {{ csrf_field() }}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xl-6 col-md-6 col-sm-6">
                            @can('Adicionar convênio')
                                <div class="form-group">
                                    <label for="select_covenant"
                                        style="color: rgba(34, 41, 47, 0.4) !important; font-size: 0.7rem; left: 3px;">Convênio</label>
                                    <select data-placeholder="Selecione um convênio" class="select2 form-control"
                                        id="select_covenant" name="select_covenant">
                                        @foreach ($covenants as $covenant)
                                            <option value="{{ $covenant->id }}">{{ $covenant->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            @endcan
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            @can('Editar nome do exame')
                                <fieldset class="form-label-group">
                                    <input type="text" class="form-control" name="study_desc" id="study_desc">
                                    <label for="study_desc">Exame</label>
                                </fieldset>
                            @endcan
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            @can('Editar nome do paciente')
                                <fieldset class="form-label-group">
                                    <input type="text" class="form-control" name="pat_name" id="pat_name_additional">
                                    <label for="pat_name">Nome do Paciente <span style="color: red">*</span></label>
                                </fieldset>
                            @endcan
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            @can('Adicionar cpf')
                                <fieldset class="form-label-group">
                                    <input type="text" class="form-control" name="pat_cpf" id="pat_cpf"
                                        maxlength="14">
                                    <label for="pat_cpf">CPF</label>
                                </fieldset>
                            @endcan
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            @can('Editar data de nascimento')
                                <fieldset class="form-label-group">
                                    <input type='text' class="form-control pat_birthdate" name="pat_birthdate"
                                        id="pat_birthdate">
                                    <label for="pat_birthdate">Data de Nascimento <span
                                            style="color: red">*</span></label>
                                </fieldset>
                            @endcan
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            @can('Adicionar rg')
                                <fieldset class="form-label-group">
                                    <input type="text" class="form-control" name="pat_rg" id="pat_rg">
                                    <label for="pat_rg">RG</label>
                                </fieldset>
                            @endcan
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            @can('Adicionar nome da mãe')
                                <fieldset class="form-label-group">
                                    <input type="text" class="form-control" name="mother_name" id="mother_name">
                                    <label for="mother_name">Nome da Mãe</label>
                                </fieldset>
                            @endcan
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-6">
                            <div class="form-group">
                                <label for="pat_sex"
                                    style="color: rgba(34, 41, 47, 0.4) !important; font-size: 0.7rem; left: 3px;">Sexo
                                    <span style="color: red">*</span></label>
                                <select data-placeholder="Selecione o sexo" class="select2 form-control"
                                    id="pat_sex" name="pat_sex">
                                    <option value="M">Masculino</option>
                                    <option value="F">Feminino</option>
                                    <option value="O">Outro</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="accession_no" id="accession_no">
                                <label for="accession_no">Nº de Acesso (Acession Number)</label>
                            </fieldset>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="company" id="company">
                                <label for="company">Empresa</label>
                            </fieldset>
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="occupation" id="occupation">
                                <label for="occupation">Função</label>
                            </fieldset>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="type_of_exam" id="type_of_exam">
                                <label for="type_of_exam">Tipo de Exame</label>
                            </fieldset>
                        </div>
                    </div>
                    <span id="additional-data-study-form-errors"></span>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-additional-data-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Billing --}}
<div class="modal fade text-left modal-primary" id="modal_add_billing" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Indicar Faturamento do Exame </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="billing-form" name="billing-form">
                <input type="hidden" name="study_id_billing" id="study_id_billing">
                {{ csrf_field() }}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div id="pat_name_billing"></div>
                            <div id="study_desc_billing"></div>
                            <div id="unity_billing"></div>
                            <br>
                            <div>Faturamento em:
                                {{ \Carbon\Carbon::now(new \DateTimeZone('America/Sao_Paulo'))->format('d/m/Y H:i') }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-billing-btn">Faturar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Detail --}}
<div class="modal fade text-left modal-primary" id="modal_detail_study" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Detalhamento do Exame </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xl-6 col-12">
                        <dl>
                            <dt>Nome do Paciente</dt>
                            <dd><span id="detail_pat_name"></span></dd>
                            <dt>Sexo</dt>
                            <dd><span id="detail_pat_sex"></span></dd>
                            <dt>Data de Nascimento</dt>
                            <dd><span id="detail_pat_birthdate"></span></dd>
                            <dt>Modalidade</dt>
                            <dd><span id="detail_mods_in_study"></span></dd>
                            <dt>Unidade</dt>
                            <dd><span id="detail_unity"></span></dd>
                            <dt>Médico Laudante</dt>
                            <dd><span id="detail_ref_physician"></span></dd>
                            <dt>CPF</dt>
                            <dd><span id="detail_pat_cpf"></span></dd>
                            <dt>Faturamento <i class="fa fa-usd" aria-hidden="true"></i></dt>
                            <dd><span id="detail_billing"></span></dd>
                            <dt>Convênio</dt>
                            <dd><span id="detail_covenant"></span></dd>
                            <dt>BI-RADS</dt>
                            <dd><span id="detail_bi_rads"></span></dd>
                        </dl>
                    </div>
                    <div class="col-xl-6 col-12">
                        <dl>
                            <dt>Nome da Mãe</dt>
                            <dd><span id="detail_mother_name"></span></dd>
                            <dt>Paciente ID</dt>
                            <dd><span id="detail_pat_id"></span></dd>
                            <dt>Nº de Acesso (Accession Number)</dt>
                            <dd><span id="detail_accession_no"></span></dd>
                            <dt>Exame</dt>
                            <dd><span id="detail_study_desc"></span></dd>
                            <dt>Data do Estudo</dt>
                            <dd><span id="detail_study_datetime"></span></dd>
                            <dt>Data de Entrada</dt>
                            <dd><span id="detail_entry_date"></span></dd>
                            <dt>Prioridade</dt>
                            <dd><span id="detail_priority"></span></dd>
                            <dt>Médico Solicitante</dt>
                            <dd><span id="detail_requester_doctor"></span></dd>
                            <dt>RG</dt>
                            <dd><span id="detail_pat_rg"></span></dd>
                            <dt>Gravação <i class="fa fa-microphone" aria-hidden="true"></i></dt>
                            <dd><span id="detail_audio"></span></dd>
                        </dl>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12 col-12">
                        <dt>Entrega</dt>
                        <dd><span id="detail_delivery"></span></dd>
                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <button class="btn btn-secondary" data-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

{{-- Modal Previous Exames --}}
<div class="modal fade text-left modal-primary" id="modal_add_previous_exams" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Adicionar Exames Anteriores </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="previous-exams-form" name="previous-exams-form">
                <input type="hidden" name="study_id_previous_exams" id="study_id_previous_exams">
                {{ csrf_field() }}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <textarea class="form-control" id="previous_exams" name="previous_exams" rows="5"
                                    placeholder="Exames Anteriores"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-previous-exams-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Edit Complement --}}
<div class="modal fade text-left modal-primary" id="modal_edit_complement" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Editar Solicitação de Complemento</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="edit-complement-form" action="">
                <input type="hidden" value="" id="complement_id">
                <div class="modal-body">
                    <div id="header-information-complement-worklist"></div>
                    <div class="row">
                        <div class="col-12 mt-1">
                            <div class="form-group">
                                <textarea class="form-control" id="complement_answer" name="complement_answer" rows="5"
                                    placeholder="Responder solicitação" required @if (Auth::user()->isMedic()) readonly @endif></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-complement-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Ref Physician Unity --}}
<div class="modal fade text-left modal-primary" id="modal_add_ref_physician" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Adicionar Médico ao Exame </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="ref-physician-form" name="ref-physician-form">
                <input type="hidden" name="study_id_ref_physician" id="study_id_ref_physician">
                {{ csrf_field() }}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group" id="create-select">

                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group" id="create-select">

                            </div>
                        </div>
                    </div>
                    @if (!Auth::user()->isMedic())
                        <div class="row">
                            <div class="col-12">
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="recalculate_sla"
                                        name="recalculate_sla" />
                                    <label class="custom-control-label" for="recalculate_sla">Atualizar a data do
                                        prazo de realização do laudo. (SLA)</label>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-ref-physician-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal para associar telemedicina a um study --}}
<div class="modal fade text-left modal-primary" id="modal_add_telemedicine" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Adicionar Telemedicina </h4>
                <button type="button" class="close close-modal-telemedicine-btn" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="telemedicine-form" name="telemedicine-form">
                <input type="hidden" name="study_id_telemedicine" id="study_id_telemedicine">
                {{ csrf_field() }}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group" id="create-select-telemedicine">

                            </div>
                        </div>
                        <div class="col-12">
                            <textarea class="form-control" id="comments" name="comments" rows="5" placeholder="Observações"></textarea>
                        </div>
                    </div>
                    <div class="row">
                        <div id="information-association-telemedicine"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-danger" id="association-delete-btn">Excluir Associação</button>
                    <button class="btn btn-secondary close-modal-telemedicine-btn"
                        data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-telemedicine-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Delivery --}}
<div class="modal fade text-left modal-primary" id="modal_add_delivery" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Entrega de Laudo </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="delivery-form" name="delivery-form">
                <input type="hidden" name="study_id_delivery" id="study_id_delivery">
                {{ csrf_field() }}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xl-8 col-md-8 col-sm-8 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="delivery_name" id="delivery_name"
                                    required>
                                <label for="delivery_name">Nome de quem recebeu</label>
                            </fieldset>
                        </div>
                        <div class="col-xl-4 col-md-4 col-sm-4 mt-2">
                            <fieldset class="form-label-group">
                                <input type='text' class="form-control delivery_date" name="delivery_date"
                                    id="delivery_date" required>
                                <label for="delivery_date">Data da Entrega</label>
                            </fieldset>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-12 col-md-12 col-sm-12">
                            <textarea class="form-control" id="note" name="note" rows="5" placeholder="Observação"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-delivery-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Protocolo --}}
<div class="modal fade text-left modal-primary" id="modal_protocol_access" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Protocolo de acesso </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="divToPrint">
                <div class="container">
                    <div class="row justify-content-center align-items-center mb-1" id="logo-protocol"></div>
                    <div id="content-protocol">
                        <div class="row">
                            <table class="mb-2">
                                <tbody>
                                    <tr>
                                        <td class="pr-1 font-weight-bold">Paciente:</td>
                                        <td><span id="detail_pat_name_access"></span></td>
                                    </tr>
                                    <tr>
                                        <td class="pr-1 font-weight-bold">Exame:</td>
                                        <td><span id="detail_study_desc_access"></span></td>
                                    </tr>
                                    <tr>
                                        <td class="pr-1 font-weight-bold">Unidade:</td>
                                        <td><span id="detail_unity_access"></span></td>
                                    </tr>
                                    <br>
                                    <tr>
                                        <td class="pr-1 font-weight-bold">Protocolo:</td>
                                        <td><span id="detail_protocol_access"></span></td>
                                    </tr>
                                    <tr>
                                        <td class="pr-1 font-weight-bold">Senha:</td>
                                        <td><span id="detail_password_access"></span></td>
                                    </tr>
                                    <tr>
                                        <td class="pr-1 font-weight-bold">Tel. Instituição:</td>
                                        <td><span id="detail_phone_access"></span></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="row">
                            <span class="font-weight-bold mr-1">Acessível com o QRCode: </span>
                        </div>
                        <div class="row">
                            <div class="row ml-1 mb-1" id="qrcode"></div>
                        </div>
                        <div class="row">
                            <span class="font-weight-bold mr-1">Acessível no endereço: </span>
                        </div>
                        <div class="row">
                            <a href="https://sistema.pacsmed.com.br/paciente/login"
                                target="_blank"><strong>https://sistema.pacsmed.com.br/paciente/login</strong></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success" data-toggle="modal"
                    data-target="#modal_send_email_protocol">Enviar por e-mail</button>
                    <button type="button" class="btn btn-success" data-toggle="modal"
                    data-target="#modal_send_whatsapp_protocol">Enviar por WhatsApp</button>
                <button class="btn btn-outline-primary" onclick="copyDivToClipboard()">Copiar</button>
                <button class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                <button class="btn btn-primary" onclick="PrintDiv();">Imprimir</button>
            </div>
        </div>
    </div>
</div>

{{-- Modal Send WhatsApp Protocol --}}
<div class="modal fade text-left modal-primary" id="modal_send_whatsapp_protocol" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel1">Envio de Protocolo</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ route('whats.protocol') }}">
                <input type="hidden" value="" id="id_send_protocol_whatsapp" name="id_send_protocol_whatsapp">
                <div class="modal-body">
                    <div class="col-xl-12 col-md-12 col-sm-12">
                        <p>Informe o telefone que receberá o protocolo.</p>
                        <input type="tel" class="form-control" name="tel" id="tel" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-success">Enviar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Delete Study --}}
<div class="modal fade text-left modal-primary" id="modal_delete_study" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Deletar Exame </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="" id="delete-study-form">
                <input type="hidden" value="" id="study_id_delete_study">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xl-12 col-md-12 col-sm-12">
                            <div class="form-group">
                                <label for="">Indique o motivo pelo qual está excluindo este exame. <span
                                        style="color: red">*</span></label>
                                <input type="text" class="form-control" id="exclusion_justification"
                                    name="exclusion_justification" required>
                            </div>
                            <span id="delete-study-form-errors"></span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="delete-study-btn">Excluir</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Delete Selected Studies --}}
<div class="modal fade text-left modal-primary" id="modal_delete_selected_studies" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Deletar Exames </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="delete-selected-studies-form">
                <input type="hidden" id="study_id_delete_seleceted_studies">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xl-12 col-md-12 col-sm-12">
                            <div class="form-group">
                                <label for="exclusion_justification_selected">Indique o motivo pelo qual está excluindo
                                    estes exames.<span style="color: red">*</span></label>
                                <input type="text" class="form-control" id="exclusion_justification_selected"
                                    name="exclusion_justification_selected" required>
                            </div>
                            <span id="delete-selected-studies-form-errors"></span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <span><strong>*</strong>Exames que já possuem laudo não serão excluídos.</span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="delete-selected-studies-btn">Excluir</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Send Email Protocol --}}
<div class="modal fade text-left modal-primary" id="modal_send_email_protocol" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel1">Envio de Protocolo</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ route('mail.protocol') }}">
                <input type="hidden" value="" id="id_send_protocol_email" name="id_send_protocol_email">
                <div class="modal-body">
                    <div class="col-xl-12 col-md-12 col-sm-12">
                        <p>Informe o e-mail que receberá o protocolo.</p>
                        <input type="email" class="form-control" name="email" id="email" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-success">Enviar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal de anexos na Worklist --}}
<div class="modal fade text-left modal-primary" id="modal_attachment_worklist" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Anexos</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="header-attachments">

                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-secondary" data-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

{{-- Modal Criação de Exame Manual --}}
<div class="modal fade text-left modal-primary" id="modal_create_study" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Adição manual de Exame</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="create-study-form" name="create-study-form">
                {{ csrf_field() }}
                <div class="modal-body">
                    <h4 class="card-title">Dados do Paciente</h4>
                    <div class="row">
                        <div class="col-xl-8 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="pat_name" id="pat_name_additional"
                                    required>
                                <label for="pat_name">Nome do Paciente <span
                                        style="color: rgba(255,0,0,0.47)">*</span></label>
                            </fieldset>
                        </div>
                        <div class="col-xl-4 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type='text' class="form-control pat_birthdate" name="pat_birthdate"
                                    id="pat_birthdate">
                                <label for="pat_birthdate">Data de Nascimento</label>
                            </fieldset>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-4 col-md-6 col-sm-6">
                            <div class="form-group">
                                <label for="pat_sex"
                                    style="color: rgba(34, 41, 47, 0.4) !important; font-size: 0.7rem; left: 3px;">Sexo
                                    <span style="color: rgba(255,0,0,0.47)">*</span></label>
                                <select data-placeholder="Selecione o sexo" class="select2 form-control" id="pat_sex_manual" name="pat_sex_manual" required>
                                    <option value=""></option>
                                    <option value="M">Masculino</option>
                                    <option value="F">Feminino</option>
                                    <option value="O">Outro</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xl-8 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="mother_name" id="mother_name">
                                <label for="mother_name">Nome da Mãe</label>
                            </fieldset>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-4 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="pat_id" id="pat_id">
                                <label for="pat_id">Paciente ID</label>
                            </fieldset>
                        </div>
                        <div class="col-xl-4 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="pat_rg" id="pat_rg">
                                <label for="pat_rg">RG</label>
                            </fieldset>
                        </div>
                        <div class="col-xl-4 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="pat_cpf_manual" id="pat_cpf_manual"
                                    maxlength="14">
                                <label for="pat_cpf_manual">CPF</label>
                            </fieldset>
                        </div>
                    </div>
                    <hr>
                    <h4 class="card-title">Dados do Exame</h4>
                    <div class="row">
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="study_desc" id="study_desc">
                                <label for="study_desc">Exame</label>
                            </fieldset>
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-6">
                            <div class="form-group">
                                <label for="select_covenant"
                                    style="color: rgba(34, 41, 47, 0.4) !important; font-size: 0.7rem; left: 3px;">Convênio</label>
                                <select data-placeholder="Selecione o convênio" class="select2 form-control" id="select_covenant_manual"
                                    name="select_covenant">
                                    <option value=""></option>
                                    @foreach ($covenants as $covenant)
                                        <option value="{{ $covenant->id }}">{{ $covenant->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-6 col-md-6 col-sm-12">
                            <div class="form-group">
                                <label for="select_unity"
                                    style="color: rgba(34, 41, 47, 0.4) !important; font-size: 0.7rem; left: 3px;">Unidades
                                    <span style="color: rgba(255,0,0,0.47)">*</span></label>
                                <select data-placeholder="Selecione a unidade" class="select2 form-control" id="select_unity_manual" name="select_unity"
                                    required>
                                    <option value=""></option>
                                    @foreach ($units as $unity)
                                        <option value="{{ $unity }}">{{ $unity }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-12">
                            <div class="form-group">
                                <label for="mods_in_study"
                                    style="color: rgba(34, 41, 47, 0.4) !important; font-size: 0.7rem; left: 3px;">Modalidades
                                    <span style="color: rgba(255,0,0,0.47)">*</span></label>
                                <select data-placeholder="Selecione a modalidade" class="select2 form-control" id="mods_in_study_manual" name="mods_in_study"
                                    required>
                                    <option value=""></option>
                                    @foreach ($categories as $category)
                                        <option value="{{ $category->initials }}">{{ $category->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        @if (isset($medics) and $medics != null)
                            <div class="col-xl-6 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="medics"
                                        style="color: rgba(34, 41, 47, 0.4) !important; font-size: 0.7rem; left: 3px;">Médicos</label>
                                    <select data-placeholder="Selecione o médico laudante" class="select2 form-control" id="medics_manual" name="medics">
                                        <option value=""></option>
                                        @foreach ($medics as $medic)
                                            <option value="{{ $medic }}">{{ $medic }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endif
                        <div class="col-xl-6 col-md-6 col-sm-6 mt-2">
                            <fieldset class="form-label-group">
                                <input type="text" class="form-control" name="accession_no" id="accession_no">
                                <label for="accession_no">Nº de Acesso (Acession Number)</label>
                            </fieldset>
                        </div>
                    </div>
                    <div class="row mt-1">
                        <div class="col-12">
                            <div class="form-group">
                                <textarea class="form-control" id="clinical_history" name="clinical_history" rows="4"
                                    placeholder="História clínica"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-1">
                        <div class="col-12">
                            <div class="form-group">
                                <textarea class="form-control" id="previous_exams" name="previous_exams" rows="4"
                                    placeholder="Exames anteriores"></textarea>
                            </div>
                        </div>
                    </div>
                    <span id="create-study-form-errors"></span>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary" id="save-create-study-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>


<script type="text/javascript">
    function PrintDiv() {
        var divToPrint = document.getElementById('divToPrint');
        var popupWin = window.open('', '_blank');
        popupWin.document.open();
        popupWin.document.write(`<html><head>
                <style>
                    @media print {
                        .print-logo {
                            max-height: 150px;
                            max-width: 200px;
                            height: auto;
                            width: auto;
                        }
                    }
                </style>
            </head><body onload="window.print()">${divToPrint.innerHTML}</html>`);
        popupWin.document.close();
    }

    function copyDivToClipboard() {
        var range = document.createRange();
        range.selectNode(document.getElementById("content-protocol"));
        window.getSelection().removeAllRanges();
        window.getSelection().addRange(range);
        document.execCommand("copy");
        window.getSelection().removeAllRanges();
        toastr['success']('', 'Conteúdo copiado para a área de transferência!');
    }
</script>