@extends('adminlte::page')

@section('title','Novo cadastro')

@section('content_header')
    <h3>Cadastros - Paciente</h3>
@endsection
@section('css')
<style>
    .select2-selection--single {
        height: 38px !important;

    }

    .select2-container{
        width: 100% !important;
    }

</style>
@stop
@section('content')
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    <h5> <i class="icon fas fa-ban"></i>Ocorreu um erro</h5>
                    @foreach ($errors->all() as $error)
                        <li>{{$error}}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div class="card">
            <div class="card-body">
                <form action="{{route('paciente.store')}}" method="POST" class="form-horizontal" id="pacienteCreate">
                    @csrf
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Nome</label>
                        <div class="col-sm-10">
                            <input required type="text" name="cg_nome" class="form-control @error('cg_nome') is-invalid @enderror" value="{{old('cg_nome')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Nome do responsável</label>
                        <div class="col-sm-10">
                            <input type="text" name="cg_nome_responsavel" class="form-control @error('cg_nome_responsavel') is-invalid @enderror" value="{{old('cg_nome_responsavel')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label  class="col-sm-2 col-form-label">Gênero</label>
                        <div class="col-sm-10">
                            <select class="col-sm-12 form-control"  name="cg_genero">
                                    <option value="1" selected>Masculino</option>
                                    <option value="2">Feminino</option>
                            </select>
                        </div>
                    </div>
                    {{-- <div   class="form-group row">
                        <label class="col-sm-2 col-form-label">CPF</label>
                        <div class="col-sm-10">
                            <input required type="text" name="cg_cpf" class="form-control @error('cg_cpf') is-invalid @enderror" value="{{old('cg_cpf')}}">
                        </div>
                    </div> --}}
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Convênio *</label>
                        <div class="col-sm-10">
                            <select class="form-control select2-cg" name="id_cv" id="id_cv">
                                <option value=""> Nenhum</option>
                                @foreach ($convenios_select as $convenio)
                                    <option value="{{ $convenio->id_cv }}">{{ $convenio->cv_nome}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Carteira de Convênio</label>
                        <div class="col-sm-10">
                            <input id="cg_numero_convenio" type="text" name="cg_numero_convenio" class="form-control @error('cg_numero_convenio') is-invalid @enderror" value="{{old('cg_numero_convenio')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">CPF</label>
                        <div class="col-sm-10">
                            <input required type="text" id="cg_cpf" name="cg_cpf" class="form-control @error('cg_cpf') is-invalid @enderror" value="{{old('cg_cpf')}}" minlength="11" maxlength="14" placeholder="000.000.000-00">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Telefone 1</label>
                        <div class="col-sm-10">
                            <input required type="number" name="cg_telefone1" class="form-control @error('cg_telefone1') is-invalid @enderror" value="{{old('cg_telefone1')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Telefone 2</label>
                        <div class="col-sm-10">
                            <input type="number" name="cg_telefone2" class="form-control @error('cg_telefone2') is-invalid @enderror" value="{{old('cg_telefone2')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Telefone 3</label>
                        <div class="col-sm-10">
                            <input type="number" name="cg_telefone3" class="form-control @error('cg_telefone3') is-invalid @enderror" value="{{old('cg_telefone3')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Endereço</label>
                        <div class="col-sm-10">
                            <input required type="text" name="cg_endereco" class="form-control @error('cg_endereco') is-invalid @enderror" value="{{old('cg_endereco')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Data de Nascimento</label>
                        <div class="col-sm-10">
                            <input type="date" name="cg_dt_nasc" class="form-control @error('cg_dt_nasc') is-invalid @enderror" value="{{old('cg_dt_nasc')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">E-mail</label>
                        <div class="col-sm-10">
                            <input type="email" name="cg_email" class="form-control @error('cg_email') is-invalid @enderror" value="{{old('cg_email')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Observação</label>
                        <div class="col-sm-10">
                            <textarea  name="cg_observacao" id="cg_observacao" style="width: 100%;"></textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label  class="col-sm-2 col-form-label">Status</label>
                        <div class="col-sm-10">
                            <select class="col-sm-12 form-control"  name="cg_status">
                                    <option value="1" selected>Ativo</option>
                                    <option value="2">Inativo</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label  class="col-sm-2 col-form-label"></label>
                        <div class="col-sm-10">
                            <input type="submit" class="btn btn-success" value="Cadastrar">
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- Caixa de Diálogo de Confirmação -->
        <div class="modal" tabindex="-1" role="dialog" id="confirmModal">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title"><b>Aviso</b></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p id="avisoMensagem"></p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="btnAcaoNao" style="display: none;">Não</button>
                        <button type="button" class="btn btn-primary" id="btnAcaoSim" style="display: none;">Sim</button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnAcaoOk" style="display: none;">Ok</button>
                    </div>
                </div>
            </div>
        </div>
@endsection
@section('js')
<!-- Incluir jQuery MaskMoney -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>
<script>
$(document).ready(function() {


    $('.select2-cg').select2();

    $('#cg_cpf').mask('000.000.000-00');


    //Faz as validações antes de enviar o formulário
    $('#pacienteCreate').on('submit', function(event) {
        event.preventDefault(); // Prevenir o comportamento padrão do formulário

        $('#btnAcaoSim').show();
        $('#btnAcaoNao').show();
        $('#btnAcaoOk').show();

        // Verifica se o pedido médico, exame médico e exames de imagem foram preenchidos
        if ($('#id_cv').val() != '' && $('#cg_numero_convenio').val() == '' && (!$('#id_cv option:selected').text().includes('PAR'))) {

            $('.modal-body').html('<p id="avisoMensagem">É obrigatório lançar o <b> número da carteira do convênio</b>. Por favor preencha o campo ! </p> ');


            $('#btnAcaoSim').hide();
            $('#btnAcaoNao').hide();
            $('#btnAcaoOk').show();

            $('#confirmModal').modal('show');

            $('#btnAcaoSim').on('click', function() {
                $('#confirmModal').modal('hide');
                $('#vendaCreate')[0].submit();
            });

            return;

        }

        $('#pacienteCreate')[0].submit();


    });


});
</script>
@endsection