@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;
        }
    </style>
    <div class="card mt-4 mb-5">
        <div class="card-header">
            <b><i class="fa fa-th-list" aria-hidden="true"></i>&nbsp;Agrupar:</b> &nbsp;ISS - Imposto sobre Serviços de
            Qualquer Natureza
            <br>
            <small>Ao agrupar será gerado a guia de recolhimento, com todos os ISS no período escolhido.</small>
        </div>
    </div>

    <form id="formDamIss" action="{{route('nfse.movimento-filtrar')}}" method="post" role="form">
        @csrf
        <small>Informe o período desejado:</small>
        <div class="form-row align-items-center">
            <div class="col-auto">
                <label class="sr-only" for="inlineFormInputGroup">Data Início:</label>
                <div class="input-group mb-2">
                    <input name="dtInicio" class="form-control" type="text" id="dtInicio" size="10"/>
                    <div class="input-group-prepend">
                        <div class="input-group-text"><i class="fa fa-calendar" aria-hidden="true"></i></div>
                    </div>
                </div>
            </div>
            <div class="col-auto">
                <label class="sr-only" for="inlineFormInputGroup">Data Início:</label>
                <div class="input-group mb-2">
                    <input name="dtFinal" class="form-control" type="text" id="dtFinal" size="10" maxlength="10"/>
                    <div class="input-group-prepend">
                        <div class="input-group-text"><i class="fa fa-calendar" aria-hidden="true"></i></div>
                    </div>
                </div>
            </div>
            <div class="col-auto">
                <button type="submit" class="btn btn-primary mb-2">Buscar</button>
            </div>
        </div>
    </form>

    <div class="j_unificar">

    </div>
@endsection
@push('script')
    <script>
        $(function () {
            $("#dtInicio").datepicker({
                format: 'dd/mm/yyyy',
                language: 'pt-BR',
                autoclose: true
            });
            $("#dtFinal").datepicker({
                format: 'dd/mm/yyyy',
                language: 'pt-BR',
                //defaultDate: "+1d", //d=> dia
                //defaultDate: "+1w", //w=> semana
                defaultDate: "+1m", //m=> mês
                //defaultDate: "+1y", //y=> ano
                //changeMonth: true,
                //numberOfMonths: 2 //Notal de meses abertos
                autoclose: true
            });
            $("#dtInicio, #dtFinal").mask("99/99/9999");
        });
    </script>
    <script src="{{url(mix('modulos/nfse/nota/js/unificar-iss-por-periodo.js'))}}"></script>
@endpush