@extends('layout.padrao')
@section('title', 'Closed Debit Note - Contas Encerradas')


@section('content')
<style>
  table.table-bordered>thead>tr{
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
  }

  .fixed-table-pagination{
    margin-top: 30px
  }

  .export.btn-group{
        padding-right: 16px;
  }
  .border-radius-5{
    border-radius: 5px !important;
  }
  #checkedsDN .nav-pills>li.active>a, #checkedsDN .nav-pills>li.active>a:hover, #checkedsDN .nav-pills>li.active>a:focus{
    background-color: #31609f !important;
  }
</style>

    <div class="col col-lg-12 col-sm-12 col-md-12 folha-interna3-financeDesign">
      <div class="row folha-interna2 shadow rounded folha-branca-contornada" style="width: 100% !important;">
          <div class="col col-lg-12 col-sm-12 col-md-12 bg-block">
              <h4>Search For:</h4>
              <form id='searchAllocationForm' method="get" action="{{ route('closeddebitnote.index') }}">
                {{method_field('get')}}

                  {{ csrf_field() }} 
                  {!! Form::text('tipo', 'paymentRequest', ['class' => 'form-control', 'hidden'=>'hidden']) !!}           
                  <div class = "row col-lg-12 col-sm-12 col-md-12">
                      <div class="col col-lg-2 form-group ">
                          {!! Form::label('from', 'From:', [ 'class' => 'w-100 control-label']) !!}
                          {!! Form::date("buscar[dt_start]", old('dt_start'), ['class' => 'form-control booking', 'min' => '2019-01-01', 'max' => '2080-01-01']) !!} 
                      </div>
                      <div class="col col-lg-2 form-group ">
                          {!! Form::label('to', 'To:', [ 'class' => 'w-100 control-label']) !!}
                          {!! Form::date("buscar[dt_end]", old('dt_end'), ['class' => 'form-control booking', 'min' => '2019-01-01', 'max' => '2080-01-01']) !!} 
                      </div>
                      <div class="col col-lg-2 form-group ">
                          {!! Form::label('booking', 'Booking N.:', [ 'class' => 'w-100 control-label']) !!}
                          {!! Form::text("buscar[booking]", old('booking'), ['class' => 'form-control booking']) !!} 
                      </div>
                      <div class="col col-lg-2 form-group ">
                          {!! Form::label('SAOE', 'SAOE:', [ 'class' => 'w-100 control-label']) !!}
                          {!! Form::text("buscar[SAOE]", old('SAOE'), ['class' => 'form-control SAOE']) !!} 
                      </div>  
                      <div class="col col-lg-2 form-group ">
                        <label for="carrier" class="filterView">Carrier:</label>
                        {!! Form::select('carriers_id[]', $select['carriers_id'], old('carriers_id',$returnvalues['carriers_id'] ), ['class' => 'form-control carriers_id','style'=>'margin-right: 5px !important; font-weight: normal;margin-top: 7px;','multiple'=>'multiple']) !!} 
                      </div>
                      <div class="col col-lg-2 form-group ">
                          <label for="client" class="filterView">Client:</label>
                          {!! Form::select('clients_id[]', $select['clients_id'], old('clients_id',$returnvalues['clients_id'] ), ['class' => 'clients_id form-control ','multiple'=>'multiple']) !!} 
                      </div>   
                  </div>
                  <div class = "row col-lg-12 col-sm-12 col-md-12" >
                      <div class="col col-lg-10 form-group "></div>
                      <div class="col col-lg-2 form-group filter-block"><button  class="btn btn-padrao " type="submit">Search</button>
                      <button onclick="if(tipo){window.location = window.location.pathname+'?tipo=clear'+tipo}else{window.location = window.location.pathname};" id="searchclearSelect2" class="btn btn-padrao " type="button">Clear Filter</button></div>
                  </div>
              </form> 
          </div>
      </div>
    </div>
    @include('include.filtro_result')
    <script>
      let doneData = [];
      let cancelledData = [];
      let allData = [];
    </script>
    <form id='checkedsDN' method="post" action="{{ route('invoiceissuance.DN') }}">
      {{method_field('post')}}
      {{ csrf_field() }} 
      <div class="col display-flex flex-direction-column">
        <ul class="row margin-top-10 nav nav-pills fundoCards padding-5 position-absolute" role="tablist">
          <li class="nav-item col active">
              <a class="nav-link btn btn-blue border-radius-5 active" id="allTable-tab" data-toggle="tab" href="#allTableTab" role="tab" aria-controls="allTableTab" aria-expanded="true">
                <div id="ALL">All (<b id="allValue"></b>)</div>
              </a>
          </li>
          <li class="nav-item col">
              <a onclick="changeTable()" class="nav-link btn btn-blue border-radius-5" id="cancelledTable-tab" data-toggle="tab" href="#cancelledTableTab" role="tab" aria-controls="cancelledTableTab">
                <div id="Cancelled">Cancelled (<b id="cancelledValue"></b>)</div>
              </a>
          </li>
          <li class="nav-item col">
              <a onclick="changeTable()" class="nav-link btn btn-blue border-radius-5" id="doneTable-tab" data-toggle="tab" href="#doneTableTab" role="tab" aria-controls="doneTableTab">
                <div id="Done">Done (<b id="doneValue"></b>)</div>
              </a>
          </li>
      </ul>

          <div class="tab-content" id="myTabContent">
                  <div class="tab-pane fade show active in" id="allTableTab" role="tabpanel" aria-labelledby="allTable-tab"></div>
                  <div class="tab-pane fade" id="cancelledTableTab" role="tabpanel" aria-labelledby="cancelledTable-tab"></div>
                  <div class="tab-pane fade" id="doneTableTab" role="tabpanel" aria-labelledby="doneTable-tab"></div>
          </div>
          <div id="tabelaDinamica"></div>
          @include('finance.invoiceIssuance.tables')
        </div>
      </div>
    </form> 

  @include('include.filtro_result')
    
  <div align="center"  class="d-flex justify-content-center">
  </div>

  <!-- Delete Model -->
  @include('include.modal_delete_reason', ["rota" => "invoiceissuance.cancel"])
  @include('include.modal_deletar', ["rota" => "invoiceissuance.closeDN"])
  @include('include.modal_reason', ["rota" => "invoiceissuance.extrapayment"])
  @include('bibliotecas.bootstrapExport')
  
  @include('loading.paymentRequest.scriptList')
  
  <script>
    var $table = $('#table')
    var $button = $('#button')
      
      
    $(function() {
      $button.click(function (value, row, index) {
          
        // alert('getSelections: ' + JSON.stringify($table.bootstrapTable('getSelections')))
        dados = JSON.stringify($table.bootstrapTable('getSelections'));

        var token = $("input[name='_token']").val();
        
        $.ajax({
          url: "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function route() in /home/tabexc29/qa.tabex.com.br/resources/views/finance/invoiceIssuance/closed_debitNote.blade.php:137
Stack trace:
#0 {main}
  thrown in <b>/home/tabexc29/qa.tabex.com.br/resources/views/finance/invoiceIssuance/closed_debitNote.blade.php</b> on line <b>137</b><br />