@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>Atualizar Servidor</h3></div>
    <form name="FrmUpdate" action="{{route('p_servidor.update', encriptar($dados->id))}}" method="post"  autocomplete="off">
        @csrf
        @method('put')
        <div class="row">
            <div class="col-md-2">
                <label for="">* CPF</label>
                <input type="text" class="form-control" name="cpf" value="{{$dados->cpf}}" id="cpf" readonly>
            </div>
            <div class="col-md-2">
                <label for="">* Matrícula</label>
                <input type="text" class="form-control" name="matricula" value="{{$dados->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" value="{{$dados->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" value="{{dataYMD_DMY($dados->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" {{$dados->sexo == 'M' ? 'selected':''}}>Másculino</option>
                    <option value="F" {{$dados->sexo == 'F' ? 'selected':''}}>Feminino</option>
                </select>
            </div>
            <div class="col-md-3">
                <label for="">E-mail</label>
                <input type="email" class="form-control" name="email" value="{{$dados->email}}">
            </div>
            <div class="col-md-2">
                <label for="">Celular</label>
                <input type="text" class="form-control" name="celular" value="{{$dados->celular}}" id="celular">
            </div>
            <div class="col-md-2">
                <label for="">Tipo Contratação</label>
                <select class="form-control" name="tipo_contratacao">
                    <option value="1" {{$dados->tipo_contratacao == 1 ? 'selected':''}}>Efetivo</option>
                    <option value="2" {{$dados->tipo_contratacao == 2 ? 'selected':''}}>Contratado</option>
                    <option value="3" {{$dados->tipo_contratacao == 3 ? 'selected':''}}>Comissionado</option>
                </select>
            </div>
            <div class="col-md-3">
                <label for="">* Cargo</label>
                <select class="form-control" name="cargo_id">
                    @foreach($cargo as $ca)
                        <option value="{{$ca->codigo}}"{{$ca->codigo == $dados->cargo_id ? ' selected':''}}>{{$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" value="{{dataYMD_DMY($dados->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">
                    @foreach($equipe as $eq)
                        <option value="{{$eq->id}}"{{$eq->id == $dados->equipe_id ? ' selected':''}}>{{$eq->nome}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-5">
                <label for="">* Departamento</label>
                <select class="form-control" name="departamento_id">
                    @foreach($departamento as $dp)
                        <option value="{{$dp->id}}"{{$dp->id == $dados->departamento_id ? ' selected':''}}>{{$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" name="marcar_ponto" {{$dados->marcar_ponto == 'S'? 'checked':''}} 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" {{$dados->marcar_ponto == 'N'? 'checked':''}} 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" {{$dados->marcar_ponto_app == 'S' ? 'checked':''}} value="S">
                    <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" {{$dados->marcar_ponto_qr == 'S' ? 'checked':''}} value="S">
                    <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" {{$dados->marcar_ponto_web == 'S' ? 'checked':''}} value="S">
                    <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" value="{{$dados->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">
                        @foreach($turno as $tr)
                            <option value="{{$tr->id}}"{{$tr->id == $dados->turno_id ? ' selected':''}}>{{($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/update.js'))}}"></script>
@endpush