@extends('layout.padrao')
@section('title', 'Batch Payment Done (Pagamento em Lote Realizados) - Itaú')
@section('content')

<div class="row">
    
    <div class="col col-sm-12 col-md-12 col-lg-12 margin-top-15">
        <form action="{{route('remessaItauRecheck')}}" method="get" id="createItau">
            <!-- Tabela Responsiva -->
            <div class="table-responsive">
            <div id="toolbar">
                <div class="btn btn-blue" onclick="$('#itauModal').modal('show')">
                    Recreate Itaú 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="/getExportedBatchJson" 
                    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="batch_payments.0.description" data-sortable="true" class="text-center">Lote</th>
                            <th data-field="TipoRemessa" data-sortable="false" class="text-center">Tipo Remessa</th>
                            <th data-field="accounting_type" data-sortable="true" class="text-center">Tipo de Conta</th>
                            <th data-field="loading_requests.SAOE" data-sortable="true" class="text-center">SAOE</th>
                            <th data-field="invoice_number" data-sortable="true" class="text-center">Invoice Number</th>
                            <th data-field="banking_details.agencyName"  data-formatter="nullField" data-sortable="true" class="text-center">Company</th>
                            <th data-field="CNPJ" data-sortable="true" class="text-center minData" data-formatter="nullFieldCNPJ">CNPJ</th>
                            <th data-field="pay_req_date" data-sortable="true" class="text-center minData" data-formatter="dateFormatPayReqDate">Data Solicitação</th>
                            <th data-field="payment_date" data-sortable="true" class="text-center minData" data-formatter="nullFieldPaymentDate">Data do Pagamento</th>
                            <th data-field="loading_requests.booking" data-formatter="linkBooking" data-sortable="false" class="text-center">Booking</th>
                            <th data-field="banking_details.bank" data-formatter="nullField" data-sortable="true" class="text-center">Banco</th>
                            <th data-field="banking_details.bankAgency"data-formatter="nullField"  data-sortable="false" class="text-center">Agência</th>
                            <th data-field="banking_details.bankAccount" data-formatter="nullField" data-sortable="false" class="text-center">Conta</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="dollarRate" data-formatter="nullFieldDollar" data-sortable="false" class="text-center">Dollar Rate</th>
                            <th data-field="amount"   data-sortable="false" class="text-center">Dollar Amount</th>
                            <th data-field="amountBRL"   data-sortable="false" class="text-center">Real Amount</th>
                            <th data-field="correctionQty"   data-sortable="false" class="text-center">Correction Qty</th>
                            <th data-field="correctionPrice"   data-sortable="false" class="text-center">Correction Amount</th>
                            <th data-field="valor" data-sortable="true" class="text-center">Valor Total</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </form>
    </div>
</div>

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

@endsection