@extends('user.layout.master')
@section('body')
<style>
  .alert_row{
    background-color: rgb(254 202 202) !important;
  }
</style>
<form action="{{ isset($data) ? route('ponno_purchase_entry.ponno_purchase_update',$data->id) : '' }}" 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="purchase_type">গ্রহনের ধরণ :</label>
                <select name="purchase_type" id="purchase_type" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="return getPurchaseType()" required>
                    <option value="" selected>সিলেক্ট</option>
                    <option value="1" {{ isset($data) && $data->purchase_type == 1 ? 'selected' : '' }}>নিজ খরিদ</option>
                    <option value="2" {{ isset($data) && $data->purchase_type == 2 ? 'selected' : '' }}>কমিশন</option>
                </select>
                @if($errors->has('purchase_type'))
                <span class="text-sm text-red-600">{{ $errors->first('purchase_type') }} </span>
                @endif
              </div>
              
              <div class="md:col-span-1">
                <label for="area">এরিয়া :</label>
                <select name="area" id="area" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="return getMohajonAddressByArea();" required>
                    <option value="" selected>সিলেক্ট</option>
                    @if($mohajon_setup)
                    @foreach($mohajon_setup as $v)
                    <option value="{{$v->area}}" {{ isset($data) && $data->mohajon_setup->area == $v->area ? 'selected' : '' }}>{{$v->area}}</option>
                    @endforeach
                    @endif
                </select>
                @if($errors->has('area'))
                <span class="text-sm text-red-600">{{ $errors->first('area') }} </span>
                @endif
              </div>
              
              <div class="md:col-span-1">
                <label for="address">ঠিকানা :</label>
                <select name="address" id="address" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="return getMohajonNameByAddress();" required>
                    <option value="{{ isset($data) ? $data->mohajon_setup->address : '' }}" selected>
                      {{ isset($data) ? $data->mohajon_setup->address : 'সিলেক্ট' }}
                  </option>
                </select>
                @if($errors->has('address'))
                <span class="text-sm text-red-600">{{ $errors->first('address') }} </span>
                @endif
              </div>

              <div class="md:col-span-2">
                <label for="mohajon_setup_id">মহাজনের নাম :</label>
                <select name="mohajon_setup_id" id="mohajon_setup_id" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="getMarkaByMohajonId()" required>
                    <option value="{{ isset($data) ? $data->mohajon_setup_id : '' }}" selected>
                      {{ isset($data) ? $data->mohajon_setup->name : 'সিলেক্ট' }}
                  </option>
                </select>
                @if($errors->has('mohajon_setup_id'))
                <span class="text-sm text-red-600">{{ $errors->first('mohajon_setup_id') }} </span>
                @endif
              </div>

              <div class="md:col-span-2">
                <label for="mohajon_owner_setup_id">মহাজনের মালিক :</label>
                <select name="mohajon_owner_setup_id" id="mohajon_owner_setup_id" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50">
                  <option value="{{ isset($data->mohajon_owner_setup_id) ? $data->mohajon_owner_setup_id : '' }}" selected>
                    {{ isset($data->mohajon_owner_setup_id) ? $data->mohajon_owner_setup->name : 'সিলেক্ট' }}
                  </option>
                </select>
                @if($errors->has('mohajon_owner_setup_id'))
                <span class="text-sm text-red-600">{{ $errors->first('mohajon_owner_setup_id') }} </span>
                @endif
              </div>

              <div class="md:col-span-1">
                <label for="ponno_setup_id">পন্যের নাম :</label>
                <select name="ponno_setup_id" id="ponno_setup_id" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onchange="getPonnoType()" required>
                    <option value="" selected>সিলেক্ট</option>
                    @if($ponno_setup)
                    @foreach($ponno_setup as $v)
                    <option value="{{$v->id}}" {{ isset($data) && $data->ponno_setup->id == $v->id ? 'selected' : '' }}>{{$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 name="ponno_type_setup_id" id="ponno_type_setup_id" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" 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-1">
                <label for="size_id">সাইজ :</label>
                <select name="size_id" id="size_id" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" required>
                    <option value="" selected>সিলেক্ট</option>
                    @if($ponno_size_setup)
                    @foreach($ponno_size_setup as $v)
                    <option value="{{$v->id}}" {{ isset($data) && $data->ponno_size_setup->id == $v->id ? 'selected' : '' }}>{{$v->ponno_size}}</option>
                    @endforeach
                    @endif
                </select>
                @if($errors->has('size_id'))
                <span class="text-sm text-red-600">{{ $errors->first('size_id') }} </span>
                @endif
              </div>
              --}}

              <div class="md:col-span-1">
                <label for="marka_id">মার্কা :</label>
                <select name="marka_id" id="marka_id" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" required>
                    <option value="" selected>সিলেক্ট</option>
                    @if($ponno_marka_setup)
                    @foreach($ponno_marka_setup as $v)
                    <option value="{{$v->id}}" {{ isset($data) && $data->ponno_marka_setup->id == $v->id ? 'selected' : '' }}>{{$v->ponno_marka}}</option>
                    @endforeach
                    @endif
                </select>
                @if($errors->has('marka_id'))
                <span class="text-sm text-red-600">{{ $errors->first('marka_id') }} </span>
                @endif
              </div>

              <div class="md:col-span-2">
                <label for="gari_no">গাড়ি নং :</label>
                <input type="text" name="gari_no" id="gari_no" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" value="{{ isset($data) ? $data->gari_no : '' }}" required/>
                @if($errors->has('gari_no'))
                <span class="text-sm text-red-600">{{ $errors->first('gari_no') }} </span>
                @endif
              </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="{{ isset($data) ? $data->quantity : '' }}" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/^0+(?!$)/, '')" onkeyup=" getTotalTaka();calculateSumStock();" 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="{{ isset($data) ? $data->weight : '' }}" onkeyup=" getTotalTaka();calculateSumWeight()" required/>
                @if($errors->has('weight'))
                <span class="text-sm text-red-600">{{ $errors->first('weight') }} </span>
                @endif
              </div>

              <div class="md:col-span-1" id="rate_div">
                <label for="rate">দর :</label>
                <input type="number" step="any" name="rate" id="rate" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" value="{{ isset($data) ? $data->rate : '' }}" onkeyup="return getTotalTaka();"/>
                @if($errors->has('rate'))
                <span class="text-sm text-red-600">{{ $errors->first('rate') }} </span>
                @endif
              </div>

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

              <div class="md:col-span-1">
                <label for="labour_cost">লেবার :</label>
                <input type="number" step="any" step="any" name="labour_cost" id="labour_cost" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" value="{{ isset($data) ? $data->labour_cost : '' }}" onkeyup="return getTotalTaka()"/>
                @if($errors->has('labour_cost'))
                <span class="text-sm text-red-600">{{ $errors->first('labour_cost') }} </span>
                @endif
              </div>

              <div class="md:col-span-1">
                <label for="other_cost">মসজিদ ও অন্যান্য :</label>
                <input type="number" step="any" name="other_cost" id="other_cost" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" value="{{ isset($data) ? $data->other_cost : '' }}" onkeyup="return getTotalTaka()"/>
                @if($errors->has('other_cost'))
                <span class="text-sm text-red-600">{{ $errors->first('other_cost') }} </span>
                @endif
              </div>

              <div class="md:col-span-1">
                <label for="truck_cost">ট্রাক ভাড়া :</label>
                <input type="number" step="any" name="truck_cost" id="truck_cost" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" value="{{ isset($data) ? $data->truck_cost : '' }}" onkeyup="return getTotalTaka()"/>
                @if($errors->has('truck_cost'))
                <span class="text-sm text-red-600">{{ $errors->first('truck_cost') }} </span>
                @endif
              </div>

              <div class="md:col-span-1">
                <label for="van_cost">ভ্যান ভাড়া :</label>
                <input type="number" step="any" name="van_cost" id="van_cost" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" value="{{ isset($data) ? $data->van_cost : '' }}" onkeyup="return getTotalTaka()"/>
                @if($errors->has('van_cost'))
                <span class="text-sm text-red-600">{{ $errors->first('van_cost') }} </span>
                @endif
              </div>

              <div class="md:col-span-1">
                <label for="tohori_cost">গদি ও তহরী :</label>
                <input type="number" step="any" name="tohori_cost" id="tohori_cost" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" value="{{ isset($data) ? $data->tohori_cost : '' }}" onkeyup="return getTotalTaka()"/>
                @if($errors->has('tohori_cost'))
                <span class="text-sm text-red-600">{{ $errors->first('tohori_cost') }} </span>
                @endif
              </div>

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

              <div class="md:col-span-2" id="avg_div">
                <label for="avg">মুল্য (প্রতি কেজি) :</label>
                <input type="text" id="avg" 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="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-100" value="{{ isset($data) ? date('d-m-Y',strtotime($data->entry_date)) : '' }}" autocomplete="off" readonly placeholder="তারিখ সিলেক্ট করুন" required/>
                @if($errors->has('entry_date'))
                <span class="text-sm text-red-600">{{ $errors->first('entry_date') }} </span>
                @endif
              </div>

              @if(isset($data))

              <hr>

              <div class="md:col-span-5">
                  <div class="row text-center">
                  <label for="" class="font-medium text-lg">গুদামসমুহ (সংখ্যা)</label>
                  </div>
              </div>

              @foreach ($data->stock as $v)
                <div class="md:col-span-1">
                  <label for="dokan_stock">{{ $v->dokan_stock_setup->name }} : </label>
                  <input type="number" step="1" name="dokan_stock_qty[{{$v->dokan_stock_setup_id}}]" value="{{$v->import_quantity}}" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50 stock-input" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/^0+(?!$)/, '')" autocomplete="off" onkeyup="calculateSumStock()" />
                </div>
              @endforeach
                <div class="md:col-span-1">
                  <label for="total_stock">বাকি স্টক :</label>
                  <input type="number" id="total_stock" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly/>
                </div>

                <hr>

                <div class="md:col-span-5">
                    <div class="row text-center">
                    <label for="" class="font-medium text-lg">গুদামসমুহ (ওজন)</label>
                    </div>
                </div>

                @foreach ($data->stock as $v)
                  <div class="md:col-span-1">
                    <label for="dokan_stock">{{ $v->dokan_stock_setup->name }} : </label>
                    <input type="number" step="1" name="dokan_stock_weight[{{$v->dokan_stock_setup_id}}]" value="{{$v->import_weight}}" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50 weight-input" autocomplete="off" onkeyup="calculateSumWeight()"/>
                  </div>
                @endforeach
                  <div class="md:col-span-1">
                    <label for="total_stock">বাকি ওজন :</label>
                    <input type="number" id="total_stock_weight" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="" readonly/>
                  </div>
              @endif
      
              @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>


