@php
$titulo = "Recursos Humanos - SW";
@endphp

 
@include('components.head')
 
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<div class="container">
    @if (session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if ($errors->has('pes_id'))
    <div class="alert alert-danger">
        {{ $errors->first('pes_id') }}
    </div>
    @endif
    <form id="contratoForm" action="{{route('rh.contratos.criarcontrato') }}" method="POST">
        @csrf
        <div class="col-12">
            <div class="row">
                <h5><strong>Dados do contrato</strong></h5>
                
                {{-- <div class="col-9">
                    <label> Pessoa: </label>
                    <select class="custom-select" id="pes_id" name="pes_id">
                        <option selected>SELECIONE O COLABORADOR</option>
                        @if (count($pessoas) == 0)
                        <option>Sem colaboradores cadastrados.</option>
                        @else 
                        @foreach ($pessoas as $pessoa)
                        <option value="{{'$pessoa->pessoa->pes_id $pessoa->pessoa->pes_nome_completo '}}">{{ $pessoa->pessoa->pes_nome_completo}}</option>
                        @endforeach
                        @endif
                    </select>
                </div> --}}
                
                <div class="form-group col-12">
                    <label> Colaborador: </label>
                    <select class="js-example-basic-single js-states form-control custom-select select2" id="pes_id" name="pes_id">
                        <option value="">Selecione um colaborador</option>
                    </select>
                </div>
                
                <div class="form-group col-3">
                    <label for="col_situacao">Situação do contrato:</label>
                    <select class="form-control custom-select" id="col_situacao" name="col_situacao" required>
                        <option value="">Selecione</option>
                        <option value="Ativo">Ativo</option>
                        <option value="Inativo">Inativo</option>
                        <option value="Afastado">Afastado</option>
                        <option value="De licença">De licença</option>
                    </select>
                </div>
                
                <div class="form-group col-3">
                    <label for="col_tipocontrato">Tipo de contrato:</label>
                    <select class="form-control custom-select" id="col_tipocontrato" name="col_tipocontrato" required>
                        <option value="">Selecione</option>
                        <option value="CLT Determinado">CLT Determinado</option>
                        <option value="CLT Indeterminado">CLT Indeterminado</option>
                        <option value="CLT Intermitente">CLT Intermitente</option>
                        <option value="RPA">RPA</option>
                        {{-- <option value="CLTCLT</option> --}}
                        <option value="PJ">PJ</option>
                        <option value="PARCEIRO">PARCEIRO</option>
                        {{-- <option value="TEMPORÁRIO">TEMPORÁRIO</option> --}}
                        <option value="ESTÁGIO">ESTÁGIO</option>
                        <option value="PROPRIETÁRIO">PROPRIETÁRIO</option>
                    </select>
                </div>
                <div class="form-group col-3">
                    <label for="car_id">Cargo</label>
                    <select class="form-control custom-select" name="car_id" id="car_id" required> 
                        <option value="">Selecione</option>
                        @foreach($cargos as $cargo)
                        <option value="{{$cargo->car_id}}">{{$cargo->car_nome}}</option>
                        @endforeach
                    </select>
                    

                </div>
                <div class="form-group col-3">
                    <label for="col_dataadmissao">Data de admissão:</label>
                    <input class="form-control" name="col_dataadmissao" type="date" required>
                </div>
                <div class="form-group col-12">
                    <label> Gestor: </label>
                    <select class="form-control  select2 custom-select" id="pes_id2" name="pes_id2">
                        <option value="">Selecione o Gestor</option>
                    </select>
                </div>
            </div>
        </div>
        <hr>
        
        <div class="col-12 text-center">
            <a href='{{route('rh.contratos')}}' class="btn btn-danger mr-5">Cancelar</a>
            <button type="submit" class="btn btn-success  ml-5">Incluir Usuário</button>
        </div>
        
    </form>
</div>
<div class="modal fade" id="modalAguarde" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content align-items-center text-center p-4">
      <strong>Processando o cadastro...</strong>
      <strong class="text-danger">Não atualize ou feche a página</strong>
      <div class="spinner-border text-primary mt-3" role="status"></div>
    </div>
  </div>
</div>
<script>
   
document.getElementById('contratoForm').addEventListener('submit', function(e) {
  // Fecha a modal de cadastro, se estiver aberta
  

  // Aguarda 300ms para garantir que a modal foi fechada, então mostra o loading
  setTimeout(() => {
    $('#modalAguarde').modal('show');
  }, 300);
});
</script>
<script>
<script src="{{asset('/js/select2.min.js')}}"></script>

{{-- <script>
    $(document).ready(function () {
        $('#pes_id').select2({
            placeholder: "Pesquise e selecione um colaborador",
            minimumInputLength: 3, // Mínimo de caracteres para buscar
            allowClear: true, // Permitir limpar o campo
            language: {
                inputTooShort: function () {
                    return "Digite pelo menos 3 caracteres.";
                },
                noResults: function () {
                    return "Nenhum resultado encontrado.";
                },
                searching: function () {
                    return "Buscando...";
                }
            },
            ajax: {
                url: '{{ route("rh.contratos.buscar-pessoas") }}',
                dataType: 'json',
                delay: 250, // Delay para evitar muitas requisições
                data: function (params) {
                    return {
                        q: params.term // Termo de busca
                    };
                },
                // processResults: function (data) {
                //     return {
                //         results: data.map(function (item) {
                //             return { id: item.pes_id, text: item.pes_nome_completo };
                //         })
                //     };
                // },
                processResults: function (data) {
                return {
                    results: data.map(function (item) {
                        return { 
                            id: item.pes_id, 
                            text: item.pes_nome_completo + ", CPF (" + item.pes_cpf_inicio + "...)" 
                        };
                    })
                };
            },

                cache: true
            }
        });
    });
    
</script> --}}
<script>
$(document).ready(function () {
    const configureSelect2 = (selector, placeholderText) => {
       
        $(selector).select2({
            placeholder: placeholderText,
            // minimumInputLength: 3,
            allowClear: true,
            language: {
                // inputTooShort: function () {
                //     return "Digite pelo menos 3 caracteres.";
                // },
                noResults: function () {
                    return "Nenhum resultado encontrado.";
                },
                searching: function () {
                    return "Buscando...";
                }
            },
            ajax: {
                url: '{{ route("rh.contratos.buscar-pessoas") }}',
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        q: params.term
                    };
                },
                processResults: function (data) {
                    return {
                        results: data.map(function (item) {
                            return {
                                id: item.pes_id,
                                text: item.pes_nome_completo + ", CPF (" + item.pes_cpf_inicio + "...)"
                            };
                        })
                    };
                },
                cache: true
            }
        });
    };

    configureSelect2('#pes_id', 'Pesquise e selecione um colaborador');
    configureSelect2('#pes_id2', 'Pesquise e selecione uma pessoa para ser gestor');
});
</script>
@include('components.footer')


{{-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> --}}