@extends('layouts.esic.solicitante')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>
    <h3 class="page-header"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Solicitante <small>(Atualizar Registro)</small></h3>
    <form name="FrmUpdate" action="{{route('usuario.update', encriptar( $dados->idsolicitante))}}" method="post" autocomplete="off">
        @csrf
        @method('PUT')
        <div class="row mt-5">
            <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-6">
                <label>* Nome</label>
                <input type="text" name="nome" maxlength="191" class="form-control" value="{{$dados->nome}}" required>
            </div>
            <div class="col-md-2">
                <label>Sexo</label>
                <select name="sexo" class="form-control">
                    <option value="M" {{$dados->sexo == 'M' ? "selected":""}}>Masculino</option>
                    <option value="F" {{$dados->sexo == 'F' ? "selected":""}}>Feminino</option>
                </select>
            </div>
            <div class="col-md-2">
                <label>Escolaridade</label>
                <select name="escolaridade" class="form-control">
                    <option value="1" {{$dados->escolaridade == 1 ? "selected":""}}>Sem instrução formal</option>
                    <option value="2" {{$dados->escolaridade == 2 ? "selected":""}}>Ensino Fundamental</option>
                    <option value="3" {{$dados->escolaridade == 3 ? "selected":""}}>Ensino Médio</option>
                    <option value="4" {{$dados->escolaridade == 4 ? "selected":""}}>Ensino Superior</option>
                    <option value="5" {{$dados->escolaridade == 5 ? "selected":""}}>Pós graduação</option>
                    <option value="6" {{$dados->escolaridade == 6 ? "selected":""}}>Mestrado</option>
                    <option value="7" {{$dados->escolaridade == 7 ? "selected":""}}>Doutorado</option>
                </select>
            </div>
            <div class="col-md-2">
                <label>CPF/CNPJ</label>
                <input type="text" name="cpfcnpj" id="cpfcnpj" maxlength="14" onkeypress="return digitos(event, this)" class="form-control" value="{{$dados->cpfcnpj}}">
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label>Profissão</label>
                <select name="profissao" class="form-control">
                    <option value="1" {{$dados->profissao == 1 ? "selected":""}}>Empregado - setor privado</option>
                    <option value="2" {{$dados->profissao == 2 ? "selected":""}}>Empresário / Empreendedor</option>
                    <option value="3" {{$dados->profissao == 3 ? "selected":""}}>Estudante</option>
                    <option value="4" {{$dados->profissao == 4 ? "selected":""}}>Jornalista</option>
                    <option value="5" {{$dados->profissao == 5 ? "selected":""}}>Membro de ONG internacional</option>
                    <option value="6" {{$dados->profissao == 6 ? "selected":""}}>Membro de ONG nacional</option>
                    <option value="7" {{$dados->profissao == 7 ? "selected":""}}>Membro de partido político</option>
                    <option value="8" {{$dados->profissao == 8 ? "selected":""}}>Outra</option>
                    <option value="9" {{$dados->profissao == 9 ? "selected":""}}>Pesquisador</option>
                    <option value="10" {{$dados->profissao == 10 ? "selected":""}}>Professor</option>
                    <option value="11" {{$dados->profissao == 11 ? "selected":""}}>Profis. Liberal / Autônomo</option>
                    <option value="12" {{$dados->profissao == 12 ? "selected":""}}>Representante de Sindicato</option>
                    <option value="13" {{$dados->profissao == 13 ? "selected":""}}>Servidor público estadual</option>
                    <option value="14" {{$dados->profissao == 14 ? "selected":""}}>Servidor público federal</option>
                    <option value="15" {{$dados->profissao == 15 ? "selected":""}}>Servidor público municipal</option>
                </select>
            </div>
            <div class="col-md-4">
                <label>Endereço</label>
                <input type="text" name="logradouro" maxlength="191" class="form-control" value="{{$dados->logradouro}}">
            </div>
            <div class="col-md-2">
                <label>Número</label>
                <input type="text" name="numero" maxlength="5" class="form-control" value="{{$dados->numero}}">
            </div>
            <div class="col-md-4">
                <label>Bairro</label>
                <input type="text" name="bairro" maxlength="60" class="form-control" value="{{$dados->bairro}}">
            </div>
        </div>
        <div class="row">
            <div class="col-md-10">
                <label for="">* Cidade</label>
                <input type="hidden" name="cidade" id="IDCIDADE" value="{{$dados->cidade}}">
                <input type="text" name="MUNICIPIO" class="form-control" value="{{$cidade->MUNICIPIO}}" required>
            </div>
            <div class="col-md-2">
                <label>CEP</label>
                <input type="text" name="cep" id="cep" maxlength="8" class="form-control" value="{{$dados->cep}}">
            </div>
        </div>
        <div class="row">
            <div class="col-md-8">
                <label>* E-Mail</label>
                <input type="email" name="email" maxlength="150" class="form-control" value="{{$dados->email}}" required>
            </div>
            <div class="col-md-2">
                <label>Senha</label>
                <input type="password" name="password" maxlength="50" class="form-control">
            </div>
            <div class="col-md-2">
                <label>Confirmar senha</label>
                <input type="password" maxlength="50" class="form-control">
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-12">
                <button type="button" onclick="window.history.back()" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Voltar</button>
                <button type="submit" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> Atualizar</button>
            </div>
        </div>
        <hr>
    </form>
@endsection
@push('script')
    <script>
        $(function () {
            let FrmUpdate = $("form[name=FrmUpdate]");
            FrmUpdate.submit(function () {
                let From = $(this).serialize(),
                    url = $(this).attr('action'),
                    post = $(this).attr('method');

                $.ajax({
                    type: post,
                    url: url,
                    data: From,
                    dataType: 'json',
                    beforeSend: function () {
                        $.blockUI({css: {backgroundColor: '#f00', color: '#fff'}, onOverlayClick: $.unblockUI});
                    },
                    success: function (data) {
                        if (data[0] === 'success') {
                            $.blockUI({
                                message: '<div class="alert alert-success alert-dismissible" role="alert"><strong><span class=glyphicon glyphicon-ok" aria-hidden="true"></span> Parabéns: </strong> ' + data[1] + ' (:',
                                timeout: 1500,
                                onOverlayClick: $.unblockUI
                            });

                            window.location.reload();
                        }
                    },
                    error: function (data) {
                        /** Mensagens vindo do back-end */
                        $.each(data.responseJSON.errors, function (key, value) {
                            $.blockUI({
                                message: '<div class="alert alert-danger alert-dismissible" role="alert"><span class="glyphicon glyphicon-alert" aria-hidden="true"></span>&nbsp;' + value[0] + ' ):' + '</div>',
                                timeout: 8000,
                                onOverlayClick: $.unblockUI
                            });
                        });
                    }
                });
                return false;
            });
        });
    </script>
    <script src="{{asset(mix('modulos/tributos/assets/js/auto-complete/auto-complete.js'))}}"></script>
@endpush