000

@extends('layout.master')

@push('plugin-styles')
  
  {!! Html::style('//cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css') !!}
  
@endpush

@section('content')

<div class="row">
  <div class="col-lg-12 grid-margin">
    <div class="card">
      <div class="card-body">
        
        <div class="row">
          <div class="col-lg-9">
            <h4 class="card-title">List Of Delivery Transactions </h4>
          </div>
        <div class="col-lg-3">
              
              <select class="form-control mr" id="warehouse" onchange="get_warehouse(this)">
                <option value=""> -- Select Warehouse --</option>
                @foreach($warehouses as $warehouse)
                <option value="{{$warehouse}}" {{$current_warehouse == $warehouse ? 'selected':''}}>{{$warehouse}}</option>
                @endforeach
              </select>
            </div>
          </div>
        <div class="table-responsive">
          <table class="table table-striped myTable">
            <thead>
              <tr>
                <th> Transaction No </th>
                <th> Old Transaction No </th>
                <th> Transaction Date </th>
                <th> {{ $column }} </th>
                <th> Status </th>
                <th> action </th>
              </tr>
            </thead>
            <tbody id="challan_list">
              @foreach($all_challan as $challan)
              <tr>
                <td class="font-weight-medium">{{$challan->delivery_challan_no}}</td>
                <td class="font-weight-medium">{{$challan->delivery_challan_no_old}}</td>
                <td>{{$challan->created_at}}</td>
                <td>{{$challan->engineer_id}}</td>
                <td>{{$challan->status}}</td>
                <td><a target="_blank" href="{{url('circle-store/print-challan/'.$challan->id.'/type/'.$challan->type)}}">Print Delivery Challan</a></td>
                
              </tr>
             @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection

@push('plugin-scripts')
  {!! Html::script('/assets/plugins/chartjs/chart.min.js') !!}
  {!! Html::script('/assets/plugins/jquery-sparkline/jquery.sparkline.min.js') !!}
@endpush

@push('custom-scripts')
  {!! Html::script('/assets/js/dashboard.js') !!}
  {!! Html::script('//cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js') !!}
  <script type="text/javascript">
    // $(document).ready( function () {
    //   var myTable = $('.myTable').dataTable();
    // } );

console.log('inside script ');
  </script>
  <script type="text/javascript">
    console.log('inside script ');
    function get_warehouse(t) {      
      var warehouse = $(t).val();
      if(warehouse != ""){
        var url = window.location.origin+"/circle-store/get-delivery-challan-of-warehouse"
        var data = {};
          data._token = "{{ csrf_token() }}";
          data.warehouse = warehouse;
        //  $('#loaderAction').show();
          $.ajax({
          type: "POST",
          url: url,
          data: data,
          success:function(res){
            //console.log(res);
            if(res.success == true){
              var html = "";
              $.each(res.all_challan,function(k,challan){
                html +=`<tr>
                  <td class="font-weight-medium">`+challan.delivery_challan_no+`</td>
                  <td>`+challan.delivery_challan_no_old+`</td>
                  <td>`+challan.created_at+`</td>
                  <td>`+challan.engineer_id+`</td>
                  <td>`+challan.status+`</td>
                  <td><a target="_blank" href="`+window.location.origin+`/circle-store/print-challan/`+challan.id+`/type/`+challan.type+`">Print Delivery Challan</a></td>                
                </tr>`;
              });

$("#challan_list tr").remove();
              $('#challan_list').html(html);
                    
            }else{
                swal(res.msg, {  icon: "error", });
            }
            // $('#loaderAction').hide();

},
          error:function(error){
            console.log(error);
          
          },
          dataType: 'json'
        });
      }else{
        swal('Please Select Warehouse', {  icon: "error", });
      }
      
    }
  </script>
@endpush