@extends('layouts.contracheque.contracheque-vitante')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>
    <div class="shadow-sm p-2 mt-4 mb-4 bg-white rounded"><h1>Meus Dados</h1>(Atualizar Registro)</div>

    <form name="formUpdateAcessoServidor" action="{{route('meusdados.update', $dados->id)}}" method="post" role="form">
        @csrf
        @method('put')
        <div class="row">
            <div class="col-md-12">
                <label for=""><i style="color: grey">* Campo de Preenchimento Obrigatório</i></label>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-2">
                <label for="">* Cpf</label>
                <input type="text" class="form-control" name="cpf" value="{{$dados->cpf}}" onkeypress="return digitos(event);" maxlength="11" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Matrícula</label>
                <input type="text" class="form-control" name="matricula" value="{{$dados->matricula}}" onkeypress="return digitos(event);" disabled maxlength="8">
            </div>
            <div class="col-md-8">
                <label for="">* Nome Servidor</label>
                <input type="text" class="form-control" name="nome" value="{{$dados->nome}}">
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <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" id="celular" value="{{$dados->celular}}">
            </div>
            <div class="col-md-2">
                <label for="">Senha Pessoal</label>
                <input type="password" class="form-control" name="password">
            </div>
            <div class="col-md-2">
                <label for="">Confirme Senha</label>
                <input type="password" class="form-control">
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <label for="">Frase de Segurança</label>
                <input type="text" class="form-control" name="frase" value="{{$dados->frase}}">
            </div>
        </div>
        <hr class="mt-5">

        <div class="row">
            <div class="col-md-12">
                <button type="submit" class="btn btn-primary btn-lg"><i class="fa fa-floppy-o" aria-hidden="true"></i>&nbsp; Atualizar</button>
                <a href="javascript:history.back()" class="btn btn-light btn-lg"><i class="fa fa-chevron-left" aria-hidden="true"></i>&nbsp; Voltar</a>
            </div>
        </div>
    </form>
@endsection
@push('script')
    <script>
        $("#celular").mask("(99)99999-9999");
    </script>
    <script src="{{url(mix('modulos/contracheque/servidor/js/update.js'))}}"></script>
@endpush