@extends('user.layout.master')
@section('body')


<div class=" p-6 bg-gray-100 flex ">
  <div class="container max-w-screen-lg mx-auto">
    <div>

      <div class="bg-white rounded shadow-lg p-4 px-4 md:p-8 mb-6">
        <div class="grid gap-4 gap-y-2 text-sm grid-cols-1 lg:grid-cols-3">
          <div class="text-gray-600 mb-2 text-center">
            <p class="font-medium text-lg">ট্রান্সফার স্টক</p>
          </div>
          
          <div class="lg:col-span-2">
            <div class="grid gap-4 gap-y-2 text-sm grid-cols-1 md:grid-cols-5 ">

            <div class="md:col-span-1">
                  <label for="ponno_setup_id">পন্যের নাম :</label>
                  <select id="ponno_setup_id" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="getStockPonnoTypeByPonnoName();" required>
                    <option value="" selected>সিলেক্ট</option>
                    @if($ponno_setups)
                    @foreach($ponno_setups as $v)
                    <option value="{{$v->id}}">{{ $v->ponno_name }}</option>
                    @endforeach
                    @endif
                  </select>
                  @if($errors->has('ponno_setup_id'))
                  <span class="text-sm text-red-600">{{ $errors->first('ponno_setup_id') }} </span>
                  @endif
                </div>

                <div class="md:col-span-2">
                  <label for="ponno_type_setup_id">পন্যের ধরন :</label>
                  <select id="ponno_type_setup_id" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="getPurchaseQty()" required>
                      <option value="" selected>সিলেক্ট</option>
                  </select>
                  @if($errors->has('ponno_type_setup_id'))
                  <span class="text-sm text-red-600">{{ $errors->first('ponno_type_setup_id') }} </span>
                  @endif
                </div>

                <div class="md:col-span-2">
                  <label for="import_qty">গ্রহণ/লট সংখ্যা:</label>
                  <select id="import_qty" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="getStockByPonnoName();" required>
                    <option value="" selected>সিলেক্ট</option>
                  </select>
                </div>

                <div class="md:col-span-4">
                  <label for="purchase_id">ইনভয়েস / মহাজন / মালিক / মার্কা / গ্রহনের ধরণ:</label>
                  <select name="purchase_id" id="purchase_id" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="getPurchaseDetailByPurchaseId();" required>
                    <option value="" selected>সিলেক্ট</option>
                  </select>
                  @if($errors->has('purchase_id'))
                  <span class="text-sm text-red-600">{{ $errors->first('purchase_id') }} </span>
                  @endif
                </div>

                <div class="md:col-span-6">
                  <div class="grid gap-4 gap-y-2 text-sm grid-cols-1 md:grid-cols-5">

                    <div class="md:col-span-3">
                      <label for="mohajon_setup_id">এরিয়া / ঠিকানা / মহাজনের নাম :</label>
                      <input type="text" id="mohajon_setup_id" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-2">
                      <label for="mohajon_owner_setup_id">মহাজনের মালিক :</label>
                      <input type="text" id="mohajon_owner_setup_id" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="ponno_name">পন্যের নাম :</label>
                      <input type="text" id="ponno_name" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="ponno_type">পন্যের ধরন :</label>
                      <input type="text" id="ponno_type" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <!-- <div class="md:col-span-1">
                      <label for="size">সাইজ :</label>
                      <input type="text" id="size" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div> -->

                    <div class="md:col-span-1">
                      <label for="marka">মার্কা :</label>
                      <input type="text" id="marka" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="gari_no">গাড়ি নং :</label>
                      <input type="text" id="gari_no" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="purchase_qty">গ্রহণ/লট সংখ্যা :</label>
                      <input type="text" id="purchase_qty" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="purchase_weight">ওজন :</label>
                      <input type="text" id="purchase_weight" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="read_rate">নেট দর :</label>
                      <input type="text" id="read_rate" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="read_sales_qty">বিক্রিত সংখ্যা :</label>
                      <input type="text" id="read_sales_qty" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="read_sales_weight">বিক্রিত ওজন :</label>
                      <input type="text" id="read_sales_weight" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="read_ferot_qty">ফেরত সংখ্যা :</label>
                      <input type="text" id="read_ferot_qty" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="read_ferot_weight">ফেরত ওজন :</label>
                      <input type="text" id="read_ferot_weight" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="read_current_qty">মজুদ সংখ্যা :</label>
                      <input type="text" id="read_current_qty" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>

                    <div class="md:col-span-1">
                      <label for="read_current_weight">মজুদ ওজন :</label>
                      <input type="text" id="read_current_weight" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly />
                    </div>
                   
                  </div>
                </div>
      
              <div class="md:col-span-6 text-center mt-2">
                <div class="inline-flex items-end">
                  <button type="button" onclick="getStocks()"  class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">সার্চ</a>
                </div>
              </div>

            </div>
          </div>
       
        </div>
      </div>
    </div>
  </div>
