@extends('layouts.protocolo')
@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-1 mb-5 bg-white rounded"><h3>Gerenciador</h3> <small class="alert-warning">(Modo de Edição)</small></div>
<form name="FrmUpdateGerenciador" action="{{route('protocolo-gerenciador.update', $dados->USU_ID)}}" method="post">
    @method('PUT')
    @csrf
    <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="USU_CPF" id="cpf" value="{{$dados->USU_CPF}}" 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="USU_NOME" value="{{$dados->USU_NOME}}">
        </div>
        <div class="col-md-2">
            <label for="">* Celular</label>
            <input type="text" class="form-control" name="USU_FONE" id="celular" value="{{$dados->USU_FONE}}">
        </div>
        <div class="col-md-3">
            <label for="">* E-Mail</label>
            <input type="email" class="form-control" name="USU_EMAIL" value="{{$dados->USU_EMAIL}}">
        </div>
        <div class="col-md-1">
            <label for="">&nbsp;</label>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" name="notificar" value="S" id="defaultCheck1" {{$dados->notificar == 'S' ? 'checked' : ''}} >
                <label class="form-check-label" for="defaultCheck1">
                    Receber e-mail ?
                </label>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <label for="">* Login</label>
            <input type="text" class="form-control" maxlength="20" name="USU_LOGIN" value="{{$dados->USU_LOGIN}}">
        </div>
        <div class="col-md-2">
            <label for="">Senha</label>
            <input type="password" class="form-control" maxlength="15" name="password">
        </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-2">
            <label for="">* Nível Permissão</label>
            <div class="input-group-prepend">
                <select name="USU_NIVEL" class="form-control">
                    <option value="1" {{$dados->USU_NIVEL == 1 ? 'selected':''}}>Administrador</option>
                    <option value="2" {{$dados->USU_NIVEL == 2 ? 'selected':''}}>Avançado</option>
                    <option value="3" {{$dados->USU_NIVEL == 3 ? 'selected':''}}>Básico</option>
                </select>
                <div class="input-group-text"><i class="fa fa-question" aria-hidden="true"></i></div>
            </div>
        </div>
        <div class="col-md-1">
            <label for="">* Status</label>
            <select name="USU_ATIVO" class="form-control" required style="background-color: yellow">
                <option value="A" {{$dados->USU_ATIVO == 'A' ? 'selected':''}}>Ativo</option>
                <option value="I" {{$dados->USU_ATIVO == 'I' ? 'selected':''}}>Inativo</option>
            </select>
        </div>
        <div class="col-md-3">
            <label for="">* Setor Lotação</label>
            <select name="SERTOR_ID" class="form-control">
                @foreach($departamento as $dep)
                    <option value="{{$dep->SET_ID}}" {{$dep->SET_ID == $dados->SERTOR_ID ? " selected" : ""}}>{{$dep->SET_DESCRICAO}}</option>
                @endforeach
            </select>
        </div>
    </div>
    <hr class="p-1 mb-3">

    <div class="row">
        <div class="col-md-12">
            <button type="submit" class="btn btn-primary"><i class="fa fa-save" aria-hidden="true"></i> Salvar Alteração</button>
            <button type="button" class="btn btn-light" onclick="javascript:history.back();"><i class="fa fa-home" aria-hidden="true"></i>  Voltar</button>
        </div>
    </div>
</form>


@endsection
@push('script')
    <script>
        $(function () {
            $('#celular').mask("99999-9999");
            $('#cpf').mask("999.999.999-99");
        })
    </script>
    <script src="{{url(mix('modulos/protocolo/assets/js/gerenciador/create-update-gerenciador.js'))}}"></script>
@endpush