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

<form action="{{ isset($data) ? route('transfer_stock.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-6">

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

                    <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="{{ $data->mohajon_setup->area }} / {{ $data->mohajon_setup->address }} / {{ $data->mohajon_setup->name }}" 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="{{ $data->mohajon_owner_setup?->name }}" 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="{{ $data->ponno_setup->ponno_name }}" 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="{{ $data->ponno_type_setup?->ponno_type }}" 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="{{ $data->ponno_marka_setup->ponno_marka }}" 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="{{ $data->quantity }}" 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="{{ $data->weight }}" readonly />
                    </div>

                    <div class="md:col-span-2">
                      <label for="date">তারিখ :</label>
                      <input type="text" id="date" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="{{ date('d-m-Y', strtotime($data->entry_date)) }}" readonly />
                    </div>
                   
                  </div>
                  <hr class="my-4">
                </div>
                
              
            <div class="md:col-span-2">
                <label for="stock_id_from">গুদাম (থেকে):</label>
                <select name="stock_id_from" id="stock_id_from" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="getTransferStockInfo('from',this.value)" required>
                    <option value="" selected>সিলেক্ট</option>
                    @if($stocks)
                    @foreach($stocks as $stock)
                    <option value="{{$stock->id}}">{{$stock->dokan_stock_setup->name}}</option>
                    @endforeach
                    @endif
                </select>
            </div>

            <div class="md:col-span-2">
                <label for="import_qty_from">গ্রহন সংখ্যা :</label>
                <input type="text" id="import_qty_from" 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="current_stock_from">বর্তমান স্টক :</label>
                <input type="text" id="current_stock_from" 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="stock_id_to">গুদাম (ট্রান্সফার):</label>
                <select name="stock_id_to" id="stock_id_to" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="getTransferStockInfo('to',this.value)" required>
                    <option value="" selected>সিলেক্ট</option>
                    @if($stocks)
                    @foreach($stocks as $stock)
                    <option value="{{$stock->id}}">{{$stock->dokan_stock_setup->name}}</option>
                    @endforeach
                    @endif
                </select>
            </div>

            <div class="md:col-span-2">
                <label for="import_qty_to">গ্রহন সংখ্যা :</label>
                <input type="text" id="import_qty_to" 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="current_stock_to">বর্তমান স্টক :</label>
                <input type="text" id="current_stock_to" 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="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-5">
              <label for="description">বিবরন :</label>
              <textarea name="description" id="description" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50"></textarea>
              @if($errors->has('description'))
              <span class="text-sm text-red-600">{{ $errors->first('description') }} </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="তারিখ সিলেক্ট করুন" />
                @if($errors->has('entry_date'))
                <span class="text-sm text-red-600">{{ $errors->first('entry_date') }} </span>
                @endif
            </div>
            
      
              @if(isset($data))
              <div class="md:col-span-5 text-right">
                <div class="inline-flex items-end">
                  <button type="submit" id="save" onclick="this.disabled = true; this.form.submit();" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">আপডেট</button>
                </div>
              </div>
              @endif

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

</form>

<script>

  $(document).ready(function() {
      $("#entry_date" ).datepicker({
        dateFormat: 'dd-mm-yy',
        changeMonth: true,
        changeYear: true,
        maxDate: new Date(),
      });
    } );
    function getTransferStockInfo(element,stock_id)
    {
      console.log(stock_id)

      if(stock_id != "")
      {
        $.ajax({
        type :  'POST',
        url : '{{url("getTransferStockInfo")}}',
        data : {
          stock_id : stock_id,
        },
        beforeSend: function() {
          if (element == 'from') {
              $('#import_qty_from').val('');
              $('#current_stock_from').val('');
          } else {
              $('#import_qty_to').val('');
              $('#current_stock_to').val('');
          }
        },
        success: function(response) {
          var stock = $.parseJSON(response);
          if (element == 'from') {
              $('#import_qty_from').val(stock.import_quantity);
              $('#current_stock_from').val(stock.quantity);
          } else {
              $('#import_qty_to').val(stock.import_quantity);
              $('#current_stock_to').val(stock.quantity);
          }
        },
        error: function(xhr, status, error) {
          console.log("Error: " + error);
        }
      })
      }
      
   }
</script>

@endsection