{{-- Modal de edição dos dados da unidade --}}
<div class="modal fade text-left modal-primary" id="modal_edit_unity" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Editar unidade</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="units-form-edit" enctype="multipart/form-data">
                <input type="hidden" name="unity_id_edit" id="unity_id_edit">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-3">
                            <label>Razão Social: <span style="color: rgba(255,0,0,0.47)">*</span></label>
                            <div class="form-group">
                                <input type="text" class="form-control" id="corporate_name_edit"
                                    name="corporate_name_edit" placeholder="Razão Social" required>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <label>E-mail: <span style="color: rgba(255,0,0,0.47)">*</span></label>
                            <div class="form-group">
                                <input type="email" class="form-control" id="email_edit" name="email_edit"
                                    placeholder="E-mail" required>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <label>E-mail financeiro: <span style="color: rgba(255,0,0,0.47)">*</span></label>
                            <div class="form-group">
                                <input type="email" class="form-control" id="financial_email_edit"
                                    name="financial_email_edit" placeholder="E-mail financeiro" required>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-12 col-sm-12 form-group">
                            <label>CNPJ: <span style="color: rgba(255,0,0,0.47)">*</span></label>
                            <div class="form-group">
                                <input type="text" class="form-control" id="cnpj_edit" name="cnpj_edit"
                                    placeholder="CNPJ" required>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <label>CEP: </label>
                            <div class="form-group">
                                <input type="text" class="form-control" id="cep_edit" name="cep_edit"
                                    placeholder="CEP">
                            </div>
                        </div>
                        <div class="col-lg-1 col-md-12 col-sm-12 form-group">
                            <label>Número: </label>
                            <div class="form-group">
                                <input type="number" class="form-control" id="number_edit" name="number_edit"
                                    placeholder="Número">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-3 col-md-12 col-sm-12 form-group">
                            <label>Rua/Av.: </label>
                            <div class="form-group">
                                <input type="text" class="form-control" id="public_place_edit"
                                    name="public_place_edit" placeholder="Rua/Av.">
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-12 col-sm-12 form-group">
                            <label>Bairro: </label>
                            <div class="form-group">
                                <input type="text" class="form-control" id="neighborhood_edit"
                                    name="neighborhood_edit" placeholder="Bairro">
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-12 col-sm-12 form-group">
                            <label>Estado: <span style="color: rgba(255,0,0,0.47)">*</span></label>
                            <select data-placeholder="Selecione o estado" class="select2 form-control" id="state-dropdown-edit" name="uf" required>
                                <option value=""></option>
                                @foreach ($states as $state)
                                    <option value="{{ $state->id }}">
                                        {{ $state->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-3 col-md-12 col-sm-12 form-group">
                            <label>Cidade: <span style="color: rgba(255,0,0,0.47)">*</span></label>
                            <select data-placeholder="Selecione a cidade" class="select2 form-control" id="city-dropdown-edit" name="city" required></select>
                        </div>
                        <div class="col-lg-2 col-md-12 col-sm-12 form-group">
                            <label>Telefone: </label>
                            <div class="form-group">
                                <input type="text" class="form-control" id="phone_edit" name="phone_edit"
                                    placeholder="Telefone">
                            </div>
                        </div>
                    </div>
                    <span id="unity-edit-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="unity-edit-btn">Atualizar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal De Alteração da logo --}}
<div class="modal fade text-left modal-primary" id="modal_logo_unity" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Alterar Logo </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="change-logo-form" enctype="multipart/form-data">
                <input type="hidden" id="id_change_logo_unity_modal" name="id_change_logo_unity_modal">
                <div class="modal-body">
                    <div class="container">
                        <div class="row justify-content-center align-items-center" id="logo"></div>
                        <div class="col-lg-12 col-md-12 form-group">
                            <label for="new_photo_logo">Escolher nova logo <small>(.png)</small></label>
                            <input type="file" name="new_photo_logo" class="form-control" id="new_photo_logo">
                        </div>
                    </div>
                    <span id="unity-change-logo-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">Alterar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal SLA --}}
