@extends('layouts.tributos')
@section('content')
<h3 class="page-header"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> IRRF - Imposto de Renda Retido na Fonte<small> (Incluir Novo Registro)</small></h3>
<div id="msg-status"></div>
<form name="FrmImpostoDeRenda" action="{{route('tabela-ir.store')}}" method="post">
    @csrf
    <div class="row">
        <div class="col-md-2">
            <label for="">Até</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_INICIAL1" id="N_INICIAL1" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
        <div class="col-md-2">
            <label for="">&nbsp;</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_FINAL1" id="N_FINAL1" value="0.00" class="form-control" maxlength="10" readonly>
            </div>
        </div>
        <div class="col-md-2">
            <label for="">Alíquota</label>
            <div class="input-group">
                <input type="text" name="N_ALIQUOTA1" id="N_ALIQUOTA1" value="0.0" onkeypress="return digitosComPonto(event);" class="form-control" maxlength="5">
                <span class="input-group-addon">%</span>
            </div>
        </div>
        <div class="col-md-2 col-md-offset-4">
            <label for="">Parcela a Deduzir</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_ADEDUZIR1" id="N_ADEDUZIR1" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <label for="">De</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_INICIAL2" id="N_INICIAL2" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
        <div class="col-md-2">
            <label for="">até</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_FINAL2" id="N_FINAL2" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
        <div class="col-md-2">
            <label for="">Alíquota</label>
            <div class="input-group">
                <input type="text" name="N_ALIQUOTA2" id="N_ALIQUOTA2" value="0.0" onkeypress="return digitosComPonto(event);" class="form-control" maxlength="5">
                <span class="input-group-addon">%</span>
            </div>
        </div>
        <div class="col-md-2 col-md-offset-4">
            <label for="">Parcela a Deduzir</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_ADEDUZIR2" id="N_ADEDUZIR2" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <label for="">De</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_INICIAL3" id="N_INICIAL3" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
        <div class="col-md-2">
            <label for="">até</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_FINAL3" id="N_FINAL3" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
        <div class="col-md-2">
            <label for="">Alíquota</label>
            <div class="input-group">
                <input type="text" name="N_ALIQUOTA3" id="N_ALIQUOTA3" value="0.0" onkeypress="return digitosComPonto(event);" class="form-control" maxlength="5">
                <span class="input-group-addon">%</span>
            </div>
        </div>
        <div class="col-md-2 col-md-offset-4">
            <label for="">Parcela a Deduzir</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_ADEDUZIR3" id="N_ADEDUZIR3" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <label for="">De</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_INICIAL4" id="N_INICIAL4" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
        <div class="col-md-2">
            <label for="">até</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_FINAL4" id="N_FINAL4" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
        <div class="col-md-2">
            <label for="">Alíquota</label>
            <div class="input-group">
                <input type="text" name="N_ALIQUOTA4" id="N_ALIQUOTA4" value="0.0" onkeypress="return digitosComPonto(event);" class="form-control" maxlength="5">
                <span class="input-group-addon">%</span>
            </div>
        </div>
        <div class="col-md-2 col-md-offset-4">
            <label for="">Parcela a Deduzir</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_ADEDUZIR4" id="N_ADEDUZIR4" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <label for="">Acima de</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_INICIAL5" id="N_INICIAL5" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
        <div class="col-md-2">
            <label for="">&nbsp;</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_FINAL5" id="N_FINAL5" value="0.00" class="form-control" maxlength="10" readonly>
            </div>
        </div>
        <div class="col-md-2">
            <label for="">Alíquota</label>
            <div class="input-group">
                <input type="text" name="N_ALIQUOTA5" id="N_ALIQUOTA5" value="0.0" onkeypress="return digitosComPonto(event);" class="form-control" maxlength="5">
                <span class="input-group-addon">%</span>
            </div>
        </div>
        <div class="col-md-2 col-md-offset-4">
            <label for="">Parcela a Deduzir</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_ADEDUZIR5" id="N_ADEDUZIR5" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
    </div>
    <hr>

    <div class="row">
        <div class="col-md-3">
            <label for="">Dedução por Dependente</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="N_DEDUCAODEPENDENTE" id="N_DEDUCAODEPENDENTE" value="0.00" class="form-control" maxlength="10">
            </div>
        </div>
        <div class="col-md-3">
            <label for="">Alíquota IRRF - Pessoa Jurídica</label>
            <div class="input-group">
                <input type="text" name="N_ALIQUOTAJURIDICA" id="N_ALIQUOTAJURIDICA" value="0.0" onkeypress="return digitosComPonto(event);" class="form-control" maxlength="5">
                <span class="input-group-addon">%</span>
            </div>
        </div>
        <div class="col-md-2 col-md-offset-4">
            <label for="">Data</label>
            <div class="input-group">
                <input type="text" name="D_DATA" class="form-control" id="DtAtual">
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></span>
            </div>
        </div>
    </div>
    <div class="page-header"></div>

    <div class="row">
        <div class="col-md-12">
            <button type="submit" class="btn btn-primary"><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>
            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Voltar</button>
        </div>
    </div>
    <hr>
</form>
<div class="row">
    <div class="col-md-7">
        <table id="TabelaIrrfEmVigor" class="table table-bordered">
            <!--            <caption>Tabela em vigor</caption>-->
            <!--            <thead>-->
            <!--            <tr>-->
            <!--                <th>Valor Inícial</th>-->
            <!--                <th>Valor Final</th>-->
            <!--                <th>Alíquota (%)</th>-->
            <!--                <th>Parcela a Deduzir</th>-->
            <!--            </tr>-->
            <!--            </thead>-->
            <!--            <tbody>-->
            <!--            <tr>-->
            <!--                <td>00</td>-->
            <!--                <td>00</td>-->
            <!--                <td>00 (%)</td>-->
            <!--                <td>00</td>-->
            <!--            </tr>-->
            <!--            </tbody>-->
        </table>
    </div>
    <div class="col-md-5">
        <table id="TabelaIrrfDetalhe" class="table table-bordered">
            <caption>Datelhes</caption>
            <thead>
            <tr>
                <th>Data Cadastro</th>
                <th>Dedução por Dependente</th>
                <th>Alíquota IRRF PJ (%)</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>00</td>
                <td>00</td>
                <td>00</td>
            </tr>
            </tbody>
        </table>
    </div>
<!--    <div class="row" id="inicioVigor">-->
<!---->
<!--    </div>-->
</div>

@endsection
@push('script')
    <script>
        $(function () {
            $("#DtAtual").mask("99/99/9999").datepicker();
            $('#N_INICIAL1, #N_INICIAL2, #N_INICIAL3, #N_INICIAL4, #N_INICIAL5, #N_FINAL1, #N_FINAL2, #N_FINAL3, #N_FINAL4, #N_FINAL5, #N_ADEDUZIR1, #N_ADEDUZIR2, #N_ADEDUZIR3, #N_ADEDUZIR4, #N_ADEDUZIR5, #N_DEDUCAODEPENDENTE').priceFormat({
                //prefix: 'R$ ',
                prefix: '',
                centsSeparator: ',',
                thousandsSeparator: '.',
                limit: 17,
                centsLimit: 2
            });
        });
    </script>
    <script src="{{url(mix('modulos/tributos/assets/js/tributos/irrf/tabela-irrf/list-create-tabela-irrf.js'))}}"></script>
@endpush