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

<form action="{{route('ponno_ferot_entry.store')}}" id="form_data" method="POST">
  @csrf

  <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="getStockPonnoType();" 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-3">
                  <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="getDokanStock();" 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-2">
                  <label for="stock_id">গুদাম :</label>
                  <select name="stock_id" id="stock_id" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="getPurchaseDetail();" required>
                    <option value="" selected>সিলেক্ট</option>
                  </select>
                  @if($errors->has('stock_id'))
                  <span class="text-sm text-red-600">{{ $errors->first('stock_id') }} </span>
                  @endif
                </div>

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

                    <div class="md:col-span-2">
                      <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="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_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>

                   
                    <hr>

                    <div class="md:col-span-1">
                      <label for="quantity">ফেরত সংখ্যা :</label>
                      <input type="number" step="any" name="quantity" id="quantity" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" value="" required/>
                      @if($errors->has('quantity'))
                      <span class="text-sm text-red-600">{{ $errors->first('quantity') }} </span>
                      @endif
                    </div>

                    <div class="md:col-span-1">
                      <label for="weight">ফেরত ওজন :</label>
                      <input type="number" step="any" name="weight" id="weight" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" value="" required/>
                      @if($errors->has('weight'))
                      <span class="text-sm text-red-600">{{ $errors->first('weight') }} </span>
                      @endif
                    </div>

                    <div class="md:col-span-2 ">
                      <label for="entry_date">তারিখ :</label>
                      <input type="text" name="entry_date" id="entry_date" class="h-10 border mt-1 rounded px-4 w-full bg-gray-200" value="{{ old('entry_date') }}" readonly  placeholder="তারিখ সিলেক্ট করুন"  required/>
                      @if($errors->has('entry_date'))
                      <span class="text-sm text-red-600">{{ $errors->first('entry_date') }} </span>
                      @endif
                    </div>
                  </div>
                
                <div class="md:col-span-5 text-right">
                  <div class="inline-flex items-end">
                    <button type="submit" id="save" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">সেভ</button>
                  </div>
                </div>

                </form>

              </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 purchase_table">
      <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
        <tr>
          <th>
            নং
          </th>
          <th scope="col" class="px-6 py-3 whitespace-nowrap">
            ইউজার
          </th>
          <th scope="col" class="px-6 py-3 whitespace-nowrap">
            গ্রহন ইনভয়েস
          </th>
          <th scope="col" class="px-6 py-3">
            গুদামের নাম
          </th>
          <th scope="col" class="px-6 py-3">
            পন্যের নাম
          </th>
          <th scope="col" class="px-6 py-3">
            পন্যের ধরন
          </th>
          <th scope="col" class="px-6 py-3">
            গ্রহণ সংখ্যা
          </th>
          <th scope="col" class="px-6 py-3">
            ফেরত সংখ্যা
          </th>
          <th scope="col" class="px-6 py-3">
            ফেরত ওজন
          </th>
          <th scope="col" class="px-6 py-3">
            তারিখ
          </th>
          <!-- <th scope="col" class="px-6 py-3">
            একশন
          </th> -->
        </tr>
      </thead>
      <tbody id="table_body">

      </tbody>
    </table>

  </div>

</div>


  <script type="text/javascript">

    $( function() {
      $("#entry_date" ).datepicker({
        dateFormat: 'dd-mm-yy',
        changeMonth: true,
        changeYear: true,
        maxDate: new Date(),
      });
    } );

    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('ponno_ferot_entry.index') }}",
            columns: [
                {data: 'sl', name: 'sl'},
                {data: 'user', name: 'user'},
                {data: 'purchase_id', name: 'purchase_id'},
                {data: 'stock_name', name: 'stock_name'},
                {data: 'ponno_name', name: 'ponno_name'},
                {data: 'ponno_type', name: 'ponno_type'},
                {data: 'purchase_qty', name: 'purchase_qty'},
                {data: 'quantity', name: 'quantity'},
                {data: 'weight', name: 'weight'},
                {data: 'entry_date', name: 'entry_date'},

            ]
        });

        });
    }

    loadCurrentData();

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

        if(ponno_setup_id != "")
        {
            $.ajax({
                type : 'POST',
                url : '{{url("getStockPonnoType")}}',
                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 getDokanStock()
   {
      var purchase_id = $('#purchase_id').val();

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

            });
        }
   }

   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);
          // $('#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);
  });
   

    $('#save').on('submit', function(e) {

      $('#save').text('অপেক্ষা করুন ...');

      $('#save').attr("disabled", "disabled");

    });

    $('#final_button').on('click', function(e) {

      $('#final_button').text('অপেক্ষা করুন ...');

      $('#final_button').attr("disabled", "disabled");

      $('#final_data').submit();

    });
    
  </script>

  @endsection