<div class="modal fade text-left modal-primary" id="modal_sla_unity" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">SLA </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="" id="change-sla-form">
                <input type="hidden" id="id_unity_sla_modal" name="id_unity_sla_modal">
                <div class="modal-body">
                    <div class="col-xl-12 col-md-12 col-sm-12  mb-2">
                        <div class="form-group">
                            <select data-placeholder="Selecione uma modalidade" class="select2 form-control ignoreField" id="modality" name="modality" required>
                                <option value=""></option>
                                @foreach ($categories as $category)
                                    <option value="{{ $category->initials }}">{{ $category->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-xl-12 col-md-12 col-sm-12">
                        <div class="row mb-1">
                            <div class="col-4 font-weight-bolder">
                                Prioridades
                            </div>
                            <div class="col-3 font-weight-bolder">Horas</div>
                            <div class="col-3 font-weight-bolder">Minutos</div>
                        </div>
                        <div class="row mb-1">
                            <div class="col-4">
                                <span class="badge badge-pill badge-light-primary text-capitalized">Eletivo</span>
                            </div>
                            <div class="col-3"><input type="number" class="form-control limit-characters set-default-value" name="elective_hours" id="elective_hours" style="width: 5em;" min="0" value="0"></div>
                            <div class="col-3"><input type="number" class="form-control limit-characters set-default-value" name="elective_minutes" id="elective_minutes" style="width: 5em;" min="0" max="55" step="5" value="0"></div>
                        </div>
                        <div class="row mb-1">
                            <div class="col-4">
                                <span class="badge badge-pill badge-light-danger text-capitalized">Emergência</span>
                            </div>
                            <div class="col-3"><input type="number" class="form-control limit-characters set-default-value" name="emergency_hours" id="emergency_hours" style="width: 5em;" min="0" value="0"></div>
                            <div class="col-3"><input type="number" class="form-control limit-characters set-default-value" name="emergency_minutes" id="emergency_minutes" style="width: 5em;" min="0" max="55" step="5" value="0"></div>
                        </div>
                        <div class="row mb-1">
                            <div class="col-4">
                                <span class="badge badge-pill badge-light-secondary text-capitalized">Internado</span>
                            </div>
                            <div class="col-3"><input type="number" class="form-control limit-characters set-default-value" name="hospitalized_hours" id="hospitalized_hours" style="width: 5em;" min="0" value="0"></div>
                            <div class="col-3"><input type="number" class="form-control limit-characters set-default-value" name="hospitalized_minutes" id="hospitalized_minutes" style="width: 5em;" min="0" max="55" step="5" value="0"></div>
                        </div>
                        <div class="row mb-1">
                            <div class="col-4">
                                <span class="badge badge-pill badge-light-dark text-capitalized">Plantão</span>
                            </div>
                            <div class="col-3"><input type="number" class="form-control limit-characters set-default-value" name="duty_hours" id="duty_hours" style="width: 5em;" min="0" value="0"></div>
                            <div class="col-3"><input type="number" class="form-control limit-characters set-default-value" name="duty_minutes" id="duty_minutes" style="width: 5em;" min="0" max="55" step="5" value="0"></div>
                        </div>
                        <div class="row">
                            <div class="col-4">
                                <span class="badge badge-pill badge-light-warning text-capitalized">Urgência</span>
                            </div>
                            <div class="col-3"><input type="number" class="form-control limit-characters set-default-value" name="urgency_hours" id="urgency_hours" style="width: 5em;" min="0" value="0"></div>
                            <div class="col-3"><input type="number" class="form-control limit-characters set-default-value" name="urgency_minutes" id="urgency_minutes" style="width: 5em;" min="0" max="55" step="5" value="0"></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">Alterar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal de alteração das configurações --}}
<div class="modal fade text-left modal-primary" id="modal_settings_unity" 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">Alterar Configurações </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="change-settings-form">
                <input type="hidden" id="id_settings_unity_modal" name="id_settings_unity_modal">
                <div class="modal-body">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 form-group">
                                <div class="d-flex justify-content-between align-items-center">
                                    <label for="sla_calculation">Parâmetro de cálculo do SLA do exame. <span class="badge badge-pill badge-dark text-capitalized" data-tooltip="tooltip" data-placement="right"
                                        data-original-title="Define qual o tipo de parâmetro que a unidade vai utilizar para realizar o cálculo do SLA do exame.">?</span></label>
                                    <div class="col-5">
                                        <div class="form-group mt-1">
                                            <select class="select2 form-control" id="sla_calculation" name="sla_calculation">
                                                <option value="entry_date">Data de entrada do Exame</option>
                                                <option value="exam_request">Data do pedido do exame</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row toggle_report_validation">
                            <div class="col-lg-12 col-md-12 form-group">
                                <div class="d-flex justify-content-between align-items-center">
                                    <label for="report_validation">Exibir QR-Code de validação do laudo. <span class="badge badge-pill badge-dark text-capitalized" data-tooltip="tooltip" data-placement="right"
                                        data-original-title="Exibe o QR-Code de validação do laudo no pdf do laudo.">?</span></label>
                                    <div class="col-5">
                                        <div class="form-group">
                                            <select class="select2 form-control" id="report_validation" name="report_validation">
                                                <option value="no">Não</option>
                                                <option value="yes">Sim</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <span id="unity-change-settings-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-settings-btn">Alterar</button>
                </div>
            </form>
        </div>
    </div>
</div>