@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> Imposto de Renda <small class="alert-warning">(Modo de Edição)</small></h3>
    <form name="FrmUpdateIrrf" action="{{route('guia-ir.update', $dados->IDIR)}}" 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-3">
                <label for="">* CPF/CNPJ</label>
                <div class="input-group">
                    <input type="hidden" name="I_IDCONTRIBUINTE" id="codigo" value="{{$contribuinte->I_IDCONTRIBUINTE}}">
                    <input type="text" class="form-control" id="CPFCNPJ" value="{{$contribuinte->CPFCNPJ}}">
                    <span class="input-group-btn">
                    <button class="btn btn-default" type="button" name="btnContribuinte" title="Incluir Novo Contribuinte" data-toggle="modal" data-target=".bs-contribuinte-modal-lg"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></button>
                </span>
                </div>
            </div>
            <div class="col-md-7">
                <label for="">Nome/Razão Social</label>
                <input type="text" class="form-control" id="nome" value="{{$contribuinte->CONTRIBUINTE}}" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Celular</label>
                <input type="text" class="form-control" id="celular" value="{{$contribuinte->CELULAR}}" readonly>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-12">
                <label for="">* Referência</label>
                <textarea name="REFERENTE" cols="30" rows="5" class="form-control">{{$dados->REFERENTE}}</textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label for="">* Serviços</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VSERVICOS" id="N_VSERVICOS" value="{{$dados->N_VSERVICOS}}" onkeyup="calculoIr(this);" class="form-control" maxlength="10">
                </div>
            </div>
            <div class="col-md-2">
                <div id="j_ocultar">
                    <label for="">Qtd. Dependente(s)</label>
                    <input type="text" name="I_DEPENDENTES" id="I_DEPENDENTES" value="{{$dados->I_DEPENDENTES}}" onkeypress="return digitos(event);" onkeyup="calculoIr(this);" class="form-control" maxlength="2" onblur="preencheZeros(this,1);">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Alíquota</label>
                <div class="input-group">
                    <input type="text" name="N_ALIQUOTA" id="N_ALIQUOTA" value="{{$dados->N_ALIQUOTA}}" onkeyup="calculoIr(this);" readonly class="form-control">
                    <span class="input-group-addon">%</span>
                </div>
            </div>
            <div class="col-md-3 col-md-offset-3">
                <label for="">* Tipo Pessoa</label>
                <select name="PESSOA" id="PESSOA" class="form-control" onchange="calculoIr(this);">
                    <option value="PF" {{$dados->PESSOA == 'PF' ? "selected":""}}>Pessoa Física</option>
                    <option value="PJ" {{$dados->PESSOA == 'PJ' ? "selected":""}}>Pessoa Jurídica</option>
                </select>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label for="">Código</label>
                <input type="text" name="IDRECEITA" class="form-control" value="1112.04.31.00" readonly>
            </div>
            <div class="col-md-10">
                <label for="">Receita Contábil</label>
                <input type="text" class="form-control" disabled value="IRRF S/ RENDIMENTOS DO TRABALHO">
            </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="{{$dados->N_VALOR}}" onkeyup="calculoIr(this);" class="form-control" readonly 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="{{$dados->N_MULTA}}" onkeyup="calculoIr(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="{{$dados->N_JUROS}}" onkeyup="calculoIr(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="--><!--" onkeyup="calculoIr(this);" onkeypress="return digitosComPonto(event);" class="form-control" maxlength="5" onblur="preencheZeros(this,1);">-->
                    <input type="text" name="N_DESCONTO" id="N_DESCONTO" value="{{$dados->N_DESCONTO}}" onkeyup="calculoIr(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="{{$dados->N_TOTALDESCONTO}}" onkeyup="calculoIr(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="{{$dados->N_VALORFINAL}}" onkeyup="calculoIr(this);" class="form-control" maxlength="10" readonly>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-10">
                <br>
                <span id="ref" style="color: #222222; font-size: 12px"></span>
            </div>
            <div class="col-md-2">
                <label for="">Vencimento</label>
                <div class="input-group">
                    <input type="text" name="D_VENCIMENTO" id="DtVencimento" value="{{dataYMD_DMY($dados->D_VENCIMENTO)}}" 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-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-saved" aria-hidden="true"></span> Salvar Alteração</button>
                <a href="{{route('guia-ir.via-dam', base64_encode($dados->IDIR))}}" class="btn btn-default" target="_blank"><i class="fa fa-barcode" aria-hidden="true"></i> Via Guia DAM</a>
                <a href="{{route('guia-ir.create')}}" class="btn btn-default"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Novo Registro</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').mask('99/99/9999').datepicker();
            $('#N_VSERVICOS,#N_VALOR,#N_MULTA,#N_JUROS,#N_TOTALDESCONTO,#N_VALORFINAL').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/irrf/ir/calc-list-update-guia-ir.js'))}}"></script>
@endpush