@extends('layouts.fixed')
@section('title','Export Register Form')
@section('css')
    <style>
        .tab-content br{
            display: none;
        }
        .hidden{
            display: none;
        }
    </style>
@endsection
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Export Register</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Export Register</li>
                        <li class="breadcrumb-item active">Others Information</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <section class="content">
        {{--<div class="container-fluid">--}}
        <div class="row">
            {{--                list start--}}
            <div class="col">
                <div class="card card-success card-outline">
                    <div class="card-header">
                        <h3 class="card-title">Export Information</h3>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-widget="collapse"><i class="fas fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <div class="form-group col-md-3">
                            <input type="text" id="invoice_no" onkeyup="myTableSearch('requisitions')" class="form-control" name="style" placeholder="Enter INVOICE NO">
                        </div>

                        <table class="table table-bordered" id="searchTable">
                            <tr>
                                <th>Sl#</th>
                                <th>Invoice No</th>
                                <th>File No</th>
                                <th>Order Ref</th>
                                
                                <th>B/L No.</th>
                                <th>Exp No.</th>
                                <th>PR Value</th>
                                <th>PR Date</th>
                                <th>CBC</th>
                                <th>PRC No</th>
                                <th>PRC Date</th>
                                <th>Action</th>
                            </tr>

                            @foreach($export_details as $index => $info)
                                <tr>
                                    <td> {{ $export_details->firstItem() + $index }}</td>
                                    <td> {{ $info->inv_no != null ? $info->inv_no: '' }}</td>
                                    <td> {{ $info->file_no != null ? $info->file_no : '' }}</td>
                                    <td> {{ $info->ord_ref != null ? $info->ord_ref : '' }}</td>
                                    
                                    <td> {{ $info->bl_no != null ? $info->bl_no: '' }}</td>
                                    <td> {{ $info->exp_no != null ? $info->exp_no: '' }}</td>
                                    @if($info->otherExport !=null)

                                        <td>{{ $info->otherExport->pr_value ? $info->otherExport->pr_value : "N/a" }}</td>
                                        <td>{{ $info->otherExport->pr_date ? $info->otherExport->pr_date : "N/a" }}</td>
                                        <td>{{ is_numeric($info->otherExport->pr_value)?($info->bill_value - $info->otherExport->pr_value):$info->otherExport->pr_value}}</td>
                                        <td>{{ $info->otherExport->prc_no ? $info->otherExport->prc_no : "N/a" }}</td>
                                        <td>{{ $info->otherExport->prc_date ? $info->otherExport->prc_date : "N/a" }}</td>
                                    @else
                                        <td colspan="5" class="text-center">No Payment Details Found</td>
                                    @endif
                                    <td>
                                        {{ Form::open(['route'=>['delete.othersExportInfo',$info->otherExport ? $info->otherExport->id : null],'method'=>'delete','onsubmit'=>'return confirmDelete()']) }}
                                        @if($info->otherExport ==null)
                                            <a href="{{ route('create.otherForm',$info->id) }}" type="button" class="btn btn-info btn-sm">
                                                <i class="fas fa-plus-square"></i>
                                            </a>
                                          @endif

                                        @if($info->otherExport !=null)
                                            <a href="{{ route('edit.othersExportInfo',$info->otherExport->id ) }}" type="button" class="btn btn-info btn-sm">
                                                <i class="fas fa-pencil-alt"></i>
                                            </a>
                                            <button type="submit" class="btn btn-danger btn-sm">
                                                <i class="fa fas fa-trash"></i>
                                            </button>
                                        @endif
                                        {{ Form::close() }}
                                    </td>
                                </tr>
                            @endforeach
                        </table>
                        <div class="pull-right">
                            {{$export_details->links() }}
                        </div>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
            {{--list end--}}
            <!-- /.col -->
        </div>
    </section>


@endsection
@section('script')
    <script>
        $('#dots').on('click',function () {
            console.log('d');
            $('#more').removeClass('hidden');
        });
        $('#less').on('click',function () {
            $('#more').addClass('hidden');
        })

        function confirmDelete(){
            var x = confirm('Are you sure you want to delete this ?');
            return !!x;
        }
    </script>

<script type="text/javascript">

    function myTableSearch(index) {
      // Declare variables 
      var input, filter, table, tr, i, j, column_length, count_td, null_tr = 0;
      column_length = document.getElementById('searchTable').rows[0].cells.length;
      input = document.getElementById("invoice_no");
      filter = input.value.toUpperCase();
      
      j = 1; //second column
      table = document.getElementById("searchTable");
      tr = table.getElementsByTagName("tr");
      for (i = 1; i < tr.length; i++) { // except first(heading) row
        count_td = 0;
        // for(j = 1; j < column_length-1; j++){ // except first column
            td = tr[i].getElementsByTagName("td")[j];
            /* ADD columns here that you want you to filter to be used on */
            if (td) {
              if ( td.innerHTML.toUpperCase().indexOf(filter) > -1)  {            
                count_td++;
              }
            }
        // }
        console.log(count_td)
        if(count_td > 0){
            tr[i].style.display = "";
        } else {
            null_tr++;
            tr[i].style.display = "none";
        }
      }
    }
</script>

@endsection