@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> IPTU<small> (Incluir Novo Registro)</small></h3>
<form name="FrmIncluirIPTU" action="{{route('iptu.store')}}" method="post" onmousemove="calculoIptu(this)">
    @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-3">
            <label for="">* Código do Imóvel</label>
            <div class="input-group">
                <input type="hidden" name="IDIMOVEL" id="IDIMOVEL_IMOVEL">
                <input type="text" class="form-control" 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>
    <hr>
    <div class="row">
        <div class="col-md-3">
            <label for="">CPF/CNPJ</label>
            <input type="text" id="CPFCNPJCONTRIBUINTE_IMOVEL" class="form-control" readonly>
        </div>
        <div class="col-md-2">
            <label for="">Código</label>
            <input type="text" id="IDCONTRIBUINTE_IMOVEL" class="form-control" maxlength="6" readonly>
        </div>
        <div class="col-md-7">
            <label for="">Nome/Razão Social</label>
            <input type="text" id="CONTRIBUINTE_IMOVEL" class="form-control" readonly>
        </div>
    </div>
    <div class="row">
        <div class="col-md-5">
            <label for="">Endereço Imóvel</label>
            <input type="text" id="LOGRADOURO_IMOVEL" class="form-control" maxlength="6" 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="">IPTU</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_VALOR" id="N_VALOR_IPTU" onkeyup="calculoIptu(this);" value="0,00" class="form-control" readonly>
            </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="calculoIptu(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="calculoIptu(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" onkeypress="return digitos(event);" value="0" onkeyup="calculoIptu(this);" class="form-control" maxlength="2">
                <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="calculoIptu(this);" class="form-control" maxlength="10" readonly>
            </div>
        </div>
        <div class="col-md-2">
            <label for="">IPTU Líquido</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_IPTULIQUIDO" id="N_IPTULIQUIDO" onkeyup="calculoIptu(this);" value="0,00" class="form-control" readonly>
            </div>
        </div>
    </div>
    <div class="row">
{{--        <div class="col-md-2">--}}
{{--            <label for="">Tx. Limpeza</label>--}}
{{--            <div class="input-group">--}}
{{--                <span class="input-group-addon">R$</span>--}}
{{--                <input type="text" name="N_TLIMPEZA" id="N_TLIMPEZA" value="0,00" onkeyup="calculoIptu(this);" class="form-control" readonly>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="col-md-2">--}}
{{--            <label for="">Tx. Melhoria</label>--}}
{{--            <div class="input-group">--}}
{{--                <span class="input-group-addon">R$</span>--}}
{{--                <input type="text" name="N_TMELHORIA" id="N_TMELHORIA" value="0,00" onkeyup="calculoIptu(this);" class="form-control" readonly>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="col-md-2">--}}
{{--            <label for="">Total Taxas</label>--}}
{{--            <div class="input-group">--}}
{{--                <span class="input-group-addon">R$</span>--}}
{{--                <input type="text" name="N_TAXAS" id="N_TAXAS_IPTU" value="0,00" onkeyup="calculoIptu(this);" class="form-control" readonly>--}}
{{--            </div>--}}
{{--        </div>--}}
        <div class="col-md-2 col-md-offset-10">
            <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_IPTU" value="0,00" onkeyup="calculoIptu(this);" class="form-control" readonly>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2 col-md-offset-7">
            <label for="">Taxa de Expediente</label>
            <select name="EXPEDIENTE" 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-1">
            <label for="">Ano IPTU</label>
            <select name="D_ANO" class="form-control">
                @for($i = date('Y')-5; $i <= date('Y'); $i++)
                    @if($i == date('Y'))
                        <option value="{{$i}}" selected="selected">{{$i}}</option>
                    @else
                        <option value="{{$i}}">{{$i}}</option>
                    @endif
                @endfor
            </select>
        </div>
        <div class="col-md-2">
            <label for="">Vencimento</label>
            <div class="input-group">
                <input type="text" name="D_VENCIMENTO" id="DtVencimento" required 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="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>
        $(function () {
            //$("#codigoImovel").mask("9.999.999.9999.9999");
            $("#DtVencimento").datepicker();
            $('#N_VALOR_IPTU, #N_MULTA, #N_JUROS, #N_TOTALDESCONTO, #N_IPTULIQUIDO, #N_TLIMPEZA, #N_TMELHORIA, #N_TAXAS, #N_VALORFINAL_IPTU').priceFormat({
                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/iptu/calc-list-create-iptu.js'))}}"></script>
@endpush