@extends('layouts.tributos')
@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> Contribuinte<small>
            (Formulário para Incluir Novo Registro)</small></h3>
    <form name="FrmIncluirContribuinte" method="post" action="{{route('contribuinte.store')}}" autocomplete="off">
        @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/CNPJ</label>
                <input type="text" name="CPFCNPJ" id="CPFCNPJ" maxlength="18" class="form-control">
            </div>
            <div class="col-md-5">
                <label for="">* Nome/Razão Social</label>
                <input type="text" name="CONTRIBUINTE" class="form-control" maxlength="150">
            </div>
            <div class="col-md-5">
                <label for="">Nome Fantasia</label>
                <input type="text" name="NOME_FANTASIA" class="form-control" maxlength="150">
            </div>
        </div>
        <div class="row">
            <div class="col-md-5">
                <label for="">* Endereço</label>
                <div class="input-group">
                    <input type="hidden" name="CODLOGRADOURO" id="IDENDERECO">
                    <input type="text" name="ENDERECO" class="form-control" maxlength="30" required>
                    <span class="input-group-btn">
                    <a class="btn btn-default" href="{{route('logradouro.create')}}"
                       title="Incluir Novo Logradouro"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></a>
                </span>
                </div>
            </div>
            <div class="col-md-1">
                <label for="">Número</label>
                <input type="text" name="NUMERO" class="form-control" maxlength="6">
            </div>
            <div class="col-md-4">
                <label for="">Bairro</label>
                <input type="text" id="BAIRRO" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">CEP</label>
                <input type="text" id="CEP" class="form-control" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label for="">Complemento</label>
                <input type="text" name="COMPLEMENTO" class="form-control">
            </div>
            <div class="col-md-6">
                <label for="">* Cidade</label>
                <input type="hidden" name="CIDADE" id="IDCIDADE">
                <input type="text" name="MUNICIPIO" class="form-control">
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label for="">Telefone</label>
                <input type="text" name="TELEFONE" class="form-control" id="telefone" maxlength="10">
            </div>
            <div class="col-md-2">
                <label for="">Celular</label>
                <input type="text" name="CELULAR" class="form-control" id="celular" maxlength="9">
            </div>
            <div class="col-md-6">
                <label for="">E-Mail</label>
                <input type="text" name="EMAIL" class="form-control">
            </div>
            <div class="col-md-2">
                <label for="">Inscrição Antiga</label>
                <input type="text" name="INSCRICAO_ANTIGA" onkeypress="return digitos(event);" class="form-control">
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <label for="">Rede Social</label>
                <input type="text" name="SITE" class="form-control" placeholder="http://">
            </div>
        </div>
        <div class="page-header"></div>
        <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> Salvar</button>
            </div>
        </div>
        <hr>
    </form>

    <!--modal retorno de mensagens-->
    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" id="modal-msg">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div id="modalRetorno"></div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        $("#telefone").mask("(99)9999-9999");
        $("#celular").mask("99999-9999");
        $("#cep").mask("99999-999");
    </script>
    <script src="{{url(mix('modulos/tributos/assets/js/auto-complete/auto-complete.js'))}}"></script>
    <script src="{{url(mix('modulos/tributos/assets/js/contribuinte/list-create-contribuinte.js'))}}"></script>
@endpush