@extends('user.layout.master')
@section('body')
@if($purchase)
<form action="{{ isset($purchase) ? route('ponno_purchase_cost_entry.store',$purchase->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-5" hidden>
                    <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-200" required>
                        @if($purchase)
                        <option value="{{$purchase->id}}">ই - {{$purchase->id}} / {{$purchase->mohajon_setup->name}} / {{$purchase->quantity}} / {{$purchase->ponno_setup->ponno_name}} /
                        {{$purchase->ponno_size_setup?->ponno_size}} / {{$purchase->ponno_marka_setup->ponno_marka}} /
                            @if($purchase->purchase_type == 1) নিজ খরিদ @else কমিশন @endif</option>
                        @endif
                    </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-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_area">এরিয়া :</label>
                          <input type="text" id="mohajon_area" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="{{ $purchase->mohajon_setup->area }}" readonly />
                        </div>

                        <div class="md:col-span-2">
                          <label for="mohajon_address">ঠিকানা :</label>
                          <input type="text" id="mohajon_address" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="{{ $purchase->mohajon_setup->address }}" readonly />
                        </div>

                        <div class="md:col-span-2">
                          <label for="mohajon_name">মহাজনের নাম :</label>
                          <input type="text" id="mohajon_name" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="{{ $purchase->mohajon_setup->name }}" readonly />
                        </div>

                        <div class="md:col-span-2">
                          <label for="mohajon_owner_setup_id">মহাজনের মালিক :</label>
                          <input type="text" id="mohajon_owner_name" class="h-10 border-none mt-1 rounded px-4 w-full bg-gray-200" value="{{ $purchase->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="{{ $purchase->ponno_setup->ponno_name }}" readonly />
                        </div>

                        <div class="md:col-span-2">
                          <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="{{ $purchase->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="{{ $purchase->ponno_marka_setup?->ponno_marka }}" 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="{{ $purchase->gari_no }}" 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="{{ $purchase->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="{{ $purchase->weight }}" 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="{{ date('d-m-Y', strtotime($purchase->entry_date)) }}" readonly />
                        </div>

                      </div>
                    </div>

                    <div class="md:col-span-1">
                        <label for="cost_name">খরচের নাম :</label>
                        <select name="cost_name" id="cost_name" class="w-full h-10 px-4 mt-1 border rounded bg-gray-50" required>
                            <option value="" selected>সিলেক্ট</option>
                            <option value="1" >লেবার</option>
                            <option value="2" >মসজিদ ও অন্যান্য</option>
                            <option value="3" >ট্রাক ভাড়া</option>
                            <option value="4" >ভ্যান ভাড়া</option>
                            <option value="5" >গদি ও তহরী</option>
                        </select>
                    @if($errors->has('cost_name'))
                    <span class="text-sm text-red-600">{{ $errors->first('cost_name') }} </span>
                    @endif
                </div>

                <div class="md:col-span-2">
                    <label for="taka">টাকা :</label>
                    <input type="text" name="taka" id="taka" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" onkeyup="showBanglaCurrencyWords(this.value)" value="" required/>
                    @if($errors->has('taka'))
                    <span class="text-sm text-red-600">{{ $errors->first('taka') }} </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 class="md:col-span-5">
                  <div class="row my-2">
                  <label for="" class="font-medium text-lg">সর্বমোট টাকা (কথায় :)</label>
                  <label for="" class="font-medium text-lg" id="taka_in_word"></label>
                  </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>




<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 class="border border-collapse">
            <th>
              ক্রমিক
            </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">
        @php
        $count = 1;
        $countRow = count($cost_entry);
        $total = 0;
        $cost_name = '';
        @endphp

        @if($countRow > 0)
          @foreach($cost_entry as $v)
            @php
            if($v->cost_name == 1){
                $cost_name = 'লেবার খরচ';
            }else if($v->cost_name == 2){
                $cost_name = 'মসজিদ ও অন্যান্য খরচ';
            }else if($v->cost_name == 3){
                $cost_name = 'ট্রাক খরচ';
            }else if($v->cost_name == 4){
                $cost_name = 'ভ্যান খরচ';
            }else if($v->cost_name == 5){
                $cost_name = 'গদি ও তহরী খরচ';
            }
            @endphp
            <tr class="border border-collapse">
               
                <td class="px-2 py-3">{{$count++}}</td>
                <td class="px-2 py-3">{{ date('d-m-Y', strtotime($v->entry_date)) }}</td>
                <td class="px-2 py-3">{{$cost_name}}</td>
                <td class="px-2 py-3">{{$v->taka}}</td>
                @php
                $total += $v->taka;
                @endphp
            </tr>
            @endforeach
            <tr class="border border-collapse odd:bg-white even:bg-gray-100">
                <td colspan="3" class="px-2 py-3 text-base font-bold text-red-600 text-center">মোট টাকা : </td>
                <td class="px-2 py-3 text-base font-bold text-red-600 text-left">{{$total}}</td>
            </tr>
          @else
          <tr class="border border-collapse">
              <td colspan="12" class="px-6 py-3 text-center">রেকর্ড পাওয়া যায়নি</td>
          </tr>
          @endif
        </tbody>
      </table>

    </div>

  </div>


  <script type="text/javascript">

    function showBanglaCurrencyWords(amount) {
      let output = '';

      if (!isNaN(amount) && amount !== '') {
          let numericAmount = parseFloat(amount);
          output = inWords(numericAmount);
      }

      $("#taka_in_word").text(output);
    }

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

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

    });
   </script>
@else
    <script type="text/javascript">
        window.close();
    </script>
@endif
  @endsection