@extends('layout.padrao')
@section('title', 'Exported File')
@section('content')

<div class="row">
    <div class="col col-sm-12 col-md-12 col-lg-12">
        <div class="shadow folha-interna folha-azul rounded">
            <div class="row">
                <div class="col files">
                    <h3 class="title"> <i class="fas fa-download"></i> Last Files</h3>
                </div>
                <div class="w-100 sep-line3"></div>
                <div class="col" id="filaDeArquivos">
                    <div class="row lastFilesCarousel">
                        <!-- < Duplicar esse codigo > -->
                        @if (isset($attachs ))
                          @foreach ($attachs as $key => $item) 
                            @if ($key < 11)

                                <div class="col-12 col-sm-12 col-md-3 col-lg-1 col-xl-1 download">
                                    <a href="{{ asset($item->path.'/'.$item->nmAnexo) }}"  download="{{$item->nmAnexo}}">
                                        <div class="row">
                                            <div class="col-4 align-self-center">
                                                <i class="fas fa-file-alt"></i>
                                            </div>
                                            <div class="col align-self-center">
                                                <h5>
                                                    LOTE 
                                                    <span> {{$item->nmAnexo}} </span>
                                                </h5>
                                                <h6 class="mini">
                                                    Create: </br>
                                                    <span> {{$item->created_at}} </span>
                                                </h6>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            @endif
                          @endforeach          
                          
                        @endif          
                        <!-- </ Duplicar esse codigo > -->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col col-sm-12 col-md-12 col-lg-12 margin-top-15">
        <form action="{{route('ExportCashOutFile')}}" method="get" id="createFileCashOutExport">
            <!-- Tabela Responsiva -->
            <div class="table-responsive">
            <div id="toolbar">
                <div class="btn btn-blue" onclick="$('#ExportFileModal').modal('show')">
                    Create Export File
                </div>
            </div>
                <table class="table-striped text-center" id="table" data-toggle="table" data-search="true"
                    data-page-size="50" 
                    data-detail-formatter="detailFormatter" 
                    data-page-list="[100, 200, 300, 400, all]"
                    data-show-footer="true" 
                    data-show-pagination-switch="true" 
                    data-show-refresh="true"
                    data-click-to-select="true" 
                    data-show-fullscreen="true" 
                    data-pagination="true" 
                    data-toolbar="#toolbar"
                    data-show-toggle="true" 
                    data-height="auto" 
                    data-show-export="true" 
                    data-export-data-type="all"
                    data-query-params="queryParams" 
                    data-url="/protheusCashOutExportedJson" 
                    data-show-columns="true"
                >
                    <thead>
                        <tr class="trSuperBlue">
                            <th data-field="id" data-sortable="false" data-formatter="checkTh" class="text-center"><input type="checkbox" id="check" onclick="selectAll()"></th>
                            <th data-field="next_lote_finance" data-sortable="false" class="text-center">Next Lote</th>
                            <th data-field="batch_payments.0.description" data-sortable="false" class="text-center">Remessa Lote</th>
                            <th data-field="TipoRemessa" data-sortable="false" class="text-center">Tipo Remessa</th>
                            <th data-field="loading_requests.SAOE" data-sortable="true" class="text-center">SAOE</th>
                            <th data-field="payment_date" data-sortable="false" class="text-center minData" data-formatter="dateFormatPayReqDate">Data Pag.</th>
                            <th data-field="loading_requests.booking" data-formatter="linkBooking" data-sortable="false" class="text-center">Booking</th>
                            <th data-field="payment_type" data-formatter="linkPaymentReq" data-sortable="true" class="text-center">Payment Req.</th>
                            <th data-field="usuarios.nome" data-sortable="true" class="text-center">User Requested</th>
                            <th data-field="valor" data-sortable="false" class="text-center">Valor</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </form>
    </div>
</div>

@include('bibliotecas.bootstrapTable2WithModal')
@include('remessas.itau.style')
@include('remessas.itau.script')
@include('protheus.modal')

@endsection