<div class="mb-4">

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

<div class="w-full mx-auto p-4 relative overflow-x-auto shadow-lg sm:rounded-lg bg-white mb-12">
  <p class="text-lg text-gray-700 uppercase px-2 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>
                ইনভোয়েস
            </th>
            <th scope="col" class="px-2 py-3 whitespace-nowrap">
                মহাজন ইনফরমেশন
            </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>
            <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>
</div>


<script type="text/javascript">

@if( isset($data) && $data->purchase_type == 2)
    $('#rate_div').hide();
    $('#taka_div').hide();
    $('#total_taka_div').hide();
    $('#avg_div').hide();
@endif
    function getPurchaseType()
    {
      if($('#purchase_type').val() == 1)
      {
        $('#rate_div').show();
        $('#taka_div').show();
        $('#total_taka_div').show();
        $('#avg_div').show();
      }
      else
      {
        $('#rate_div').hide();
        $('#taka_div').hide();
        $('#total_taka_div').hide();
        $('#avg_div').hide();
      }
    }
    
 
    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_purchase_entry.admin') }}",
            columns: [
                {data: 'sl', name: 'sl'},
                {data: 'id', name: 'id'},
                {data: 'mohajon', name: 'mohajon'},
                {data: 'mohajon_owner', name: 'mohajon_owner'},
                {data: 'purchase_type', name: 'purchase_type'},
                {data: 'ponno_name', name: 'ponno_name'},
                {data: 'ponno_type', name: 'ponno_type'},
                // {data: 'ponno_size', name: 'ponno_size'},
                {data: 'ponno_marka', name: 'ponno_marka'},
                // {data: 'gari_no', name: 'gari_no'},
                {data: 'quantity', name: 'quantity'},
                {data: 'weight', name: 'weight'},
                {data: 'rate', name: 'rate'},
                {data: 'total_cost', name: 'total_cost'},
                {data: 'total_taka', name: 'total_taka'},
                {data: 'entry_date', name: 'entry_date'},
                {data: 'action', name: 'action' , orderable: "false", searchable: "false"},
            
            ]
        });

        });
    }

    loadCurrentData();

    function getMohajonAddressByArea()
    {
        var area = $('#area').val();

        if(area != "")
        {
            $.ajax({
                type : 'POST',
                url : '{{url("getMohajonAddressByArea")}}',
                data : {
                    area : area,
                },
                success:function(response)
                {
                    $('#address').html(response);
                    @if(old('address'))
                    $('#address').val('{{old("address")}}');
                    getMohajonNameByAddress();
                    @endif
                }

            });
        }
    }

    function getMohajonNameByAddress()
    {
        var address = $('#address').val();

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

            });
        }
    }

    function getMarkaByMohajonId() {
      var mohajon_setup_id = $('#mohajon_setup_id').val();

      if (mohajon_setup_id != "") {
          $.ajax({
              type: 'POST',
              url: '{{url("getMarkaByMohajonId")}}',
              data: {
                  mohajon_setup_id: mohajon_setup_id,
              },
              beforeSend: function () {
                  $('#marka_id').val('');
                  $('#marka_id').html('<option value="">অপেক্ষা করুন</option>');
              },
              success: function (response) {
                  $('#marka_id').html(response);
                  @if( isset($data) && $data->mohajon_setup_id > 0)
                  $('#marka_id').val( '{{$data->marka_id}}' );
                  @endif

              }
          });
      }
  }

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

        if(ponno_setup_id != "")
        {
            $.ajax({
                type : 'POST',
                url : '{{url("getPonnoType")}}',
                data : {
                  ponno_setup_id : ponno_setup_id,
                },
                success:function(response)
                {
                    $('#ponno_type_setup_id').html(response);
                    @if(isset($selectedPonnoTypeId))
                    $('#ponno_type_setup_id').val('{{ $selectedPonnoTypeId }}');
                    @endif
                }

            });
        }
    }

  @if( isset($data) && $data->mohajon_setup_id > 0)
      $(document).ready(function(){
          getMarkaByMohajonId();
      });
  @endif

    function getTotalTaka()
    {
      var weight = parseFloat($('#weight').val());
      var rate = parseFloat($('#rate').val());

      var labour_cost = parseFloat($('#labour_cost').val()) || 0;
      var other_cost = parseFloat($('#other_cost').val()) || 0;
      var truck_cost = parseFloat($('#truck_cost').val()) || 0;
      var van_cost = parseFloat($('#van_cost').val()) || 0;
      var tohori_cost = parseFloat($('#tohori_cost').val()) || 0;

      if($('#weight').val() != "" && $('#rate').val() != "")
      {
        var total = weight * rate;
        
        $('#taka').val(total.toFixed(2));

        var all_total = labour_cost + other_cost + truck_cost + van_cost + tohori_cost + total;
        $('#total_taka').val(all_total.toFixed(2));

        var avg = all_total / weight;
        $('#avg').val(avg.toFixed(2));
      }
      else
      {
        $('#taka').val("");
        $('#total_taka').val("");
      }

    }

    function calculateSumStock() {
        var sum = 0;
        $('.stock-input').each(function() {
            var value = $(this).val();
            if (!isNaN(value) && value.length !== 0) {
                sum += parseInt(value);
            }
        });

        var maxQuantity = parseInt($('#quantity').val()) || 0;
        var remainQuantity = maxQuantity - sum;

        if (sum > maxQuantity) {
            // alert('Total exceeds the maximum allowed quantity!');
            $('.stock-input').val(0);
            $('#total_stock').val(parseInt($('#quantity').val()) || 0);
            return false;
        } else {
          $('#total_stock').val(remainQuantity);
        }
        
    }

    function calculateSumWeight()
    {
      
      var sum = 0;
        $('.weight-input').each(function() {
            var value = $(this).val();
            if (!isNaN(value) && value.length !== 0) {
                sum += parseFloat(value);
            }
        });

        var maxWeight = parseFloat($('#weight').val()) || 0;

        if(maxWeight == 0)
        {
          $('#total_stock_weight').val(0);
        }
        else
        {
          var remainWeight = maxWeight - sum;

          if (sum > maxWeight) {
              $('.weight-input').val(0);
              $('#total_stock_weight').val(parseInt($('#weight').val()) || 0);
              return false;
          } else {
            $('#total_stock_weight').val(remainWeight.toFixed(2));
          }
        }
        
    }

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

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

    $(document).ready(function(){
        @if(isset($data))
        if ($('#ponno_setup_id').val() !== "") {
            getPonnoType();
        }
        @endif
    });

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

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

    });
    
  </script>
@endsection