@extends('layouts.fixed')

@section('title','Manage Requisition - Purcahse Requisition')

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">

            </div>
        </div><!-- /.container-fluid -->
    </section>
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Quotation taken Requisitions</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">Manage Quotation Taken Lists</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>


    <!-- Main content -->
    <section class="content">
        <div class="col-lg-12">

            <div class="card"><br>
                <div class="card-body">
                    <div class="row">
                        {{-- requisition  lists start --}}
                        <div class="form-group col-md-3">
                            <input type="text" id="requistion_no" onkeyup="myTableSearch('requisitions')" class="form-control" name="style" placeholder="Enter Requisition No">
                        </div>
                        <div class="col-lg-12 table-responsive">

                            <table id="searchTable" class="table-bordered table-striped table">
                                <thead>
                                    <tr class="bg-info">
                                        <th>#SL</th>
                                        <th>Requisition No</th>
                                        <th>R. Invoice No</th>
                                        <th>Price</th>
                                        <th>Qty</th>
                                        <th>Note</th>
                                        <th>R. Date</th>
                                        <th class="text-center">Action</th>
                                    </tr>
                                </thead>

                                <tbody>
                                @if($requisitions->count()>0)
                                    @foreach($requisitions as $key =>$requisition)
                                        <tr>
                                            {{-- @php 
                                            dd($requisition->requisition->requisition_id);
                                            @endphp --}}
                                            {{-- <td>{{(($requisitions->currentPage() - 1) * $requisitions->perPage() + $key+1)}}</td> --}}
                                            <td>{{ $key + 1 }}</td>
                                            <td width="11%">{{ $requisition->requisition['requisition_id'] }}</td>
                                            <td>{{ $requisition->invoice_no }}</td>
                                            <td>{{ $requisition->price }}</td>
                                            <td>{{ $requisition->qty }}</td>
                                            <td>{{ $requisition->note or 'N/A' }}</td>
                                            <td>
                                                {{ \Carbon\Carbon::parse($requisition->created_at)->format('D-d-M-Y')   }}  -- {{ $requisition->created_at->diffForHumans() }}
                                            </td>
                                            <td class="text-center">
                                                @if($requisition->sent_for == 2)
                                                <a class=" btn bg-warning" > Without Quotation </a>
                                                @else
                                                    @if(count($requisition->quotations) > 0)
                                                    <a class=" btn btn-info" href="{{ route('quotations.list',$requisition->id) }}">View Quotation's </a> &nbsp;
                                                    <a class=" btn btn-info" target="_blank" href="{{ route('quotations.comparative-statement',$requisition->id) }}">View Comparative Statement </a>
                                                    @else
                                                    <button type="button" class="btn bg-danger"><i class="fa fa-frown"></i>&nbsp;No Quotations !</button>
                                                    @endif
                                                @endif
                                            </td>
                                        </tr>

                                    @endforeach

                                @endif
                                </tbody>
                            </table>
                            {{-- <span class="float-right">{{ $requisitions->links() }}</span> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@stop

@section('style')
    <!-- DataTables -->
    <link rel="stylesheet" href="{{ asset('plugins/datatables/dataTables.bootstrap4.css') }}">
@stop

@section('plugin')
    <!-- DataTables -->
    <script src="{{ asset('plugins/datatables/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('plugins/datatables/dataTables.bootstrap4.js') }}"></script>
    <!-- page script -->
    <script type="text/javascript">

    </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("requistion_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>
@stop