@extends('layouts.nfse.nfse-home')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }

        /*.ui-autocomplete{
            z-index: 1050;
        }*/

        .ui-autocomplete {
            z-index: 1050 !important;
        }
        textarea {
            resize: none;
        }
    </style>
    <div class="card mt-4 mb-5">
        <div class="card-header">
            <b><i class="fa fa-th-list" aria-hidden="true"></i>&nbsp;Emitir NFS-e</b>
        </div>
    </div>

    <form name="formCreateNota" action="{{route('gerar-nfse.store')}}" method="post" role="form" autocomplete="off">
        @csrf
        <div class="row">
            <div class="col-md-12">
                <label for=""><i style="color: grey">* Campo de Preenchimento Obrigatório</i></label>
            </div>
        </div>
        <hr>
        <div class="page-header"><b style="color: silver">Dados do Tomador de Serviço(s)</b></div>
        <div class="row">
            <div class="col-md-2">
                <label for=""><b>* CPF/CNPJ</b></label>
                <input type="hidden" name="nfs_codigotomador" id="nfs_codigotomador">
                <div class="input-group mb-3">
                    <input type="text" id="cpfcnpj_tomador" class="form-control" onkeypress="return digitos(event)" maxlength="14">
                    <button type="button" title="Incluir Tomador" class="btn btn-primary" id="create-tomador"><i class="fa fa-plus" aria-hidden="true"></i></button>
                </div>
            </div>
            <div class="col-md-6">
                <label for="">Nome/Razão Social</label>
                <input type="text" id="nfs_razaosocialtomador" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Telefone Comercial</label>
                <input type="text" id="nfs_telefonetomador" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Celular</label>
                <input type="text" id="nfs_celulartomador" class="form-control" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label for="">Endereço</label>
                <input type="text" id="nfs_logradurotomador" class="form-control" readonly>
            </div>
            <div class="col-md-1">
                <label for="">Nº</label>
                <input type="text" id="nfs_numerotomador" class="form-control" readonly>
            </div>
            <div class="col-md-3">
                <label for="">Bairro</label>
                <input type="text" id="nfs_bairrotomador" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">CEP</label>
                <input type="text" id="nfs_ceptomador" class="form-control" readonly>
            </div>
        </div>
        <hr>

        <div class="page-header"><b style="color: silver">Descrição do(s) Serviço(s)</b></div>
        <div class="row">
            <div class="col-md-12">
                <label for=""><b>* Código do Serviço/Atividade</b></label>
                <select name="nfs_itemlistaservico" id="percentItem" onchange="calcNfse(this)" class="form-control">
                    <option></option>
                    @foreach($atividadeAtiva as $a)
                        <option value="{{$a->nfs_aliquota}}#{{$a->nfs_codigosecundario}}">{{$a->nfs_codigosecundario}} - {{$a->nfs_descricaoservico}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-7">
                <label for=""><b>* Descrição do item</b></label>
                <textarea name="nfs_discriminacao_1" cols="30" rows="3" class="form-control"></textarea>
            </div>
            <div class="col-md-1">
                <label for=""><b>* Qtde.</b></label>
                <input type="text" name="nfs_qtd_1" id="nfs_qtd_1" onKeyUp="calcNfse(this)" class="form-control" onkeypress="return digitos(event)" value="0" maxlength="15">
            </div>
            <div class="col-md-2">
                <label for=""><b>* Unitário R$</b></label>
                <input type="text" name="nfs_val_unitario_1" id="vlrUn1" onKeyUp="calcNfse(this)" class="form-control" value="0,00">
            </div>
            <div class="col-md-2">
                <label for=""><b>Sub-Total R$</b></label>
                <input type="text" name="nfs_subtotal_1" id="nfs_subtotal_1" onKeyUp="calcNfse(this)" class="form-control" value="0,00" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-7">
                <label for="">&nbsp;</label>
                <textarea name="nfs_discriminacao_2" cols="30" rows="3" class="form-control"></textarea>
            </div>
            <div class="col-md-1">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_qtd_2" id="nfs_qtd_2" onKeyUp="calcNfse(this)" class="form-control" onkeypress="return digitos(event)" value="0" maxlength="15">
            </div>
            <div class="col-md-2">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_val_unitario_2" id="vlrUn2" onKeyUp="calcNfse(this)" value="0,00" class="form-control">
            </div>
            <div class="col-md-2">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_subtotal_2" id="nfs_subtotal_2" onKeyUp="calcNfse(this)" value="0,00" class="form-control" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-7">
                <label for="">&nbsp;</label>
                <textarea name="nfs_discriminacao_3" cols="30" rows="3" class="form-control"></textarea>
            </div>
            <div class="col-md-1">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_qtd_3" id="nfs_qtd_3" onKeyUp="calcNfse(this)" class="form-control" onkeypress="return digitos(event)" value="0" maxlength="15">
            </div>
            <div class="col-md-2">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_val_unitario_3" id="vlrUn3" onKeyUp="calcNfse(this)" value="0,00" class="form-control">
            </div>
            <div class="col-md-2">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_subtotal_3" id="nfs_subtotal_3" onKeyUp="calcNfse(this)" value="0,00" class="form-control" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-7">
                <label for="">&nbsp;</label>
                <textarea name="nfs_discriminacao_4" cols="30" rows="3" class="form-control"></textarea>
            </div>
            <div class="col-md-1">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_qtd_4" id="nfs_qtd_4" onKeyUp="calcNfse(this)" class="form-control" onkeypress="return digitos(event)" value="0" maxlength="15">
            </div>
            <div class="col-md-2">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_val_unitario_4" id="vlrUn4" onKeyUp="calcNfse(this)" value="0,00" class="form-control">
            </div>
            <div class="col-md-2">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_subtotal_4" id="nfs_subtotal_4" onKeyUp="calcNfse(this)" value="0,00" class="form-control" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-7">
                <label for="">&nbsp;</label>
                <textarea name="nfs_discriminacao_5" cols="30" rows="3" class="form-control"></textarea>
            </div>
            <div class="col-md-1">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_qtd_5" id="nfs_qtd_5" onKeyUp="calcNfse(this)" class="form-control" onkeypress="return digitos(event)" value="0" maxlength="15">
            </div>
            <div class="col-md-2">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_val_unitario_5" id="vlrUn5" onKeyUp="calcNfse(this)" value="0,00" class="form-control">
            </div>
            <div class="col-md-2">
                <label for="">&nbsp;</label>
                <input type="text" name="nfs_subtotal_5" id="nfs_subtotal_5" onKeyUp="calcNfse(this)" value="0,00" class="form-control" readonly>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-12">
                <label for=""><b>Outras Informações</b></label>
                <textarea class="form-control" name="nfs_outrasinformacoes" id="nfs_outrasinformacoes" cols="15" rows="4" maxlength="600"></textarea>
            </div>
        </div>
        <hr class="mb-5">

        <div class="row">
            <div class="col-md-2">
                <label for=""><b>INSS (R$)</b></label>
                <input type="text" name="nfs_valorinss" id="vlrInss" onKeyUp="calcNfse(this)" value="0,00" class="form-control">
            </div>
            <div class="col-md-2">
                <label for=""><b>IRPJ (R$)</b></label>
                <input type="text" name="nfs_valorirpj" id="vlrIrpj" onKeyUp="calcNfse(this)" value="0,00" class="form-control">
            </div>
            <div class="col-md-2">
                <label for=""><b>CSLL (R$)</b></label>
                <input type="text" name="nfs_valorcsll" id="vlrCsll" onKeyUp="calcNfse(this)" value="0,00" class="form-control">
            </div>
            <div class="col-md-2">
                <label for=""><b>CONFINS (R$)</b></label>
                <input type="text" name="nfs_valorcofins" id="vlrCofins" onKeyUp="calcNfse(this)" value="0,00" class="form-control">
            </div>
            <div class="col-md-2">
                <label for=""><b>PIS/PASEP (R$)</b></label>
                <input type="text" name="nfs_valorpis" id="vlrPis" onKeyUp="calcNfse(this)" value="0,00" class="form-control">
            </div>
        </div>
        <hr>

        {{--Atende odebrecht S.Tapera ou qualque outra situacao especial--}}
        @if(($prestador->nfs_cpfcnpjprestador == '10220039004165')
            or ($prestador->nfs_cpfcnpjprestador == '10220039007423')
            or ($prestador->nfs_cpfcnpjprestador == '35357567000102')
            or ($prestador->nfs_cpfcnpjprestador == '40008323000146')
            or ($prestador->nfs_cpfcnpjprestador == '25144796000187'))
            <div class="row">
                <div class="col-md-2">
                    <label for=""><b>Total Deduções (R$)</b></label>
                    <input type="text" name="nfs_valordeducoes" id="vlrDucoes" value="0,00" class="form-control" readonly>
                </div>
                <div class="col-md-2">
                    <label for=""><b>* Base de Cálculo (R$)</b></label>
                    <input type="text" id="vlrBCalculo" name="nfs_basecalculo" value="0,00" class="form-control" onKeyUp="calcNfse(this)">
                </div>
                <div class="col-md-2">
                    <label for=""><b>Alíquota (%)</b></label>
                    <input type="text" name="nfs_aliquota" id="aliquota" value="0" class="form-control" maxlength="4" onkeypress="return digitosComVirgula(event)" onKeyUp="calcNfse(this)">
                </div>
                1
                <div class="col-md-2">
                    <label for=""><b>Valor do ISS (R$)</b></label>
                    <input type="text" name="nfs_valoriss" id="vlrIss" value="0,00" class="form-control" onKeyUp="calcNfse(this)">
                </div>
                <div class="col-md-2">
                    <label for=""><b>ISS a Reter </b></label>
                    <div class="radio">
                        <label>
                            <input type="radio" name="nfs_issretido" id="s" onclick="calcNfse(this)" value="S">
                            Sim
                        </label>
                        <label>
                            <input type="radio" name="nfs_issretido" id="n" onclick="calcNfse(this)" value="N" checked="checked">
                            Não
                        </label>
                    </div>
                </div>
            </div>
        @else
            {{-- todos os demais CNPJ/CPF--}}
            <div class="row">
                <div class="col-md-2">
                    <label for=""><b>Total Deduções (R$)</b></label>
                    <input type="text" name="nfs_valordeducoes" id="vlrDucoes" value="0,00" class="form-control" readonly>
                </div>
                <div class="col-md-2">
                    <label for=""><b>Base de Cálculo (R$)</b></label>
                    <input type="text" id="vlrBCalculo" name="nfs_basecalculo" value="0,00" class="form-control" readonly>
                </div>
                {{--tributo no municipio--}}
                @if($prestador->nfs_tipotributo == 1)
                    <div class="col-md-2">
                        <label for=""><b>Alíquota (%)</b></label>
                        <input type="text" name="nfs_aliquota" id="aliquota" value="0" class="form-control" maxlength="4" onkeypress="return digitosComVirgula(event)" onKeyUp="calcNfse(this)" readonly>
                    </div>
                    <div class="col-md-2">
                        <label for=""><b>Valor do ISS (R$)</b></label>
                        <input type="text" name="nfs_valoriss" id="vlrIss" value="0,00" class="form-control" readonly>
                    </div>
                    {{--tributo simples nacional/fora do municipio--}}
                @elseif($prestador->nfs_tipotributo == 2 or $prestador->nfs_tipotributo == 4)
                    <div class="col-md-2">
                        <label for=""><b>Alíquota (%)</b></label>
                        <input type="text" name="nfs_aliquota" id="aliquota" value="0" class="form-control" maxlength="4" onkeypress="return digitosComVirgula(event)" onKeyUp="calcNfse(this)">
                    </div>
                    <div class="col-md-2">
                        <label for=""><b>Valor do ISS (R$)</b></label>
                        <input type="text" name="nfs_valoriss" id="vlrIss" value="0,00" class="form-control" readonly>
                    </div>
                    {{--tributo isento e mei--}}
                @else
                    <div class="col-md-2">
                        <label for=""><b>Alíquota (%)</b></label>
                        <input type="hidden" id="aliquota" value="0" class="form-control" readonly>
                        <input type="text" name="nfs_aliquota" value="0" maxlength="4" class="form-control" readonly>
                    </div>
                    <div class="col-md-2">
                        <label for=""><b>Valor do ISS (R$)</b></label>
                        {{--                        <input type="hidden" name="nfs_valoriss" id="vlrIss" value="0,00" class="form-control" readonly>--}}
                        {{--                        <input type="text" value="0,00" class="form-control" title="O valor saíra zerado na nota." readonly>--}}
                        <input type="hidden" id="vlrIss" value="0,00" class="form-control" readonly>
                        <input type="text" name="nfs_valoriss" value="0,00" class="form-control" title="O valor saíra zerado na nota." readonly>
                    </div>
                @endif
                <div class="col-md-2">
                    <label for=""><b>ISS a Reter </b></label>
                    <div class="radio">
                        <label>
                            <input type="radio" name="nfs_issretido" id="s" onclick="calcNfse(this)" value="S">
                            Sim
                        </label>
                        <label>
                            <input type="radio" name="nfs_issretido" id="n" onclick="calcNfse(this)" value="N" checked="checked">
                            Não
                        </label>
                    </div>
                </div>
            </div>
        @endif
        <hr>

        <div class="row">
            <div class="col-md-2">
                <label for=""><b>Valor Total R$</b></label>
                <input type="text" name="nfs_valorservicos" id="vlrServicos" value="0,00" class="form-control" readonly onKeyUp="calcNfse(this)">
            </div>
            <div class="col-md-2">
                <label for=""><b>* Total Líquido R$</b></label>
                <input type="text" name="nfs_valorliquidonfse" id="vlrLiquido" value="0,00" class="form-control" readonly onKeyUp="calcNfse(this)">
            </div>
        </div>

        <div class="mt-4">
            <small style="color: #FF0039;"><img src="#"> Este procedimento é feito em um ambiente seguro e por motivos de segurança, o seu endereço de IP ({{request()->getClientIp()}}) será gravado.</small>
        </div>
        <hr>

        <div class="row" onmouseover="return calcNfse(this)">
            <div class="col-md-12">
                <button type="submit" class="btn btn-primary btn-lg"><i class="fa fa-floppy-o" aria-hidden="true"></i>&nbsp; Salvar</button>
                <a href="javascript:history.back()" class="btn btn-light btn-lg"><i class="fa fa-chevron-left" aria-hidden="true"></i>&nbsp; Voltar</a>
            </div>
        </div>
        <hr>
    </form>

    {{--
        Modal
    --}}
    <div class="modal fade" id="formModalTomador" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <form name="formCreateModalTomador" action="{{route('tomador-home.store')}}" method="post" role="form">
                <div class="modal-content">
                    <div class="modal-header">
                        <h3 class="modal-title">Incluir um novo Tomador</h3>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        @csrf
                        <div class="row">
                            <div class="col-md-12">
                                <label for=""><i style="color: grey">* Campo de Preenchimento Obrigatório</i></label>
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-md-2">
                                <label for="">* CPF/CNPJ</label>
                                <input type="text" name="nfs_cpfcnpjtomador" id="CPFCNPJ" class="form-control" onkeypress="return digitos(event)">
                            </div>
                            <div class="col-md-10">
                                <label for="">* Nome/Razão Social</label>
                                <input type="text" name="nfs_razaosocialtomador" class="form-control" maxlength="150">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <label for="">* Endereço</label>
                                <input type="text" name="nfs_logradurotomador" class="form-control">
                            </div>
                            <div class="col-md-1">
                                <label for="">Nº</label>
                                <input type="text" name="nfs_numerotomador" class="form-control">
                            </div>
                            <div class="col-md-5">
                                <label for="">* Bairro</label>
                                <input type="text" name="nfs_bairrotomador" class="form-control">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <label for="">* Cidade</label>
                                <input type="hidden" name="nfs_cidadetomador" id="IDCIDADE">
                                <input type="text" id="MUNICIPIO" class="form-control">
                            </div>
                            <div class="col-md-2">
                                <label for="">CEP</label>
                                <input type="text" name="nfs_ceptomador" id="cep" class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label for="">E-Mail</label>
                                <input type="text" name="nfs_emailtomador" class="form-control">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2">
                                <label for="">Telefone Comercial</label>
                                <input type="text" name="nfs_telefonetomador" id="telefone" class="form-control">
                            </div>
                            <div class="col-md-2">
                                <label for="">Celular</label>
                                <input type="text" name="nfs_celulartomador" id="celular" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary"><i class="fa fa-floppy-o" aria-hidden="true"></i>&nbsp;Salvar</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection
@push('script')
    <script src="{{url(mix('modulos/nfse/tomador/js/buscar-tomador-por-cpf-cnpj.js'))}}"></script>
    <script src="{{url(mix('modulos/nfse/nota/js/create.js'))}}"></script>
    <script src="{{url(mix('modulos/tributos/assets/js/auto-complete/auto-complete.js'))}}"></script>

    @if($prestador->nfs_tipotributo == 2 or $prestador->nfs_tipotributo == 4)
        <script src="{{url(mix('modulos/nfse/nota/js/calc-nota-simples-nacional.js'))}}"></script>
    @else
        @if($prestador->nfs_cpfcnpjprestador == '35357567000102')
            <script src="{{url(mix('modulos/nfse/nota/js/calc-nota-simples-nacional-odebrecht.js'))}}"></script>
        @else
            @if(($prestador->nfs_cpfcnpjprestador != '10220039004165') or ($prestador->nfs_cpfcnpjprestador != '40008323000146') or ($prestador->nfs_cpfcnpjprestador != '10220039007423'))
                <script src="{{url(mix('modulos/nfse/nota/js/calc-nota.js'))}}"></script>
            @endif
        @endif
    @endif
    {{--        Atende Odebrecht (São José da Tapera)--}}
    @if($prestador->nfs_tipotributo == 1 && $prestador->nfs_cpfcnpjprestador == '10220039004165' or $prestador->nfs_cpfcnpjprestador == '10220039007423')
        <script src="{{url(mix('modulos/nfse/nota/js/calc-nota-simples-nacional-odebrecht.js'))}}"></script>
    @endif
    @if($prestador->nfs_tipotributo == 4 && $prestador->nfs_cpfcnpjprestador == '40008323000146')
        {{--        Atende J. G. TENORIO FERRO (Dois Riachos) 11/08/2021--}}
        <script src="{{url(mix('modulos/nfse/nota/js/calc-nota-simples-nacional-odebrecht.js'))}}"></script>
    @endif
    @if($prestador->nfs_tipotributo == 4 && $prestador->nfs_cpfcnpjprestador == '25144796000187')
        {{--        LUCIENE TORRES DE ALBUQUERQUE (Igaci) 09/01/2022--}}
        <script src="{{url(mix('modulos/nfse/nota/js/calc-nota-simples-nacional-odebrecht.js'))}}"></script>
    @endif
    <script>
        $(function () {
            $('#vlrUn1, #vlrUn2, #vlrUn3, #vlrUn4, #vlrUn5, #vlrInss, #vlrIrpj, #vlrCsll, #vlrCofins, #vlrPis, #vlrDucoes, #vlrIss, #vlrBCalculo').priceFormat({
                prefix: '',//prefix: 'R$ '
                centsSeparator: ',',
                thousandsSeparator: '.',
                limit: 17,
                centsLimit: 2
            });
        })

        //bloquear quebra linha de forma ilimitada no textarea
        $(document).ready(function () {
            //https://pt.stackoverflow.com/questions/393541/limitar-quantidade-m%C3%A1xima-de-linhas-numa-textarea#:~:text=Para%20limitar%20a%20quantidade%20de,atributo%20maxlength%20no%20elemento%20textarea%20.
            $('#nfs_outrasinformacoes').keydown(function (e) {
                var linhasAtuais = $(this).val().split("\n").length;
                if (e.keyCode == 13 && linhasAtuais >= 4) {
                    return false;
                }
            });
        });
    </script>
@endpush