@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> Nota Fiscal de Serviço Avulsa<small> (Emitir Novo Documento)</small></h3>
    <form name="FrmIncluirNotaAvulsa" action="{{route('nota-avulsa.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-3">
                <label for="">* CPF/CNPJ (Prestador)</label>
                <div class="input-group">
                    <input type="text" class="form-control" id="CPFCNPJ_PRESTADOR" onkeypress="return digitos(event);">
                    <span class="input-group-btn">
                        <a href="{{route('contribuinte.create')}}" class="btn btn-default" title="Incluir Prestador"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></a>
                        <!--                    <button class="btn btn-default" type="button" name="btnContribuinte" title="Incluir Prestador" 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-2">
                <label for="">Código</label>
                <input type="text" class="form-control" name="I_IDPRESTADOR" id="I_IDCONTRIBUINTE_PRESTADOR" readonly>
            </div>
            <div class="col-md-5">
                <label for="">Nome/Razão Social</label>
                <input type="text" class="form-control" id="CONTRIBUINTE_PRESTADOR" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Celular</label>
                <input type="text" class="form-control" id="CELULAR_PRESTADOR" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-7">
                <label for="">Endereço</label>
                <input type="text" id="LOGRADOURO_PRESTADOR" class="form-control" readonly>
            </div>
            <div class="col-md-1">
                <label for="">Número</label>
                <input type="text" id="NUMERO_PRESTADOR" class="form-control" readonly>
            </div>
            <div class="col-md-4">
                <label for="">Bairro</label>
                <input type="text" id="BAINOME_PRESTADOR" class="form-control" readonly>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-3">
                <label for="">* CPF/CNPJ (Tomador)</label>
                <div class="input-group">
                    <input type="text" class="form-control" id="CPFCNPJ_TOMADOR" onkeypress="return digitos(event);">
                    <span class="input-group-btn">
                        <a href="{{route('contribuinte.create')}}" class="btn btn-default" title="Incluir Tomador"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></a>
                        <!--                    <button class="btn btn-default" type="button" name="btnContribuinte" title="Incluir Tomador" 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-2">
                <label for="">Código</label>
                <input type="text" class="form-control" name="I_IDTOMADOR" id="I_IDCONTRIBUINTE_TOMADOR" readonly>
            </div>
            <div class="col-md-5">
                <label for="">Nome/Razão Social</label>
                <input type="text" class="form-control" id="CONTRIBUINTE_TOMADOR" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Celular</label>
                <input type="text" class="form-control" id="CELULAR_TOMADOR" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-7">
                <label for="">Endereço</label>
                <input type="text" id="LOGRADOURO_TOMADOR" class="form-control" readonly>
            </div>
            <div class="col-md-1">
                <label for="">Número</label>
                <input type="text" id="NUMERO_TOMADOR" class="form-control" readonly>
            </div>
            <div class="col-md-4">
                <label for="">Bairro</label>
                <input type="text" id="BAINOME_TOMADOR" class="form-control" readonly>
            </div>
        </div>
        <hr>

        {{--        Tratar os codigo do IR 04/12/2013--}}
        <div class="row">
            <div class="col-md-8">
                <label for="">Código do Serviço/Atividade: <small style="color: red"><b>(Exclusivo para descontar IRRF)</b></small></label>
                <select class="form-control" name="CODIGO_ID" id="CODIGO_ID" onchange="calcNotaAvulsa(this)">
                    <option value="0#0.00" selected></option>
                    @foreach($atividadeIR as $atIR)
                        <option value="{{$atIR->id}}#{{$atIR->aliquota}}">{{str_pad($atIR->id,2,0,STR_PAD_LEFT)}} - {{$atIR->codigo}} - {{$atIR->descricao}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-1">
                <label for="">* Qtd</label>
                <input type="text" name="N_QUANTIDADE1" id="N_QUANTIDADE1" value="0" onkeyup="calcNotaAvulsa(this);" class="form-control" title="Para fracionar use ponto (.)" maxlength="5" onkeypress="return digitosComPonto(event);">
            </div>
            <div class="col-md-7">
                <label for="">* Descrição</label>
                <textarea name="DESCRICAO1" cols="30" rows="2" class="form-control"></textarea>
            </div>
            <div class="col-md-2">
                <label for="">* Vlr. Unitário</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VUNITARIO1" id="N_VUNITARIO1" onkeyup="calcNotaAvulsa(this);" class="form-control" value="0,00" maxlength="15">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Vlr. Total</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VSUBTOTAL1" id="N_VSUBTOTAL1" onkeyup="calcNotaAvulsa(this);" value="0,00" class="form-control" readonly>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-1">
                <label for="">Qtd</label>
                <input type="text" name="N_QUANTIDADE2" id="N_QUANTIDADE2" onkeyup="calcNotaAvulsa(this);" value="0" class="form-control" maxlength="5" onkeypress="return digitosComPonto(event);">
            </div>
            <div class="col-md-7">
                <label for="">Descrição</label>
                <textarea name="DESCRICAO2" cols="30" rows="2" class="form-control"></textarea>
            </div>
            <div class="col-md-2">
                <label for="">Vlr. Unitário</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VUNITARIO2" id="N_VUNITARIO2" onkeyup="calcNotaAvulsa(this);" class="form-control" value="0,00" maxlength="15">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Vlr. Total</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VSUBTOTAL2" id="N_VSUBTOTAL2" onkeyup="calcNotaAvulsa(this);" value="0,00" class="form-control" readonly>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-1">
                <label for="">Qtd</label>
                <input type="text" name="N_QUANTIDADE3" id="N_QUANTIDADE3" onkeyup="calcNotaAvulsa(this);" value="0" class="form-control" maxlength="5" onkeypress="return digitosComPonto(event);">
            </div>
            <div class="col-md-7">
                <label for="">Descrição</label>
                <textarea name="DESCRICAO3" cols="30" rows="2" class="form-control"></textarea>
            </div>
            <div class="col-md-2">
                <label for="">Vlr. Unitário</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VUNITARIO3" id="N_VUNITARIO3" onkeyup="calcNotaAvulsa(this);" class="form-control" value="0,00" maxlength="15">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Vlr. Total</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VSUBTOTAL3" id="N_VSUBTOTAL3" onkeyup="calcNotaAvulsa(this);" value="0,00" class="form-control" readonly>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-1">
                <label for="">Qtd</label>
                <input type="text" name="N_QUANTIDADE4" id="N_QUANTIDADE4" onkeyup="calcNotaAvulsa(this);" value="0" class="form-control" maxlength="5" onkeypress="return digitosComPonto(event);">
            </div>
            <div class="col-md-7">
                <label for="">Descrição</label>
                <textarea name="DESCRICAO4" cols="30" rows="2" class="form-control"></textarea>
            </div>
            <div class="col-md-2">
                <label for="">Vlr. Unitário</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VUNITARIO4" id="N_VUNITARIO4" onkeyup="calcNotaAvulsa(this);" class="form-control" value="0,00" maxlength="15">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Vlr. Total</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VSUBTOTAL4" id="N_VSUBTOTAL4" onkeyup="calcNotaAvulsa(this);" value="0,00" class="form-control" readonly>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-1">
                <label for="">Qtd</label>
                <input type="text" name="N_QUANTIDADE5" id="N_QUANTIDADE5" onkeyup="calcNotaAvulsa(this);" value="0" class="form-control" maxlength="5" onkeypress="return digitosComPonto(event);">
            </div>
            <div class="col-md-7">
                <label for="">Descrição</label>
                <textarea name="DESCRICAO5" cols="30" rows="2" class="form-control"></textarea>
            </div>
            <div class="col-md-2">
                <label for="">Vlr. Unitário</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VUNITARIO5" id="N_VUNITARIO5" onkeyup="calcNotaAvulsa(this);" class="form-control" value="0,00" maxlength="15">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Vlr. Total</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VSUBTOTAL5" id="N_VSUBTOTAL5" onkeyup="calcNotaAvulsa(this);" value="0,00" class="form-control" readonly>
                </div>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-2">
                <label for="">* Alíquota</label>
                <div class="input-group">
                    <select name="N_ALIQUOTA" id="N_ALIQUOTA" onchange="calcNotaAvulsa(this);" class="form-control">
                        <option value="" selected></option>
                        @foreach($aliquota as $al)
                            <option value="{{$al->N_ALIQUOTA}}">{{$al->N_ALIQUOTA}}</option>
                        @endforeach
                    </select>
                    <span class="input-group-addon">%</span>
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Retido</label>
                <select name="RETIDO" id="RETIDO" onchange="calcNotaAvulsa();" class="form-control">
                    <option value="S">SIM</option>
                    <option value="N" selected>NÃO</option>
                </select>
            </div>
            <div class="col-md-2">
                <label for="">Isento</label>
                <select name="ISENTO" id="ISENTO" onchange="calcNotaAvulsa();" class="form-control">
                    <option value="S">SIM</option>
                    <option value="N" selected>NÃO</option>
                </select>
            </div>
            <div class="col-md-2">
                <label for="">IRRF</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_IRRF" id="N_IRRF" onkeyup="calcNotaAvulsa(this);" value="0,00" class="form-control">
                </div>
            </div>
            <div class="col-md-2 col-md-offset-2">
                <label for="">Total Nota Avulsa</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_TOTALNOTA" id="N_TOTALNOTA" value="0,00" class="form-control" readonly>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-8">
                <label for="">Observação</label>
                <textarea name="OBS" cols="10" rows="2" 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" onkeyup="calcNotaAvulsa(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" onkeyup="calcNotaAvulsa(this);" value="0,00" class="form-control">
                </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" onkeyup="calcNotaAvulsa(this);" value="0,00" class="form-control">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Desconto</label>
                <div class="input-group">
                    <input type="text" name="N_DESCONTO" id="N_DESCONTO" onkeyup="calcNotaAvulsa(this);" value="0" onkeypress="return digitosComPonto(event);" class="form-control">
                    <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" class="form-control" readonly>
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Valor Final</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VALORFINAL" id="N_VALORFINAL" onkeyup="calcNotaAvulsa(this);" value="0,00" class="form-control" readonly>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2 col-md-offset-4" id="campoHide">
            </div>
            <div class="col-md-2">
                <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=""><b>Emissão</b></label>
                <div class="input-group">
                    <input type="text" name="D_EMISSAO" value="{{DataHoje()}}" class="form-control" id="DtEmissao">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></span>
                </div>
            </div>
            <div class="col-md-2">
                <label for=""><b>Vencimento</b></label>
                <div class="input-group">
                    <input type="text" name="D_VENCIMENTO" class="form-control" value="{{DataVencimento()}}" id="DtVencimento">
                    <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 () {
            $("#DtVencimento,#DtEmissao").mask("99/99/9999").datepicker();
            $('#N_VUNITARIO1, #N_VUNITARIO2, #N_VUNITARIO3, #N_VUNITARIO4, #N_VUNITARIO5, #N_VALOR, #N_MULTA, #N_JUROS, #N_IRRF, #N_VALORFINAL').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/notaavulsa/calc-list-create-nota-avulsa.js'))}}"></script>
@endpush