@section('title', 'Documentary Instruction')
@section('content')
{{-- @include('bibliotecas.bootstrapExport') --}}
@include('bibliotecas.bootstrapTable2')
<div>
  <div class="col">
    <div class="col col-lg-12 col-sm-12 col-md-12 folha-interna folha-branca-contornada rounded shadow p-3 mb-5"> 
        <form class="form-inline2 w-100 search-listas-int2 margin-top-25" method="" action="">
            <div class="row text-left">
                <div class="col">
                    <div class="col col-lg-2 form-group">
                        <label for="dt_start" class="font-weight-normal">From:</label>
                        <input type="date" name="dt_start" wire:model="dt_start" class="form-control start_date" type="search" placeholder="BL Date">
                    </div>
                    <div class="col col-lg-2 form-group">
                        <label for="dt_end" class="font-weight-normal">To:</label>
                        <input type="date" name="dt_end" wire:model="dt_end" min="2019-01-01" max="2080-01-01" class="form-control select2 end_date" type="search" placeholder="BL Date">
                    </div>
                </div>
                <div class="col col-lg-12 form-group text-right">
                    <button class="btn btn-primary btnSearch" type="submit">Search</button>
                    <div class="btn btn-primary margin-right-15" wire:click.prevent="clearFilter()">Cancel</div>
                </div>  
            </div>
        </form>
    </div>
  </div>

  <div class="row p-3 mb-5"> 
    <div class="col w-100">
      <div class="col-12 text-right">
        <button class="btn btn-blue" onclick="exportToExcel('xlsx')">
          <i class="fa-solid fa-table"></i> Export table to Excel
        </button>
      </div>
      <div class="col-12 margin-top-10">
        <div class="table-responsive tableMenor" style="overflow:auto; height:700px">
          <table class="table table-striped table-sm text-center" id="table">
            <thead>
                <tr class="trSuperBlue tr-class-1" >
                  @foreach($columns as $key => $column)
                    <th data-field="{{$key}}" data-sortable="true"><div class="th-inner sortable both text-center">{{$column}}</div></th>
                  @endforeach
                </tr>
            </thead>
            <tbody>  
              @foreach ($registers as $key2 => $line)
                <tr id="tr-id-{{$key2+1}}" class="tr-class-{{$key2+1}}" data-object='{"key": "value"}'>
                  @foreach($columns as $key => $column)
                    @if($key == 'Actions')
                      <td id="td-id-{{$key2+1}}" class="td-class-{{$key2+1}}" >
                        <a class="icone-padding" href="/documentaryinstruction/create/{{$line['id']}}/di" title="Instruction"><i class="fas fa-pencil-alt fa-lg"></i></a> 
                        @if ($line['loading_requests_id'] != null)
                          <a class="icone-padding" href="/documentaryinstruction/presentation/{{$line['id']}}/di" title="Presentation"><i class="fas fa-mail-bulk fa-lg"></i></a>   
                        @endif
                        
                        {{-- <a class="icone-padding" href="/documentaryinstruction/create" alt="Edit" title="Edit"><i class="fas fa-pencil-alt fa-lg"></i></a>  --}}
                      </td>
                    @else
                      <td>{{ $line[$key] ?? '-'}}</td> 
                    @endif
                  @endforeach  
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

</div>

@endsection