@extends('layouts.tributos')
@section('content')
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title"><b>Processar Lista de Débito </b> <i id="msg"></i></h3>
        </div>
        <div class="panel-body">
            <form name="FrmInclurLista" method="post" action="{{route('processar.gerar-lote')}}" autocomplete="off">
                <div class="form-group">
                    <div class="row">
                        <div class="col-md-3">
                            <label for="">Data Vencimento </label>
                            <div class="input-group">
                                <input type="text" class="form-control" name="dtVencimento" id="dtVencimento"
                                       value="{{DataListaDebitoFinal()}}" readonly>
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-primary"
                                            onclick="processar()">Montar Remessa</button>
                                </span>
                            </div>
                            <small>Consulta: <b>Período {{DataListaDebitoInicio()}} à {{DataListaDebitoFinal()}}</b> <a
                                    href="{{route('parametros.create')}}"><b>alterar ?</b></a></small>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <h4><i class="glyphicon glyphicon-alert" aria-hidden="true"></i> <b>Atenção: </b> Fique atento para não gerar
        remessa em duplicidade.</h4>
    <table class="table table-hover">
        <caption>Lista de Remessa(s)</caption>
        <thead>
        <tr>
            <th width="5%">Código</th>
            <th width="10%">Processado em</th>
            <th width="10%">Data Vencimento</th>
            <th width="20%">Período</th>
            <th width="50%">Baixar Remessa</th>
            <th width="5%"></th>
        </tr>
        </thead>
        <tbody>
        @foreach($dados as $d)
            <tr>
                <td>{{str_pad($d->id, 6, 0, STR_PAD_LEFT)}}</td>
                <td>{{dataYMD_DMY($d->data_geracao)}}</td>
                <td>{{dataYMD_DMY($d->data_vencimento)}}</td>
                <td>{{dataYMD_DMY($d->periodo_in)}} à {{dataYMD_DMY($d->periodo_fn)}}</td>
                <td><a href="{{env('AWS_URL').'/remessa-lista-debito/'.clearString(EMP_NOME).'/'.$d->lote}}" target="_blank" download>{{$d->lote}}</a></td>
{{--                <td><a href="{{ url("storage/remessa-lista-debito/{$d->lote}") }}" target="_blank"--}}
{{--                       download>{{$d->lote}}</a></td>--}}
                <td><a href="#"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></td>
            </tr>
        @endforeach
        </tbody>
    </table>
@endsection
@push('script')
    <script src="{{url(mix('modulos/tributos/assets/js/gerar-lista-debito.js'))}}"></script>
    <script>
        function processar() {
            let i = document.querySelector("#msg");
            let dtVencimento = document.querySelector("#dtVencimento").value;

            if (!(dtVencimento.length > 0)) {
                i.innerHTML = 'Por favor, preencha com uma data válida';
            }
        }

        if (!Modernizr.adownload) {
            let $link = $('a');

            $link.each(function () {
                let $download = $(this).attr('download');

                if (typeof $download !== typeof undefined && $download !== false) {
                    let $el = $('<div>').addClass('download-instruction').text('Right-click and select "Download Linked File"');
                    $el.insertAfter($(this));
                }

            });
        }
    </script>
@endpush