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

    <h3 class="page-header"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>&nbsp;Gerenciador <small class="alert-warning">(Modo de Edição)</small></h3>
    <form name="FrmUpdateGerenciador" action="{{route('gerenciador.update', encriptar($dados->IDUSUARIO))}}" method="post">
        @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>
        <div class="row">
            <div class="col-md-2">
                <label for="">* CPF</label>
                <input type="text" class="form-control" name="CPFMATRICULA" id="cpf" value="{{$dados->CPFMATRICULA}}" onkeypress="return digitos(event);" maxlength="11" readonly>
            </div>
            <div class="col-md-4">
                <label for="">* Nome Completo</label>
                <input type="text" class="form-control" name="NOME" value="{{$dados->NOME}}">
            </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-4">
                <label for="">* E-Mail</label>
                <input type="email" class="form-control" name="EMAIL" value="{{$dados->EMAIL}}">
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label for="">* Login</label>
                <input type="text" class="form-control" maxlength="20" name="LOGIN" value="{{$dados->LOGIN}}">
            </div>
            <div class="col-md-2">
                <label for="">Senha</label>
                <input type="password" class="form-control" name="password" maxlength="15">
            </div>
            <div class="col-md-2">
                <label for="">Confirmar Senha</label>
                <input type="password" class="form-control" maxlength="15" name="password_confirm">
            </div>
            <div class="col-md-1">
                <label for="">* Status</label>
                <div class="input-group">
                    <select name="STATUS" class="form-control" style="background-color: yellow">
                        <option value="A" {{$dados->STATUS == 'A' ? 'selected':''}}>Ativo</option>
                        <option value="I" {{$dados->STATUS == 'I' ? 'selected':''}}>Inativo</option>
                    </select>
                </div>
            </div>
            <div class="col-md-2 col-md-offset-3">
                <label for=""><b>* Nível de Permissão</b></label>
                <div class="input-group">
                    <select name="NIVEL" class="form-control">
                        <option value="1" {{$dados->NIVEL == 1 ? 'selected':''}}>Gerenciador</option>
                        <option value="2" {{$dados->NIVEL == 2 ? 'selected':''}}>Avançado</option>
                        <option value="3" {{$dados->NIVEL == 3 ? 'selected':''}}>Básico</option>
                    </select>
                    <span class="input-group-btn">
                    <button class="btn btn-default" type="button" name="btnContribuinte"
                            title="Detalhes dos niveis de acesso." data-toggle="modal"
                            data-target=".bs-legenda_nivel_acesso-modal-lg"><span
                            class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></button>
                </span>
                </div>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-12">
                <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> Salvar Alteração
                </button>
                <button type="button" class="btn btn-default" onclick="javascript:history.back();"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Voltar
                </button>
            </div>
        </div>
        <hr>
    </form>

    <!--Grupo de modal-->
    <div class="modal fade bs-legenda_nivel_acesso-modal-lg" tabindex="-1" role="dialog" aria-labelledby="ModalNivelAcesso">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">Nível de Acesso</h4>
                </div>
                <div class="modal-body">
                    (1) Administrador = Baixa/inclusão/edição/exclusão/consultas e relatórios<br>
                    (2) Avançado = Inclusão/edição/exclusão/consultas e relatórios<br>
                    (3) Básico = Consultas e relatórios
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        $(function () {
            $('#celular').mask("99999-9999");
            $('#cpf').mask("999.999.999-99");
        })
    </script>
    <script src="{{url(mix('modulos/tributos/assets/js/tributos/gerenciador/list-update-gerenciador.js'))}}"></script>
@endpush