@extends('layouts.pontoe.painel')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>

    <div class="p-3 mt-2 mb-4 bg-light text-dark border-bottom"><h3>Cadastro de Servidor</h3></div>
    <form name="FrmCreate" action="{{route('p_servidor.store')}}" method="post"  autocomplete="off">
        @csrf
        <div class="row">
            <div class="col-md-2">
                <label for="">* CPF</label>
                <input type="text" class="form-control" name="cpf" id="cpf">
            </div>
            <div class="col-md-2">
                <label for="">* Matrícula</label>
                <input type="text" class="form-control" name="matricula" maxlength="8" onkeypress="return digitos(event);">
            </div>
            <div class="col-md-6">
                <label for="">* Nome completo</label>
                <input type="text" class="form-control" name="nome">
            </div>
            <div class="col-md-2">
                <label for="">Data de nascimento</label>
                <div class="input-group-prepend">
                    <input type="text" class="form-control" name="dt_nascimento" id="dt_nascimento">
                    <div class="input-group-text"><i class="fa fa-calendar" aria-hidden="true"></i></div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-2">
                <label for="">Sexo</label>
                <select class="form-control" name="sexo">
                    <option value="M">Másculino</option>
                    <option value="F">Feminino</option>
                </select>
            </div>
            <div class="col-md-3">
                <label for="">E-mail</label>
                <input type="text" class="form-control" name="email">
            </div>
            <div class="col-md-2">
                <label for="">Celular</label>
                <input type="text" class="form-control" name="celular" id="celular">
            </div>
            <div class="col-md-2">
                <label for="">Tipo Contratação</label>
                <select class="form-control" name="tipo_contratacao">
                    <option value="" selected></option>
                    <option value="1">Efetivo</option>
                    <option value="2">Contratado</option>
                    <option value="3">Comissionado</option>
                </select>
            </div>
            <div class="col-md-3">
                <label for="">* Cargo</label>
                <select class="form-control" name="cargo_id">
                    <option value="" selected></option>
                    @foreach($cargo as $ca)
                        <option value="{{$ca->codigo}}">{{$ca->nome}}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="row">
            <div class="col-md-2">
                <label for="">* Data de admissão</label>
                <div class="input-group-prepend">
                    <input type="text" class="form-control" name="dt_admissao" id="dt_admissao">
                    <div class="input-group-text"><i class="fa fa-calendar" aria-hidden="true"></i></div>
                </div>
            </div>
            <div class="col-md-5">
                <label for="">* Equipe</label>
                <select class="form-control" name="equipe_id">
                    <option value="" selected></option>
                    @foreach($equipe as $eq)
                        <option value="{{$eq->id}}">{{$eq->nome}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-5">
                <label for="">* Departamento</label>
                <select class="form-control" name="departamento_id">
                    <option value="" selected></option>
                    @foreach($departamento as $dp)
                        <option value="{{$dp->id}}">{{$dp->nome}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <hr class="mt-5">

        <div class="row">
            <div class="col-md-4">
                <label for=""><b>* O funcionário deve marcar o ponto?</b></label>
                <br>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" checked name="marcar_ponto" id="inlineRadio1" value="S">
                    <label class="form-check-label" for="inlineRadio1">Sim</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="marcar_ponto" id="inlineRadio2" value="N">
                    <label class="form-check-label" for="inlineRadio2">Não</label>
                </div>
            </div>
            <div class="col-md-4">
                <label for=""><b>O funcionário pode marcar ponto usando:</b></label>
                <br>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" id="inlineCheckbox1" name="marcar_ponto_app" value="1">
                    <label class="form-check-label" for="inlineCheckbox1">Aplicativo</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" id="inlineCheckbox2" name="marcar_ponto_qr" value="1">
                    <label class="form-check-label" for="inlineCheckbox2">QR Code</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" id="inlineCheckbox3" name="marcar_ponto_web" value="1">
                    <label class="form-check-label" for="inlineCheckbox2">Web</label>
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Defina o PIN (4 números)</label>
                <input type="text" class="form-control" name="pin" maxlength="4" readonly>
            </div>
            <div class="col-md-2">
                <label for="">* Senha de acesso</label>
                <input type="password" class="form-control" name="password" maxlength="8">
                <small>(8 números)</small>
            </div>
        </div>

        <div class="row">
            <div class="col-md-5">
                <label for="">* Turno  <b style="color: silver">Preencha com atenção</b></label>
                <div class="input-group-prepend">
                    <select class="form-control" name="turno_id" style="background-color: yellow">
                        <option value="" selected></option>
                        @foreach($turno as $tr)
                            <option value="{{$tr->id}}">{{($tr->tipo_turno == 1 ? '(Seg a sex)' : ($tr->tipo_turno == 2 ? '(Seg a Sáb)' : ($tr->tipo_turno == 3 ? '(Seg a Seg)' : ($tr->tipo_turno == 4 ? '(Sáb e Dom)' : '')))) .' ' .$tr->nome_turno}}</option>
                        @endforeach
                    </select>
                    <div class="input-group-text"><i class="fa fa-clock-o" aria-hidden="true"></i></div>
                </div>
            </div>
        </div>

        <hr class="mt-4">
        <div class="row">
            <div class="col-md-12">
                <button type="button" onclick="window.history.back()" class="btn btn-light btn-lg"><i class="fa fa-chevron-left" aria-hidden="true"></i> Voltar</button>
                <button type="submit" class="btn btn-primary btn-lg"><i class="fa fa-floppy-o" aria-hidden="true"></i> Salvar</button>
            </div>
        </div>
        <hr>
    </form>
@endsection
@push('script')
    <script>
        $(function () {
            $('#dt_nascimento, #dt_admissao').mask('99/99/9999').datepicker();
            $('#cpf').mask('999.999.999-99');
            $('#celular').mask('(99)99999-9999');
        })
    </script>
    <script src="{{url(mix('modulos/pontoe/servidor/js/create.js'))}}"></script>
@endpush