@extends('layouts.backend')

@section('extraCss')
<style>
    .select2-container--open .select2-dropdown--below {
        min-width:200px !important;
    }
    .tblPosOrdList td, .tblPosOrdList th {
        font-size:12px;
    }
</style>
@endsection

@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Manage Sales Returns
        </h4>
    </div>
    <div class="card-body">
        <div class="alert alert-default">
            <form action="{{ route('pos-to-warehouse-sale-returns.index') }}">
                <h4>Filter Sales Returns</h4>
                <table class="table filterPosSo">
                    <tr>
                        <td width="100">REF NO#</td>
                        <td width="150">FROM</td>
                        <td width="150">TO</td>
                        <td width="150">DATE FROM</td>
                        <td width="150">DATE TO</td>
                        <td width="100">APPROVED</td>
                        <td width="100">OUTWARD</td>
                        <td colspan="2">ACTION</td>
                    </tr>
                    <tr>
                        <td>
                            <input name="refSrch" id="refSrch" class="form-control" value="{{ request('refSrch') }}">
                        </td>
                        <td>
                            <select name="frmPosSrch" id="frmPosSrch" class="select2"  style="width:150px;">
                                <option value="">Any</option>
                                @foreach($ALL_POS as $warehouse)
                                <option value="{{ $warehouse->id }}" {{ request('toPosSrch') == $warehouse->id ? 'selected' : '' }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <select name="toPosSrch" id="toPosSrch" class="select2" style="width:150px;">
                                <option value="">Any</option>
                                @foreach($ALL_WAREHOUSES as $warehouse)
                                @if(!empty($stores))
                                    @if(in_array($warehouse->id, $storeData))
                                    <option value="{{ $warehouse->id }}" {{ request('frmPosSrch') == $warehouse->id ? 'selected' : '' }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                                    @endif
                                @else
                                    <option value="{{ $warehouse->id }}" {{ request('frmPosSrch') == $warehouse->id ? 'selected' : '' }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                                @endif
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <input name="datefrom" id="datefrom" class="form-control datepicker" value="{{ request('datefrom') }}" style="width:150px;">
                        </td>
                        <td>
                            <input name="dateto" id="dateto" class="form-control datepicker" value="{{ request('dateto') }}" style="width:150px;">
                        </td>
                        <td>
                            <select name="approved" id="approved" class="" style="width:50px;">
                                <option value="">All</option>
                                <option value="1" {{ request('approved') == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="2" {{ request('approved') == 2 ? 'selected' : '' }}>No</option>
                            </select>
                        </td>
                        <td>
                            <select name="outwarded" id="outwarded" class="" style="width:50px;">
                                <option value="">All</option>
                                <option value="1" {{ request('outwarded') == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="2" {{ request('outwarded') == 2 ? 'selected' : '' }}>No</option>
                            </select>
                        </td>
                        <td><button class="btn btn-block btn-success"><i class="fa fas fa-search"></i></button></td>
                        <td><button class="btn btn-block btn-warning" type="button" onclick="window.location.href='{{ route('pos-to-warehouse-sale-returns.index') }}';"><i class="fa fas fa-refresh"></i></button></td>
                    </tr>
                </table>
            </form>
        </div>
        <table class="table table-bordered tblPosOrdList">
            <thead>
                <tr>
                    <th>REF#</th>
                    <th>FROM</th>
                    <th>TO</th>
                    <th>DATE</th>
                    <th>APPROVED</th>
                    <th>INWARDED</th>
                    <th>ITEMS</th>
                    <th>REASON</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @if($purchaseReturns->count() > 0)
                @foreach($purchaseReturns as $purchaseReturn)
                <tr>
                    <td>{{ $purchaseReturn->reference_no }}</td>
                    <td>{{ !empty($purchaseReturn->fromWarehouse->name) ? $purchaseReturn->fromWarehouse->name : '' }}</td>
                    <td>{{ $purchaseReturn->toWarehouse->name }}</td>
                    <td>{{ $purchaseReturn->created_at }}</td>
                    <td>{{ $purchaseReturn->approve == 1 ? 'Yes' : 'No' }}</td>
                    <td>{{ empty($purchaseReturn->instock) ? 'No' : 'Yes' }}</td>
                    <td>{{ $purchaseReturn->item }}</td>
                    <td>{{ $purchaseReturn->reason }}</td>
                    <td width="100">
                        <div class="dropdown">
                            <button type="button" class="btn btn-primary btn-sm btn-block dropdown-toggle" data-toggle="dropdown">
                              Actions
                            </button>
                            <div class="dropdown-menu">
                              <a class="dropdown-item" href="{{ route('pos-to-warehouse-sale-returns.edit',['id' => $purchaseReturn->id]) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-pencil"></i> Preview</small></a>
                              <a class="dropdown-item" href="{{ route('pos-to-warehouse-sale-returns-infactory',['id' => $purchaseReturn->id]) }}" onclick="return confirm('Are you sure you want to mark this return request as infactory');"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> In Factory</small></a>
                              <a class="dropdown-item" href="{{ route('pos-to-warehouse-sale-returns-inward',['id' => $purchaseReturn->id]) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> Inward Barcodes</small></a>
                              <a class="dropdown-item" target="_blank" href="{{ route('wh-purchase-ret-barcodes',['id' => $purchaseReturn->id]) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> Export</small></a>
                            <!--   <a class="dropdown-item" target="_blank" href="{{ route('wh-purchase-ret-barcodes',['id' => $purchaseReturn->id,'pdf'=>1]) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> Export PDF</small></a> -->
                              <a class="dropdown-item" target="_blank" href="{{ route('exportPdf',['id' => $purchaseReturn->id,'act'=>'print-return-order-slip']) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Sales Return PDF</small></a>
                              <a class="dropdown-item" target="_blank" href="{{ route('exportExcel',['id' => $purchaseReturn->id,'act'=>'print-return-invoice','flag'=>1,'xls'=>1]) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Sales Return Excel </small></a>

                              {{-- <a class="" href="#" onclick="setSaleOrderStatus('accounts',{{ $purchaseReturn->id }}, {{ $purchaseReturn->from_pos }});return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> Accounts Approval</small></a> --}}
                              <!-- <a class="dropdown-item" type="button" data-id="@php echo $purchaseReturn->id; @endphp" 
                              data-toggle="modal" data-target="#myModal"><i class="fa fa-eye"></i> Automatic Gr</a> -->
                            </div>
                        </div>
                    </td>
                </tr>
                @endforeach
                @else
                <tr>
                    <td colspan="10"><div class="alert alert-danger">No pos sale return order found!</div></td>
                </tr>
                @endif
            </tbody>
        </table>
        <div class="text-right">
            {!! $purchaseReturns->render() !!}
        </div>
    </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
  aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold"> Automatic Return To Vendor </h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <label data-error="wrong" data-success="right" for="defaultForm-email">Your Id</label>
          <input type="number" id="articlemodel" class="form-control validate" readonly>
          
        </div>

        <div class="d-flex justify-content-center">
               <div class="spinner-border text-primary " role="status" id="loader_div">
                <span class="sr-only">Loading...</span>
              </div>
        </div>

      </div>
      <div class="modal-footer d-flex justify-content-center">
        <button class="btn btn-default" id='auto_id'>Return To Vendor</button>
      </div>
    </div>
  </div>
</div>


@endsection

@section('extraJs')
<script type="text/javascript">
jQuery("#loader_div").hide();
  $(function () {
  $('#myModal').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget); // Button that triggered the modal
    var id = button.data('id'); // Extract info from data-* attributes
    var modal = $(this);
    modal.find('#articlemodel').val(id);
  });
});

  $('#auto_id').on('click',function(){    
 
    var id = $('#articlemodel').val();    
    console.log(id);

    var _token   = $('meta[name="csrf-token"]').attr('content');   
    jQuery("#loader_div").show();
    $.ajax({
        type: "get",
        url: "{{ route('sale-returns-autimatic-grs') }}",
        data: {
          id: id,          
          _token: _token
        },
        dataType: "json",
        success: function(response) {   
             jQuery("#loader_div").hide();   
             $('#myModal').modal('hide');         
              var reason = JSON.stringify(response);  
              var parsed = JSON.parse(reason);            
              console.log(parsed);
              if (parsed.status == false) {
               toastr.error(parsed.info);
              } else {
               toastr.success(parsed.info);
              }
             
        }
      });

    
  });
</script>
@endsection