@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> Certidão Negativa de Imóveis
        <small> (Emitir Novo Documento)</small>
    </h3>
    <form name="FrmCertidaoNegativa" action="{{route('certidao-imovel.store')}}" method="post">
        @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="">* Código do Imóvel</label>
                <div class="input-group">
                    <input type="text" class="form-control" name="IDIMOVEL" id="codigoImovel">
                    <span class="input-group-btn">
                        <a href="{{route('imovel.create')}}" class="btn btn-default" title="Incluir Imóvel"><span
                                class="glyphicon glyphicon-file" aria-hidden="true"></span></a>
                    </span>
                </div>
            </div>
            <div class="col-md-2">
                <label for="">* Emissão</label>
                <div class="input-group">
                    <input type="text" name="D_EMISSAO" id="DtEmissao" value="{{DataHoje()}}" class="form-control" required>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></span>
                </div>
            </div>
            <div class="col-md-2">
                <label for="">* Validade</label>
                <div class="input-group">
                    <input type="text" name="D_VALIDADE" id="DtValidade" value="{{DataValicidadeCertidao()}}"
                           class="form-control" required>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"
                                                          aria-hidden="true"></span></span>
                </div>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-5">
                <label for="">Endereço Imóvel</label>
                <input type="text" id="LOGRADOURO_IMOVEL" class="form-control" readonly>
            </div>
            <div class="col-md-1">
                <label for="">Número</label>
                <input type="text" id="NUMERO_IMOVEL" class="form-control" readonly>
            </div>
            <div class="col-md-4">
                <label for="">Bairro</label>
                <input type="text" id="BAINOME_IMOVEL" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">CEP</label>
                <input type="text" id="CEP_IMOVEL" class="form-control" readonly>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-2">
                <label for="">* CPF/CNPJ</label>
                <input type="text" class="form-control" id="CPFCNPJCONTRIBUINTE_IMOVEL" readonly>
            </div>
            <div class="col-md-6">
                <label for="">Nome/Razão Social</label>
                <input type="text" class="form-control" id="CONTRIBUINTE_IMOVEL" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Telefone</label>
                <input type="text" class="form-control" id="TELEFONECONTRIBUINTE_IMOVEL" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Celular</label>
                <input type="text" class="form-control" id="CELULARCONTRIBUINTE_IMOVEL" readonly>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-12">
                <label for="">Observações</label>
                <textarea name="B_OBSERVACAO" cols="30" rows="5" class="form-control"></textarea>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-2">
                <label for="">* Valor</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VALOR" id="N_VALOR" value="0,00" onkeyup="calculoCertidaoNegativa(this);"
                           class="form-control" maxlength="10">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Multa</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_MULTA" id="N_MULTA" value="0,00" onkeyup="calculoCertidaoNegativa(this);"
                           class="form-control" maxlength="10">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Juros</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_JUROS" id="N_JUROS" value="0,00" onkeyup="calculoCertidaoNegativa(this);"
                           class="form-control" maxlength="10">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Desconto</label>
                <div class="input-group">
                    <input type="text" name="N_DESCONTO" id="N_DESCONTO" value="0.0"
                           onkeyup="calculoCertidaoNegativa(this);" onkeypress="return digitosComPonto(event);"
                           class="form-control" maxlength="5">
                    <span class="input-group-addon">%</span>
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Total Desconto</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_TOTALDESCONTO" id="N_TOTALDESCONTO" value="0,00"
                           onkeyup="calculoCertidaoNegativa(this);" class="form-control" maxlength="10" readonly>
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Valor Total</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VALORFINAL" id="N_VALORFINAL" value="0,00"
                           onkeyup="calculoCertidaoNegativa(this);" class="form-control" maxlength="10" readonly>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2 col-md-offset-8">
                <label for="">Taxa de Expediente</label>
                <select name="TxExpediente" class="form-control" style="background-color: yellow">
                    <option value="S" selected>Sim</option>
                    <option value="N">Não</option>
                </select>
            </div>
            <div class="col-md-2">
                <label for="">Vencimento</label>
                <div class="input-group">
                    <input type="text" name="D_VENCIMENTO" id="DtVencimento" value="{{DataVencimento()}}"
                           class="form-control">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"
                                                          aria-hidden="true"></span></span>
                </div>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-12">
                <button type="submit" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> Salvar</button>
                <button type="reset" class="btn btn-default"><span class="glyphicon glyphicon-erase" aria-hidden="true"></span> Limpar</button>
                <a href="{{route('tributo')}}" class="btn btn-default"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Voltar</a>
            </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>
        $(function () {
            $("#DtVencimento, #DtValidade, #DtEmissao").mask("99/99/9999").datepicker();
            $("#IDIMOVEL").mask("9.999.999.9999.9999");
            $('#N_VALOR, #N_MULTA, #N_JUROS').priceFormat({
                //prefix: 'R$ ',
                prefix: '',
                centsSeparator: ',',
                thousandsSeparator: '.',
                limit: 17,
                centsLimit: 2
            });
        })
    </script>
    <script src="{{url(mix('modulos/tributos/assets/js/auto-complete/auto-complete.js'))}}"></script>
    <script src="{{url(mix('modulos/tributos/assets/js/tributos/certidaonegativa/calc-list-create-certidaonegativaimovel.js'))}}"></script>
@endpush