</div>




<div class="mb-4">
<div class="relative overflow-x-auto shadow-md sm:rounded-lg">

<div class="xl:w-10/12 lg:w-11/12 w-full mx-auto p-4 relative overflow-x-auto shadow-lg sm:rounded-lg bg-white mb-6">
  <p class="text-lg text-gray-700 uppercase px-6 py-3 font-bold text-center barlow">স্টক ট্রান্সফার</p>
  <table id="" class="w-full text-sm text-left text-gray-500 dark:text-gray-400 data-table">
  <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
        <tr>
            <th scope="col" class="px-2 py-3">
                নং
            </th>
            <th scope="col" class="px-2 py-3">
                গ্রহন ইনভোয়েস
            </th>
            <th scope="col" class="px-2 py-3">
                স্টক হতে
            </th>
            <th scope="col" class="px-2 py-3">
                স্টক
            </th>
            <th scope="col" class="px-2 py-3">
                সংখ্যা
            </th>
            <th scope="col" class="px-2 py-3">
                তারিখ
            </th>
            <th scope="col" class="px-2 py-3">
                একশন
            </th>
        </tr>
    </thead>
    <tbody id="table_body">
        
    </tbody>
    </table>

</div>

</div>

<script>

  function loadCurrentData()
  {
    $(function () {

      var table = $('.data-table').DataTable({
          processing: true,
          serverSide: true,
          "language": {
            "emptyTable": "ডাটা পাওয়া যায়নি",
            "search": "সার্চ করুন : ",
            "info":  "",
            "infoEmpty":   "",
            "infoFiltered":   "",
            "lengthMenu":     "_MENU_টি এন্ট্রি দেখুন",
            "loadingRecords": "লোড হচ্ছে...",
            "zeroRecords":    "রেকর্ড পাওয়া যায়নি",
            "paginate": {
                "first":      "প্রথম",
                "last":       "শেষ",
                "next":       "পরবর্তি",
                "previous":   "পুর্বে"
            },
          },
          ajax: "{{ route('transfer_stock.index') }}",
          columns: [
              {data: 'sl', name: 'sl'},
              {data: 'purchase_id', name: 'purchase_id'},
              {data: 'stock_from', name: 'stock_from'},
              {data: 'stock_to', name: 'stock_to'},
              {data: 'quantity', name: 'quantity'},
              {data: 'entry_date', name: 'entry_date'},
              {data: 'action', name: 'action' , orderable: false, searchable: false},
          ]
      });

      });
  }

  loadCurrentData();

  function getStockPonnoTypeByPonnoName()
    {
        var ponno_setup_id = $('#ponno_setup_id').val();

        if(ponno_setup_id != "")
        {
            $.ajax({
                type : 'POST',
                url : '{{url("getStockPonnoTypeByPonnoName")}}',
                data : {
                  ponno_setup_id : ponno_setup_id,
                },
                success:function(response)
                {
                    $('#ponno_type_setup_id').html(response);
                }

            });
        }
    }

    function getPurchaseQty()
    {
        var ponno_setup_id = $('#ponno_setup_id').val();
        var ponno_type_setup_id = $('#ponno_type_setup_id').val();

        if(ponno_setup_id != "" && ponno_type_setup_id != "")
        {
            $.ajax({
                type : 'POST',
                url : '{{url("getPurchaseQty")}}',
                data : {
                  ponno_setup_id : ponno_setup_id,
                  ponno_type_setup_id : ponno_type_setup_id
                },
                success:function(response)
                {
                    $('#import_qty').html(response);
                }

            });
        }
    }

   function getStockByPonnoName()
    {
        var ponno_setup_id = $('#ponno_setup_id').val();
        var ponno_type_setup_id = $('#ponno_type_setup_id').val();
        var import_qty = $('#import_qty').val();

        if(ponno_setup_id != "" && ponno_type_setup_id != "" && import_qty != "")
        {
            $.ajax({
                type : 'POST',
                url : '{{url("getStockByPonnoName")}}',
                data : {
                  ponno_setup_id : ponno_setup_id,
                  ponno_type_setup_id : ponno_type_setup_id,
                  import_qty : import_qty
                },
                success:function(response)
                {
                    $('#purchase_id').html(response);
                }

            });
        }
    }


   function getPurchaseDetailByPurchaseId()
   {
      var purchase_id = $('#purchase_id').val();

        if(purchase_id != "")
        {
            $.ajax({
                type : 'POST',
                url : '{{url("getPurchaseDetailByPurchaseId")}}',
                data : {
                  purchase_id : purchase_id,
                },
                success:function(response)
                {
                  var purchase_data = $.parseJSON(response);
                  $('#mohajon_setup_id').val(purchase_data.mohajon_area +' / '+ purchase_data.mohajon_address +' / '+ purchase_data.mohajon_name);
                  $('#mohajon_owner_setup_id').val(purchase_data.mohajon_owner_name);
                  $('#ponno_name').val(purchase_data.ponno_name);
                  $('#ponno_type').val(purchase_data.ponno_type);
                  // $('#size').val(purchase_data.ponno_size);
                  $('#marka').val(purchase_data.ponno_marka);
                  $('#gari_no').val(purchase_data.gari_no);
                  $('#purchase_qty').val(purchase_data.purchase_qty);
                  $('#purchase_weight').val(purchase_data.purchase_weight);
                  $('#read_rate').val(purchase_data.read_rate);
                  $('#read_sales_qty').val(purchase_data.read_sales_qty);
                  $('#read_sales_weight').val(purchase_data.read_sales_weight);
                  $('#read_ferot_qty').val(purchase_data.read_ferot_qty);
                  $('#read_ferot_weight').val(purchase_data.read_ferot_weight);
                  $('#read_current_qty').val(purchase_data.read_current_qty);
                  $('#read_current_weight').val(purchase_data.read_current_weight);
                  $('#kreta_com_per_kg').val(purchase_data.kreta_com_per_kg);
                }

            });
        }
   }

   function getPurchaseDetail()
    {
      var stock_id = $('#stock_id').val();

      if(stock_id != "")
      {
        $.ajax({
        type :  'POST',
        url : '{{url("getPurchaseDetail")}}',
        data : {
          stock_id : stock_id,
        },
        success : function(response)
        {
          var purchase_data = $.parseJSON(response);
          $('#mohajon_setup_id').val(purchase_data.mohajon_area +' / '+ purchase_data.mohajon_address +' / '+ purchase_data.mohajon_name);
          $('#mohajon_owner_setup_id').val(purchase_data.mohajon_owner_name);
          $('#ponno_name').val(purchase_data.ponno_name);
          $('#ponno_type').val(purchase_data.ponno_type);
          // $('#size').val(purchase_data.ponno_size);
          $('#marka').val(purchase_data.ponno_marka);
          $('#gari_no').val(purchase_data.gari_no);
          $('#purchase_qty').val(purchase_data.purchase_qty);
          $('#purchase_weight').val(purchase_data.purchase_weight);
          $('#read_rate').val(purchase_data.read_rate);
          $('#read_sales_qty').val(purchase_data.read_sales_qty);
          $('#read_sales_weight').val(purchase_data.read_sales_weight);
          $('#read_current_qty').val(purchase_data.read_current_qty);
          $('#read_current_weight').val(purchase_data.read_current_weight);
          $('#kreta_com_per_kg').val(purchase_data.kreta_com_per_kg);
        }
      })
      }
      
   }

   $(document).on('click', '.open-purchase', function(e) {
      e.preventDefault(); 

      var url = $(this).data('url');
      var width = 800;
      var height = 700;
      var left = (screen.width - width) / 2;
      var top = (screen.height - height) / 4;

      window.open(url, 'newwindow', 'width=' + width + ', height=' + height + ', top=' + top + ', left=' + left);
  });
  
  function getStocks()
  {
    var invoice = $('#purchase_id').val();
     if(invoice != "")
        {
          var left = (screen.width - 800) / 2;
          var top = (screen.height - 700) / 4;

          // var url = "{{url('transfer_stock/"+invoice+"/edit')}}";

          // window.location.href = url;

          var baseUrl = @json(url('transfer_stock'));

          var url = `${baseUrl}/${invoice}/edit`;

          // window.location.href = url;

          var myWindow = window.open(url,url,
          'resizable=yes, width=' + '800'
          + ', height=' + '700' + ', top='
          + top + ', left=' + left);

        }
        else
        {
          swal("দয়া করে ইনভয়েস ইনপুট করুন")
        }
  }

  $(document).on('click', '.open-purchase', function(e) {
    e.preventDefault(); 

    var url = $(this).data('url');
    var width = 800;
    var height = 700;
    var left = (screen.width - width) / 2;
    var top = (screen.height - height) / 4;

    window.open(url, 'newwindow', 'width=' + width + ', height=' + height + ', top=' + top + ', left=' + left);
});
 
</script>
  @endsection