@php
$titulo = "Colaborador $pessoa->pes_id";
@endphp
@include('components.head')
<style>
    table,
    th,
    td {
        border: 1px solid rgb(0, 0, 0);
        border-collapse: collapse;
    }
</style>
<div class="container">
    <h4>Informações de {{"$pessoa->pes_nome $pessoa->pes_ultimo_nome "}} </h4>
    @if (session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <div class="col-md-12 mb-2">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <h5 class="col-10">Informações do colaborador</h5><button id="abreModalEditarBasico" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarBasico">Editar</button>
                </div>
                <hr>
                <div class="row">
                    <div class="col-6">
                        Nome completo:
                        <p><strong>{{$pessoa->pes_nome_completo ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-6">
                        Nome Social:
                        <p><strong>{{$pessoa->pes_nome_social ?? $pessoa->pes_nome_completo}}</strong></p>
                    </div>
                    <div class="col-3">
                        Primeiro nome:
                        <p><strong>{{$pessoa->pes_nome ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        Ultimo nome:
                        <p><strong>{{$pessoa->pes_ultimo_nome ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-2">
                        Data de nascimento:
                        <p><strong>@if(!empty($pessoa->pes_data_nascimento)){{ \Carbon\Carbon::createFromFormat('Y-m-d', $pessoa->pes_data_nascimento)->format('d/m/Y')}}
                                @else
                                {{"Não cadastrado"}}
                                @endif</strong></p>
                    </div>
                    <div class="col-2">
                        Mes de Aniversario:
                        <p><strong>{{$pessoa->pes_mes_aniversario ?? "Não cadastrado"}}</strong></p>
                    </div>
                </div>
            </div>
        </div>
        <div id="modalEditarBasico" class="modal fade" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-lg">
                <div class="modal-content" role="document">
                    <div class="modal-body">
                        <form id="formInfoBasica" method="post" action="{{route('rh.colaboradores.editabasico', ['pes_id' => $pessoa->pes_id])}}">
                            @csrf
                            <div class="modal-header mb-2">
                                <h4>Editando Informações básicas</h4>
                            </div>
                            <div class="form-group">
                                <label for="pes_nome">Nome</label>
                                <input class="form-control" name="pes_nome" type="text" value="{{$pessoa->pes_nome}}">
                            </div>
                            <div class="form-group">
                                <label for="pes_ultimo_nome">Ultimo nome</label>
                                <input class="form-control" name="pes_ultimo_nome" type="text" value="{{$pessoa->pes_ultimo_nome}}">
                            </div>
                            <div class="form-group">
                                <label for="pes_nome_completo">Nome completo</label>
                                <input class="form-control" name="pes_nome_completo" type="text" value="{{$pessoa->pes_nome_completo}}">
                            </div>
                            <div class="form-group">
                                <label for="pes_data_nascimento">Data de nascimento</label>
                                <input class="form-control" name="pes_data_nascimento" type="date" value="{{$pessoa->pes_data_nascimento}}" max="{{ \Carbon\Carbon::now()->setTimezone('America/Sao_Paulo')->format('Y/m/d') }}">
                            </div>
                            <div class="form-group">
                                <label for="pes_nome_social">Nome social</label>
                                <input class="form-control" name="pes_nome_social" type="text" value="{{$pessoa->pes_nome_social}}">
                            </div>
                            <div class="form-group">
                                <label for="pes_mes_aniversario">Mês de aniversário</label>
                                <input class="form-control" name="pes_mes_aniversario" type="number" min="1" max="12" value="{{$pessoa->pes_mes_aniversario}}">
                                <div id="alert" style="display:none; color: red;">O número inserido não é permitido. Por favor, insira um valor entre 1 e 12.</div>
                                <script>
                                    document.getElementById('pes_mes_aniversario').addEventListener('input', function() {
                                        var input = this;
                                        var alertBox = document.getElementById('alert');
                                        if (input.value < 1 || input.value > 12) {
                                            alertBox.style.display = 'block';
                                        } else {
                                            alertBox.style.display = 'none';
                                        }
                                    });
                                </script>
                            </div>
                            <div class="row">
                                <div class="col-12 justify-content-center d-flex mx-auto ">

                                    <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                                    <button class="btn btn-success ml-2" type="submit">Salvar</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-12 mb-2">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <h5 class="col-10">Informações do endereço</h5><button id="abreModalEditarEndereco" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarEndereco">Editar</button>
                </div>
                <hr>
                <div class="row">
                    <div class="col-6">
                        Endereço:
                        <p><strong>{{$pessoa->pes_endereco ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-6">
                        Complemento:
                        <p><strong>{{$pessoa->pes_complemento ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        Numero:
                        <p><strong>{{$pessoa->pes_numero ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        Bairro:
                        <p><strong>{{$pessoa->pes_bairro ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-2">
                        Cidade:
                        <p><strong>{{$pessoa->pes_cidade ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-2">
                        Estado:
                        <p><strong>{{$pessoa->pes_estado ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-2">
                        CEP:
                        <p><strong>{{$pessoa->pes_cep ?? "Não cadastrado"}}</strong></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="modalEditarEndereco" class="modal fade" role='dialog' tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" role='document'>
                <div class="modal-body">
                    <form action="{{route('rh.colaboradores.editaendereco', ['pes_id' => $pessoa->pes_id])}}" method="post" id="formInfoEndereco">
                        @csrf
                        <div class='modal-header mb-2'>
                            <h4>Editando Informações de endereço</h4>
                        </div>
                        <div class="form-group">
                            <label for="pes_endereco">Endereço</label>
                            <input name="pes_endereco" type="text" class="form-control" value={{$pessoa->pes_endereco}}>
                        </div>
                        <div class="form-group">
                            <label for="pes_complemento">Complemento</label>
                            <input type="text" class="form-control" value="{{$pessoa->pes_complemento}}" name="pes_complemento">
                        </div>
                        <div class="form-group">
                            <label for="pes_numero">Numero</label>
                            <input type="text" value="{{$pessoa->pes_numero}}" name="pes_numero" class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="pes_bairro">Bairro</label>
                            <input type="text" value="{{$pessoa->pes_bairro}}"
                                name="pes_bairro" class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="pes_cidade">Cidade</label>
                            <input type="text" value="{{$pessoa->pes_cidade}}"
                                name="pes_cidade" class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="pes_estado">Estado</label>
                            <input type="text" name="pes_estado" value="{{$pessoa->pes_estado}}" class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="pes_cep">CEP</label>
                            <input type="text" value="{{$pessoa->pes_cep}}" name="pes_cep" class="form-control" maxlength="10" oninput="formatCEP(this)">
                        </div>

                        <script>
                            function formatCEP(input) {
                                // Remove tudo que não for número
                                let value = input.value.replace(/\D/g, '');

                                // Adiciona a máscara de CEP
                                if (value.length > 5) {
                                    value = value.replace(/^(\d{2})(\d{3})(\d{0,3})$/, '$1.$2-$3');
                                } else if (value.length > 2) {
                                    value = value.replace(/^(\d{2})(\d{0,3})$/, '$1.$2');
                                }

                                input.value = value;
                            }
                        </script>

                        <div class="row">
                            <div class="col-12 justify-content-center d-flex mx-auto ">

                                <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                                <button class="btn btn-success ml-2" type="submit">Salvar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-12 mb-2">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <h5 class="col-10">Informações de documentos</h5><button id="abreModalEditarDocumento" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarDocumento">Editar</button>
                </div>
                <hr>
                <div class="row">
                    <div class="col-3">
                        CPF:
                        <p><strong>{{$pessoa->pes_cpf ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        RG:
                        <p><strong>{{$pessoa->pes_rg ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        Orgão expedidor:
                        <p><strong>{{$pessoa->pes_orgaoexpedidor_rg ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        UF do RG:
                        <p><strong>{{$pessoa->pes_uf_rg ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        Data RG:
                        <p><strong>{{$pessoa->pes_data_rg ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        CTPS:
                        <p><strong>{{$pessoa->pes_ctps ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        Data da CTPS:
                        <p><strong>{{$pessoa->pes_data_ctps ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        PIS:
                        <p><strong>{{$pessoa->pes_pis ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        Título de eleitor:
                        <p><strong>{{$pessoa->pes_titulo_eleitor ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        CNH categoria:
                        <p><strong>{{$pessoa->pes_cnh_categoria ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        CNH numero:
                        <p><strong>{{$pessoa->pes_cnh_numero ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        CNH validade:
                        <p><strong>{{$pessoa->pes_cnh_vencimento ?? "Não cadastrado"}}</strong></p>
                    </div>
                    <div class="col-3">
                        Fator RH:
                        <p><strong>{{$pessoa->pes_fator_rh ?? "Não cadastrado"}}</strong></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="modalEditarDocumento" class="modal fade" role='dialog' tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" role='document'>
                <div class="modal-body">
                    <form action="{{route('rh.colaboradores.editadocumento', ['pes_id' => $pessoa->pes_id])}}" method="post" id="formInfoDocumento">
                        @csrf
                        <div class='modal-header mb-2'>
                            <h4>Editando Informações de documento</h4>
                        </div>
                        <div class="form-group">
                            <label for="pes_rg">RG</label>
                            <input value={{$pessoa->pes_rg ?? null}} name="pes_rg" type="text" class="form-control" maxlength="12" oninput="formatRG(this)">
                        </div>
                        <script>
                            function formatRG(input) {
                                // Remove tudo que não for número
                                let value = input.value.replace(/\D/g, '');

                                // Aplica a máscara de RG
                                if (value.length > 8) {
                                    value = value.replace(/^(\d{2})(\d{3})(\d{3})(\d{0,1})$/, '$1.$2.$3-$4');
                                } else if (value.length > 5) {
                                    value = value.replace(/^(\d{2})(\d{3})(\d{0,3})$/, '$1.$2.$3');
                                } else if (value.length > 2) {
                                    value = value.replace(/^(\d{2})(\d{0,3})$/, '$1.$2');
                                }

                                input.value = value;
                            }
                        </script>
                        <div class="form-group">
                            <label for="pes_cpf">CPF</label>
                            <input type="text" class="form-control" value="{{$pessoa->pes_cpf ?? null }}" name="pes_cpf" maxlength="11" oninput="formatCPF(this)">
                        </div>
                        <div class="form-group">
                            <label for="pes_ctps">CTPS</label>
                            <input type="text" value="{{$pessoa->pes_ctps ?? null}}" maxlength="20" name="pes_ctps" oninput="formatCTPS(this)" class="form-control">
                        </div>

                        <script>
                            function formatCPTS(input) {
                                // Remove tudo que não for número ou letras
                                let value = input.value.replace(/[^\dA-Za-z]/g, '');

                                // Aplica a máscara de CPTS
                                if (value.length > 11) {
                                    value = value.replace(/^(\d{3})(\d{5})(\d{2})([A-Za-z]{0,2})$/, '$1.$2.$3-$4');
                                } else if (value.length > 9) {
                                    value = value.replace(/^(\d{3})(\d{5})(\d{0,2})$/, '$1.$2.$3');
                                } else if (value.length > 3) {
                                    value = value.replace(/^(\d{3})(\d{0,5})$/, '$1.$2');
                                }

                                // Adiciona o espaço e a série do estado no final, caso necessário
                                if (value.length > 12) {
                                    value = value.replace(/(\d{11})-([A-Za-z]{0,2})$/, '$1 / $2');
                                }

                                input.value = value;
                            }
                        </script>
                        <div class="form-group">
                            <label for="pes_data_ctps">Data CTPS</label>
                            <input type="date" value="{{$pessoa->pes_data_ctps}}"
                                name="pes_data_ctps" class="form-control" max="{{ \Carbon\Carbon::now()->setTimezone('America/Sao_Paulo')->format('Y/m/d') }}">
                        </div>
                        <div class="form-group">
                            <label for="pes_pis">PIS</label>
                            <input type="text" value="{{$pessoa->pes_pis ??= null}}"
                                name="pes_pis" class="form-control" maxlength="13" oninput="formatPIS(this)">
                        </div>
                        <script>
                            function formatPIS(input) {
                                // Remove tudo que não for número
                                let value = input.value.replace(/\D/g, '');
                                // Aplica a máscara de PIS
                                if (value.length > 10) {
                                    value = value.replace(/^(\d{3})(\d{5})(\d{2})(\d{0,1})$/, '$1.$2.$3-$4');
                                } else if (value.length > 8) {
                                    value = value.replace(/^(\d{3})(\d{5})(\d{0,2})$/, '$1.$2.$3');
                                } else if (value.length > 3) {
                                    value = value.replace(/^(\d{3})(\d{0,5})$/, '$1.$2');
                                }
                                input.value = value;
                            }
                        </script>
                        <div class="form-group">
                            <label for="pes_fator_rh">Fator RH</label>
                            <select class="form-control  custom-select" name="pes_fator_rh" id="pes_fator_rh" required>
                                <option value="">Selecione</option>
                                <option value="A-" {{ $pessoa->pes_fator_rh == 'A-' ? 'selected' : 'Não cadastrado'}}>A-</option>
                                <option value="A+" {{ $pessoa->pes_fator_rh == 'A+' ? 'selected' : 'Não cadastrado'}}>A+</option>
                                <option value="B-" {{ $pessoa->pes_fator_rh == 'B-' ? 'selected' : 'Não registrado'}}>B-</option>
                                <option value="B+" {{ $pessoa->pes_fator_rh == 'B+' ? 'selected' : 'Não registrado'}}>B+</option>
                                <option value="AB-" {{ $pessoa->pes_fator_rh == 'AB-' ? 'selected' : 'Não informado'}}>AB-</option>
                                <option value="AB+" {{ $pessoa->pes_fator_rh == 'AB+' ? 'selected' : 'Não informado'}}>AB+</option>
                                <option value="O-" {{ $pessoa->pes_fator_rh == 'O-' ? 'selected' : 'Não declarado'}}>O-</option>
                                <option value="O+" {{ $pessoa->pes_fator_rh == 'O+' ? 'selected' : 'Não declarado'}}>O+</option>

                            </select>
                        </div>
                        <div class="form-group">
                            <label for="pes_orgaoexpedidor_rg">Orgão expedidor RG</label>
                            <input type="text" value="{{$pessoa->pes_orgaoexpedidor_rg}}" name="pes_orgaoexpedidor_rg" class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="pes_uf_rg">UF do RG</label>
                            {{-- <input type="text" value="{{$pessoa->pes_uf_rg}}" name="pes_uf_rg" class="form-control"> --}}
                            <select class="form-control  custom-select" name="pes_uf_rg" id="pes_uf_rg" required>
                                <option value="">Selecione</option>
                                <option value="AC" {{ $pessoa->pes_uf_rg == 'AC' ? 'selected' : ''}}>AC</option>
                                <option value="AL" {{ $pessoa->pes_uf_rg == 'AL' ? 'selected' : ''}}>AL</option>
                                <option value="AP" {{ $pessoa->pes_uf_rg == 'AP' ? 'selected' : ''}}>AP</option>
                                <option value="AM" {{ $pessoa->pes_uf_rg == 'AM' ? 'selected' : ''}}>AM</option>
                                <option value="BA" {{ $pessoa->pes_uf_rg == 'AC' ? 'selected' : ''}}>BA</option>
                                <option value="CE" {{ $pessoa->pes_uf_rg == 'CE' ? 'selected' : ''}}>CE</option>
                                <option value="DF" {{ $pessoa->pes_uf_rg == 'DF' ? 'selected' : ''}}>DF</option>
                                <option value="ES" {{ $pessoa->pes_uf_rg == 'ES' ? 'selected' : ''}}>ES</option>
                                <option value="GO" {{ $pessoa->pes_uf_rg == 'GO' ? 'selected' : ''}}>GO</option>
                                <option value="MA" {{ $pessoa->pes_uf_rg == 'MA' ? 'selected' : ''}}>MA</option>
                                <option value="MT" {{ $pessoa->pes_uf_rg == 'MT' ? 'selected' : ''}}>MT</option>
                                <option value="MS" {{ $pessoa->pes_uf_rg == 'MS' ? 'selected' : ''}}>MS</option>
                                <option value="MG" {{ $pessoa->pes_uf_rg == 'MS' ? 'selected' : ''}}>MG</option>
                                <option value="PA" {{ $pessoa->pes_uf_rg == 'PA' ? 'selected' : ''}}>PA</option>
                                <option value="PB" {{ $pessoa->pes_uf_rg == 'PB' ? 'selected' : ''}}>PB</option>
                                <option value="PR" {{ $pessoa->pes_uf_rg == 'PR' ? 'selected' : ''}}>PR</option>
                                <option value="PE" {{ $pessoa->pes_uf_rg == 'PE' ? 'selected' : ''}}>PE</option>
                                <option value="PI" {{ $pessoa->pes_uf_rg == 'PI' ? 'selected' : ''}}>PI</option>
                                <option value="RJ" {{ $pessoa->pes_uf_rg == 'RJ' ? 'selected' : ''}}>RJ</option>
                                <option value="RN" {{ $pessoa->pes_uf_rg == 'RN' ? 'selected' : ''}}>RN</option>
                                <option value="RS" {{ $pessoa->pes_uf_rg == 'RS' ? 'selected' : ''}}>RS</option>
                                <option value="RO" {{ $pessoa->pes_uf_rg == 'RO' ? 'selected' : ''}}>RO</option>
                                <option value="RR" {{ $pessoa->pes_uf_rg == 'RR' ? 'selected' : ''}}>RR</option>
                                <option value="SC" {{ $pessoa->pes_uf_rg == 'SC' ? 'selected' : ''}}>SC</option>
                                <option value="SP" {{ $pessoa->pes_uf_rg == 'SP' ? 'selected' : ''}}>SP</option>
                                <option value="SE" {{ $pessoa->pes_uf_rg == 'SE' ? 'selected' : ''}}>SE</option>
                                <option value="TO" {{ $pessoa->pes_uf_rg == 'TO' ? 'selected' : ''}}>TO</option>

                            </select>
                        </div>
                        <div class="form-group">
                            <label for="pes_data_rg">Emissão do RG</label>
                            <input type="date" value="{{$pessoa->pes_data_rg}}" name="pes_data_rg" class="form-control" max="{{ \Carbon\Carbon::now()->setTimezone('America/Sao_Paulo')->format('Y/m/d') }}">
                        </div>
                        <div class="form-group">
                            <label for="pes_titulo_eleitor">Titulo de eleitor</label>
                            <input type="text" value="{{$pessoa->pes_titulo_eleitor ??= null}}" name="pes_titulo_eleitor" maxlength="12" class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="pes_cnh_categoria">Categoria da CNH</label>
                            {{-- <input type="text" value="{{$pessoa->pes_cnh_categoria}}" name="pes_cnh_categoria" class="form-control"> --}}
                            <select name="pes_cnh_categoria" id="pes_cnh_categoria" class="form-control  custom-select">
                                <option value="">Selecione</option>
                                <option value="ACC" {{ $pessoa->pes_cnh_categoria == 'ACC' ? 'selected' : ''}}>ACC</option>
                                <option value="A" {{ $pessoa->pes_cnh_categoria == 'A' ? 'selected' : ''}}>A</option>
                                {{-- <option value="A1" {{ $pessoa->pes_cnh_categoria == 'A1' ? 'selected' : ''}}>A1</option> --}}
                                <option value="B" {{ $pessoa->pes_cnh_categoria == 'B' ? 'selected' : ''}}>B</option>
                                {{-- <option value="B1" {{ $pessoa->pes_cnh_categoria == 'B1' ? 'selected' : ''}}>B1</option> --}}
                                <option value="AB" {{ $pessoa->pes_cnh_categoria == 'AB' ? 'selected' : ''}}>AB</option>
                                <option value="C" {{ $pessoa->pes_cnh_categoria == 'C' ? 'selected' : ''}}>C</option>
                                {{-- <option value="C1" {{ $pessoa->pes_cnh_categoria == 'C1' ? 'selected' : ''}}>C1</option> --}}
                                <option value="AC" {{ $pessoa->pes_cnh_categoria == 'AC' ? 'selected' : ''}}>AC</option>
                                <option value="D" {{ $pessoa->pes_cnh_categoria == 'D' ? 'selected' : ''}}>D</option>
                                {{-- <option value="D1" {{ $pessoa->pes_cnh_categoria == 'D1' ? 'selected' : ''}}>D1</option> --}}
                                <option value="AD" {{ $pessoa->pes_cnh_categoria == 'AD' ? 'selected' : ''}}>AD</option>
                                <option value="BE" {{ $pessoa->pes_cnh_categoria == 'BE' ? 'selected' : ''}}>BE</option>
                                <option value="ABE" {{ $pessoa->pes_cnh_categoria == 'ABE' ? 'selected' : ''}}>ABE</option>
                                <option value="CE" {{ $pessoa->pes_cnh_categoria == 'CE' ? 'selected' : ''}}>CE</option>
                                {{-- <option value="C1E" {{ $pessoa->pes_cnh_categoria == 'C1E' ? 'selected' : ''}}>C1E</option> --}}
                                <option value="ACE" {{ $pessoa->pes_cnh_categoria == 'ACE' ? 'selected' : ''}}>ACE</option>
                                <option value="DE" {{ $pessoa->pes_cnh_categoria == 'DE' ? 'selected' : ''}}>DE</option>
                                {{-- <option value="D1E" {{ $pessoa->pes_cnh_categoria == 'D1E' ? 'selected' : ''}}>D1E</option> --}}
                                <option value="ADE" {{ $pessoa->pes_cnh_categoria == 'ADE' ? 'selected' : ''}}>ADE</option>
                            </select>
                        </div>

                <div class="form-group">
                    <label for="pes_cnh_numero">Numero de Registro da CNH</label>
                    <input type="textnumber" value="{{$pessoa->pes_cnh_numero ??= null}}" name="pes_cnh_numero" maxlength="13" size="13" class="form-control">
                </div>
                <div class="form-group">
                    <label for="pes_cnh_vencimento">Vencimento da CNH</label>
                    <input type="date" value="{{$pessoa->pes_cnh_vencimento}}" name="pes_cnh_vencimento" class="form-control">
                </div>

                <div class="row">
                    <div class="col-12 justify-content-center d-flex mx-auto ">
                        <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                        <button class="btn btn-success ml-2" type="submit">Salvar</button>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="col-md-12 mb-2">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <h5 class="col-10">Informações pessoais</h5><button id="abreModalEditarPessoais" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarPessoais">Editar</button>
            </div>
            <hr>
            <div class="row">
                <div class="col-3">
                    Cidade de nascimento:
                    <p><strong>{{$pessoa->pes_cidade_nascimento ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Gênero:
                    <p><strong>{{$pessoa->pes_genero ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Sexo:
                    <p><strong>{{$pessoa->pes_sexo ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    UF nascimento:
                    <p><strong>{{$pessoa->pes_uf_nascimento ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Email:
                    <p><strong>{{$pessoa->pes_email ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Estado Civil:
                    <p><strong>{{$pessoa->pes_estado_civil ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Celular:
                    <p><strong>{{$pessoa->pes_cel ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Telefone:
                    <p><strong>{{$pessoa->pes_tel ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Primeira filiação:
                    <p><strong>{{$pessoa->pes_filiacao1 ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Segunda filiação:
                    <p><strong>{{$pessoa->pes_filiacao2 ?? "Não cadastrado"}}</strong></p>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="modalEditarPessoais" class="modal fade" role='dialog' tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" role='document'>
            <div class="modal-body">
                <form action="{{route('rh.colaboradores.editacontato', ['pes_id' => $pessoa->pes_id])}}" method="post" id="formInfoContato">
                    @csrf
                    <div class='modal-header mb-2'>
                        <h4>Editando Informações pessoais</h4>
                    </div>
                    <div class="form-group">
                        <label for="pes_cidade_nascimento">Cidade de nascimento</label>
                        <input name="pes_cidade_nascimento" type="text" class="form-control" value={{$pessoa->pes_cidade_nascimento}}>
                    </div>
                    <div class="form-group">
                        <label for="pes_genero">Gênero</label>
                        <input type="text" class="form-control" value="{{$pessoa->pes_genero}}" name="pes_genero">
                    </div>
                    <div class="form-group">
                        <label for="pes_sexo">Sexo</label>
                        <select name="pes_sexo" id="pes_sexo" class="form-control  custom-select" onchange="handleSexoChange(event)">
                            <option value="">Selecione</option>
                            <option value="Feminino" {{ $pessoa->pes_sexo == 'Feminino' ? 'selected' : '' }}>Feminino</option>
                            <option value="Masculino" {{ $pessoa->pes_sexo == 'Masculino' ? 'selected' : '' }}>Masculino</option>
                            <option value="custom" {{ $pessoa->pes_sexo != 'Feminino' && $pessoa->pes_sexo != 'Masculino' && $pessoa->pes_sexo != '' ? 'selected' : '' }}>Outros</option>
                        </select>

                        <!-- Campo de entrada para valor personalizado -->
                        <input
                            type="text"
                            id="pes_sexo_custom"
                            name="pes_sexo_custom"
                            class="form-control mt-2"
                            placeholder="Digite aqui se selecionou 'Outros'"
                            value="{{ $pessoa->pes_sexo != 'Feminino' && $pessoa->pes_sexo != 'Masculino' ? $pessoa->pes_sexo : '' }}"
                            style="display: {{ $pessoa->pes_sexo != 'Feminino' && $pessoa->pes_sexo != 'Masculino' && $pessoa->pes_sexo != '' ? 'block' : 'none' }};">


                        </select>
                        <script>
                            function handleSexoChange(event) {
                                const select = document.getElementById('pes_sexo');
                                const customInput = document.getElementById('pes_sexo_custom');

                                if (select.value === 'custom') {
                                    customInput.style.display = 'block';
                                    customInput.required = true;

                                    // Caso o input esteja vazio, atribua um valor padrão para exibição.
                                    if (!customInput.value) {
                                        customInput.value = ''; // Limpe o valor ou atribua algo inicial, como "Outros".
                                    }
                                } else {
                                    customInput.style.display = 'none';
                                    customInput.required = false;

                                    // Limpa o valor personalizado caso uma opção fixa seja escolhida.
                                    customInput.value = '';
                                }
                            }
                        </script>

                    </div>
                    <div class="form-group">
                        <label for="pes_uf_nascimento">UF de nascimento</label>
                        <select class="form-control  custom-select" name="pes_uf_nascimento" id="pes_uf_nascimento" required>
                            <option value="">Selecione</option>
                            <option value="AC" {{ $pessoa->pes_uf_nascimento == 'AC' ? 'selected' : ''}}>AC</option>
                            <option value="AL" {{ $pessoa->pes_uf_nascimento == 'AL' ? 'selected' : ''}}>AL</option>
                            <option value="AP" {{ $pessoa->pes_uf_nascimento == 'AP' ? 'selected' : ''}}>AP</option>
                            <option value="AM" {{ $pessoa->pes_uf_nascimento == 'AM' ? 'selected' : ''}}>AM</option>
                            <option value="BA" {{ $pessoa->pes_uf_nascimento == 'AC' ? 'selected' : ''}}>BA</option>
                            <option value="CE" {{ $pessoa->pes_uf_nascimento == 'CE' ? 'selected' : ''}}>CE</option>
                            <option value="DF" {{ $pessoa->pes_uf_nascimento == 'DF' ? 'selected' : ''}}>DF</option>
                            <option value="ES" {{ $pessoa->pes_uf_nascimento == 'ES' ? 'selected' : ''}}>ES</option>
                            <option value="GO" {{ $pessoa->pes_uf_nascimento == 'GO' ? 'selected' : ''}}>GO</option>
                            <option value="MA" {{ $pessoa->pes_uf_nascimento == 'MA' ? 'selected' : ''}}>MA</option>
                            <option value="MT" {{ $pessoa->pes_uf_nascimento == 'MT' ? 'selected' : ''}}>MT</option>
                            <option value="MS" {{ $pessoa->pes_uf_nascimento == 'MS' ? 'selected' : ''}}>MS</option>
                            <option value="MG" {{ $pessoa->pes_uf_nascimento == 'MS' ? 'selected' : ''}}>MG</option>
                            <option value="PA" {{ $pessoa->pes_uf_nascimento == 'PA' ? 'selected' : ''}}>PA</option>
                            <option value="PB" {{ $pessoa->pes_uf_nascimento == 'PB' ? 'selected' : ''}}>PB</option>
                            <option value="PR" {{ $pessoa->pes_uf_nascimento == 'PR' ? 'selected' : ''}}>PR</option>
                            <option value="PE" {{ $pessoa->pes_uf_nascimento == 'PE' ? 'selected' : ''}}>PE</option>
                            <option value="PI" {{ $pessoa->pes_uf_nascimento == 'PI' ? 'selected' : ''}}>PI</option>
                            <option value="RJ" {{ $pessoa->pes_uf_nascimento == 'RJ' ? 'selected' : ''}}>RJ</option>
                            <option value="RN" {{ $pessoa->pes_uf_nascimento == 'RN' ? 'selected' : ''}}>RN</option>
                            <option value="RS" {{ $pessoa->pes_uf_nascimento == 'RS' ? 'selected' : ''}}>RS</option>
                            <option value="RO" {{ $pessoa->pes_uf_nascimento == 'RO' ? 'selected' : ''}}>RO</option>
                            <option value="RR" {{ $pessoa->pes_uf_nascimento == 'RR' ? 'selected' : ''}}>RR</option>
                            <option value="SC" {{ $pessoa->pes_uf_nascimento == 'SC' ? 'selected' : ''}}>SC</option>
                            <option value="SP" {{ $pessoa->pes_uf_nascimento == 'SP' ? 'selected' : ''}}>SP</option>
                            <option value="SE" {{ $pessoa->pes_uf_nascimento == 'SE' ? 'selected' : ''}}>SE</option>
                            <option value="TO" {{ $pessoa->pes_uf_nascimento == 'TO' ? 'selected' : ''}}>TO</option>

                        </select>
                    </div>
                    <div class="form-group">
                        <label for="pes_email">Email</label>
                        <input type="email" value="{{$pessoa->pes_email}}"
                            name="pes_email" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="pes_estado_civil">Estado civil</label>
                        <select name="pes_estado_civil" id="pes_estado_civil" class="form-control  custom-select" required>
                            <option value="" class="i">Selecione</option>
                            <option value="Solteiro" {{ $pessoa->pes_estado_civil == 'Solteiro' ? 'selected' : ''}}>Solteiro</option>
                            <option value="Casado" {{ $pessoa->pes_estado_civil == 'Casado' ? 'selected' : ''}}>Casado</option>
                            <option value="Divorciado" {{ $pessoa->pes_estado_civil == 'Divorciado' ? 'selected' : ''}}>Divorciado</option>
                            <option value="Separado" {{ $pessoa->pes_estado_civil == 'Separado' ? 'selected' : ''}}>Separado</option>
                            <option value="Viuvo" {{ $pessoa->pes_estado_civil == 'Viuvo' ? 'selected' : ''}}>Viúvo</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="pes_cel">Celular</label>
                        <input type="text" name="pes_cel" class="form-control" placeholder="(XX) XXXXX-XXXX" value="{{$pessoa->pes_cel}}" oninput="formatCelular(this)">
                    </div>
                    <div class="form-group">
                        <label for="pes_tel">Telefone</label>
                        <input type="text" id="pes_tel" name="pes_tel" class="form-control" placeholder="(XX) XXXX-XXXX" value="{{$pessoa->pes_tel}}" oninput="formatTelefone(this)">
                    </div>
                    <script>
                        // Função para formatar telefone fixo
                        function formatTelefone(input) {
                            let value = input.value.replace(/\D/g, ''); // Remove tudo que não for número
                            value = value.replace(/^(\d{2})(\d)/, '($1) $2'); // Coloca parênteses em volta do DDD
                            value = value.replace(/(\d{4})(\d)/, '$1-$2'); // Adiciona o traço no número
                            input.value = value.substring(0, 14); // Limita a 14 caracteres
                        }

                        // Função para formatar celular
                        function formatCelular(input) {
                            let value = input.value.replace(/\D/g, ''); // Remove tudo que não for número
                            value = value.replace(/^(\d{2})(\d)/, '($1) $2'); // Coloca parênteses em volta do DDD
                            value = value.replace(/(\d{5})(\d)/, '$1-$2'); // Adiciona o traço no número
                            input.value = value.substring(0, 16); // Limita a 15 caracteres
                        }
                    </script>
                    <div class="form-group">
                        <label for="pes_filiacao1">Filiação</label>
                        <input type="text" name="pes_filiacao1" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="pes_filiacao2">Segunda Filiação</label>
                        <input type="text" name="pes_filiacao2" class="form-control">
                    </div>
                    <div class="row">
                        <div class="col-12 justify-content-center d-flex mx-auto ">

                            <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                            <button class="btn btn-success ml-2" type="submit">Salvar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="col-md-12 mb-2">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <h5 class="col-10">Informações bancárias</h5><button id="abreModalEditarBanco" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarBanco">Editar</button>
            </div>
            <hr>
            <div class="row">
                <div class="col-3">
                    Nome do Banco:
                    <p><strong>{{$pessoa->pes_banco ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Agência:
                    <p><strong>{{$pessoa->pes_agencia ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-6">
                    Conta:
                    <p><strong>{{$pessoa->pes_conta ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Chave pix:
                    <p><strong>{{$pessoa->pes_chavepix ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Tipo de chave:
                    <p><strong>{{$pessoa->pes_tipochavepix ?? "Não cadastrado"}}</strong></p>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="modalEditarBanco" class="modal fade" role='dialog' tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" role='document'>
            <div class="modal-body">
                <form action="{{route('rh.colaboradores.editabanco', ['pes_id' => $pessoa->pes_id])}}" method="post" id="formInfoBanco">
                    @csrf
                    <div class='modal-header mb-2'>
                        <h4>Editando Informações de banco</h4>
                    </div>
                    <div class="row mb-2">
                        <h6>Dados bancários</h6>
                        <div class="col-6">
                            <label for="pes_banco">Nome do banco</label>
                            <input name="pes_banco" type="text" class="form-control" value={{$pessoa->pes_banco}}>
                        </div>
                        <div class="col-3">
                            <label for="pes_agencia">Agência</label>
                            <input type="text" class="form-control" value="{{$pessoa->pes_agencia}}" name="pes_agencia" placeholder="1234-5"
                                oninput="formatAgencia(this)">
                        </div>
                        <div class="col-3">
                            <label for="pes_conta">Conta</label>
                            <input type="text" value="{{$pessoa->pes_conta}}" name="pes_conta" class="form-control" placeholder="123456-7"
                                oninput="formatConta(this)">
                        </div>
                    </div>

                    <div class="row mb-2">
                        <h6>Dados Pix</h6>
                        <div class="col-6">
                            <label for="pes_chavepix">Chave pix</label>
                            <input type="text" value="{{$pessoa->pes_chavepix}}" name="pes_chavepix" class="form-control">
                        </div>
                        <div class="col-6">
                            <label for="pes_tipochavepix">Tipo da chave PIX</label>
                            <select name="pes_tipochavepix" id="pes_tipochavepix" class="form-control  custom-select" required>
                                <option value="" class="i">Selecione</option>
                                <option value="CPF" {{ $pessoa->pes_tipochavepix == 'CPF' ? 'selected' : ''}}>CPF</option>
                                <option value="CNPJ" {{ $pessoa->pes_tipochavepix == 'CNPJ' ? 'selected' : ''}}>CNPJ</option>
                                <option value="Numero de celular" {{ $pessoa->pes_tipochavepix == 'Numero de celular' ? 'selected' : ''}}>Numero de celular</option>
                                <option value="Chave aleatoria" {{ $pessoa->pes_tipochavepix == 'Chave aleatoria' ? 'selected' : ''}}>Chave aleatória</option>

                            </select>
                        </div>
                    </div>

                    <script>
                        // Formata o campo Agência (1234-5)
                        function formatAgencia(input) {
                            let value = input.value.replace(/\D/g, ''); // Remove não numéricos
                            value = value.replace(/^(\d{4})(\d?)/, '$1-$2'); // Adiciona o traço no formato correto
                            input.value = value.substring(0, 6); // Limita a 6 caracteres
                        }

                        // Formata o campo Conta (123456-7)
                        function formatConta(input) {
                            let value = input.value.replace(/\D/g, ''); // Remove não numéricos
                            value = value.replace(/^(\d+)(\d{1})$/, '$1-$2'); // Adiciona o traço antes do dígito verificador
                            input.value = value.substring(0, 9); // Limita a 9 caracteres
                        }
                    </script>
                    <div class="row">
                        <div class="col-12 justify-content-center d-flex mx-auto ">

                            <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                            <button class="btn btn-success ml-2" type="submit">Salvar</button>
                        </div>
                        <script>
                            document.addEventListener('DOMContentLoaded', function() {
                                const form = document.querySelector('formInfoBanco'); // Substitua pelo seletor do seu formulário, se necessário
                                form.addEventListener('keypress', function(event) {
                                    if (event.key === 'Enter') {
                                        // Impede que o formulário seja enviado automaticamente
                                        event.preventDefault();

                                        // Envia apenas se o botão "Enviar" for visível
                                        const submitButton = form.querySelector('button[type="submit"]');
                                        if (submitButton) {
                                            submitButton.click();
                                        }
                                    }
                                });
                            });
                        </script>

                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="col-md-12 mb-5">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <h5 class="col-10">Informações de vestuário</h5><button id="abreModalEditarVestuario" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarVestuario">Editar</button>
            </div>
            <hr>
            <div class="row">
                <div class="col-2">
                    Tamanho camisa polo:
                    <p><strong>{{$pessoa->pes_tam_polo ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-2">
                    Tamanho camisa social:
                    <p><strong>{{$pessoa->pes_tam_social ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-2">
                    Tamanho calça:
                    <p><strong>{{$pessoa->pes_tam_calca ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-2">
                    Tamanho sapato:
                    <p><strong>{{$pessoa->pes_tam_sapato ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-2">
                    Tamanho luva:
                    <p><strong>{{$pessoa->pes_tam_luva ?? "Não cadastrado"}}</strong></p>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="modalEditarVestuario" class="modal fade" role='dialog' tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" role='document'>
            <div class="modal-body">
                <form action="{{route('rh.colaboradores.editavestuario', ['pes_id' => $pessoa->pes_id])}}" method="post" id="formInfoVestuario">
                    @csrf
                    <div class='modal-header mb-2'>
                        <h4>Editando Informações de vestuário</h4>
                    </div>
                    <div class="form-group">
                        <label for="pes_tam_polo">Tamanho da camisa polo</label>
                        <select class="form-control  custom-select" name="pes_tam_polo" id="pes_tam_polo" required>
                            <option value="">Selecione</option>
                            <option value="PP" {{ $pessoa->pes_tam_polo == 'PP' ? 'selected' : ''}}>PP</option>
                            <option value="P" {{ $pessoa->pes_tam_polo == 'P' ? 'selected' : ''}}>P</option>
                            <option value="M" {{ $pessoa->pes_tam_polo == 'M' ? 'selected' : ''}}>M</option>
                            <option value="G" {{ $pessoa->pes_tam_polo == 'G' ? 'selected' : ''}}>G</option>
                            <option value="GG" {{ $pessoa->pes_tam_polo == 'GG' ? 'selected' : ''}}>GG</option>
                            <option value="EG" {{ $pessoa->pes_tam_polo == 'EG' ? 'selected' : ''}}>EG</option>
                            <option value="EXG" {{ $pessoa->pes_tam_polo == 'EXG' ? 'selected' : ''}}>EXGG</option>
                            <option value="EXGG" {{ $pessoa->pes_tam_polo == 'EXGG' ? 'selected' : ''}}>EXGG</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="pes_tam_social">Tamanho da camisa social</label>
                        <select name="pes_tam_social" id="pes_tam_social" class="form-control  custom-select" required>
                            <option value="">Selecione</option>
                            <option value="PP" {{ $pessoa->pes_tam_social == 'PP' ? 'selected' : ''}}>PP</option>
                            <option value="P" {{ $pessoa->pes_tam_social == 'P' ? 'selected' : ''}}>P</option>
                            <option value="M" {{ $pessoa->pes_tam_social == 'M' ? 'selected' : ''}}>M</option>
                            <option value="G" {{ $pessoa->pes_tam_social == 'G' ? 'selected' : ''}}>G</option>
                            <option value="GG" {{ $pessoa->pes_tam_social == 'GG' ? 'selected' : ''}}>GG</option>
                            <option value="EG" {{ $pessoa->pes_tam_social == 'EG' ? 'selected' : ''}}>EG</option>
                            <option value="EXG" {{ $pessoa->pes_tam_social == 'EXG' ? 'selected' : ''}}>EXG</option>
                            <option value="EXGG" {{ $pessoa->pes_tam_social == 'EXGG' ? 'selected' : ''}}>EXGG</option>

                        </select>
                    </div>
                    <div class="form-group">
                        <label for="pes_tam_calca">Tamanho da calça</label>
                        <select name="pes_tam_calca" id="pes_tam_calca" class="form-control  custom-select" required>
                            <option value="">Selecione</option>
                            <option value="PP" {{ $pessoa->pes_tam_calca == 'PP' ? 'selected' : ''}}>PP</option>
                            <option value="P" {{ $pessoa->pes_tam_calca == 'P' ? 'selected' : ''}}>P</option>
                            <option value="M" {{ $pessoa->pes_tam_calca == 'M' ? 'selected' : ''}}>M</option>
                            <option value="G" {{ $pessoa->pes_tam_calca == 'G' ? 'selected' : ''}}>G</option>
                            <option value="GG" {{ $pessoa->pes_tam_calca == 'GG' ? 'selected' : ''}}>GG</option>
                            <option value="EG" {{ $pessoa->pes_tam_calca == 'EG' ? 'selected' : ''}}>EG</option>
                            <option value="EXG" {{ $pessoa->pes_tam_calca == 'EXG' ? 'selected' : ''}}>EXG</option>
                            <option value="EXGG" {{ $pessoa->pes_tam_calca == 'EXGG' ? 'selected' : ''}}>EXGG</option>

                        </select>
                    </div>
                    <div class="form-group">
                        <label for="pes_tam_sapato">Tamanho do sapato</label>
                        <input type="text" value="{{$pessoa->pes_tam_sapato}}" name="pes_tam_sapato" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="pes_tam_luva">Tamanho da luva</label>
                        <select name="pes_tam_luva" id="pes_tam_luva" class="form-control custom-select" required>
                            <option value="">Selecione</option>
                            <option value="PP" {{ $pessoa->pes_tam_luva == 'PP' ? 'selected' : ''}}>PP</option>
                            <option value="P" {{ $pessoa->pes_tam_luva == 'P' ? 'selected' : ''}}>P</option>
                            <option value="M" {{ $pessoa->pes_tam_luva == 'M' ? 'selected' : ''}}>M</option>
                            <option value="G" {{ $pessoa->pes_tam_luva == 'G' ? 'selected' : ''}}>G</option>
                            <option value="GG" {{ $pessoa->pes_tam_luva == 'GG' ? 'selected' : ''}}>GG</option>
                            <option value="EG" {{ $pessoa->pes_tam_luva == 'EG' ? 'selected' : ''}}>EG</option>
                            <option value="EXG" {{ $pessoa->pes_tam_luva == 'EXG' ? 'selected' : ''}}>EXG</option>
                            <option value="EXGG" {{ $pessoa->pes_tam_luva == 'EXGG' ? 'selected' : ''}}>EXGG</option>

                        </select>
                    </div>


                    <div class="row">
                        <div class="col-12 justify-content-center d-flex mx-auto ">

                            <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                            <button class="btn btn-success ml-2" type="submit">Salvar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

</div>
</div>
<script>
    function formatCPF(input) {
        // Remove qualquer caractere que não seja um dígito
        const value = input.value.replace(/\D/g, '');

        // Adiciona a máscara de CNPJ
        input.value = value.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, '$1.$2.$3-$4');
    }
</script>
@include('components.footer')