@extends('layouts.adminapp')
@section('content')

{{-- Damage --}}
<x-app-flash/>
<form method="POST" action="{{route('Damage.update',$Damage->id)}}" enctype='multipart/form-data'>
    @csrf
    @method('patch')
    <div class="card">
        <div class="card-header">        
            <div class="d-flex align-items-center">
                <div class="p-2  flex-fill bd-highlight">
                    <h4>{{__('lng.EditDamage')}}</h4>
                </div>            
            </div>  
        </div>
        <div class="card-body">
        <div class="row">
            <div class="col-sm-6 form-group">
                <label for="txtdate">{{__('lng.Date')}}</label>
                <input type="date" value="{{ date("Y-m-d",strtotime($Damage->date))}}" class="form-control @error('date') is-invalid @enderror" name="date" id="txtdate" required/>
                @error('date')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-sm-6 form-group">
                <label for="cbLedgerID">{{__('lng.Voucher')}}</label>
                <select class="form-control" id="cbLedgerID" name="vouchertype_id" required>
                    @php
                        echo App\Http\Controllers\VoucherTypeController::DamageVoucherListForCombo($Damage->vouchertype_id);
                    @endphp
                </select>
            </div>

            <div class="col-sm-6 form-group">
                <label for="cbLedgerID">{{__('lng.Ledger')}}</label>
                <select class="form-control" id="cbLedgerID" name="ledger_id" required>
                    @php
                        echo App\Http\Controllers\DamageController::DamageLedgerListForCombo($Damage->ledger_id);
                    @endphp
                </select>
            </div>
            <div class="col-sm-6 form-group">
                <label for="cbHead">{{__('lng.Head')}}</label>
                <select class="form-control" id="cbHead" name="head" >
                    @php
                        echo App\Http\Controllers\DamageController::DamageHeadListForCombo($Damage->head);
                    @endphp
                </select>
            </div>

            <table class="table table-borderless" id="sltable">
                <thead>
                  <tr>
                    <th scope="col">#</th>
                    <th scope="col">{{__('lng.Product')}}</th>
                    <th scope="col">{{__('lng.Cost')}}</th>
                    <th scope="col">{{__('lng.Quantity')}}</th>
                    <th scope="col">{{__('lng.TotalAmount')}}</th>
                    <th scope="col">
                        <a class="btn btn-info btn-icon-split btn-sm" onclick="addFunction();" type="button">
                            <span class="icon text-white-50">
                                <i class="fas fa-plus"></i>
                            </span>
                            <span class="text">{{__('lng.Add')}}</span>
                        </a></th>
                  </tr>
                </thead>
                <tbody>
                    @php $si=0; @endphp
                    @foreach ($Damage->DamageDetails as $DamageDetails)
                    <tr>
                      <th scope="row">{{++$si}}</th>
                      <td>
                          <select class="form-control products" id="products1" name="products[]" onchange="ProductCost(this.value,{{$si}})" required>
                              @php
                                  echo (new App\Http\Controllers\ProductController())->ProductListForCombo($DamageDetails->product_id);
                              @endphp
                          </select> 
                      </td>
                      <td><input type="number"  class="form-control" oninput="changeqty({{$si}})" name='cost[]' id="cost{{$si}}" value="@amount($DamageDetails->cost)" readonly/></td>
                      <td><input type="number" class="form-control" oninput="changeqty({{$si}})" min='1' name='quantity[]' id="quantity{{$si}}" value="{{$DamageDetails->quantity}}"/></td>
                      <td><input  class="form-control" type='text' name='amounts[]' id="amount{{$si}}" value="@amount($DamageDetails->amount)" readonly/></td>
                      <td>
                          <a  class="btn btn-danger btn-circle btn-sm" 
                              data-bs-toggle="tooltip" data-bs-placement="bottom" onclick="SomeDeleteRowFunction(this,{{$si}})" title="{{__('lng.Delete')}}">
                              <i class="fas fa-trash"></i>
                          </a>
                      </td>
                    </tr>
                    @endforeach
                    <input type="hidden" name="items" id="items" value="{{$si}}">
                </tbody>
              </table>


            <div class="col-sm-4 form-group">
                <label for="txtamount">{{__('lng.Amount')}} </label>
                <input type="number" value="@amount($Damage->amount)"  class="form-control @error('amount') is-invalid @enderror" name="amount" id="subtotal" readonly/>
                @error('amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-sm-4 form-group">
                <label for="tax_amount">{{__('lng.TaxAmount')}} </label>
                <input type="number" value="@amount($Damage->tax_amount)" oninput="Tax_val()" class="form-control @error('tax_amount') is-invalid @enderror" name="tax_amount" id="tax_amount" />
                @error('tax_amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-sm-4 form-group">
                <label for="total_amount">{{__('lng.TotalAmount')}} </label>
                <input type="number" value="@amount($Damage->total_amount)" class="form-control @error('total_amount') is-invalid @enderror" name="total_amount" id="total_amount" readonly/>
                @error('total_amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-sm-12 form-group">
                <label for="narration">{{__('lng.Narration')}} </label>
                <input type="text" value="{{ $Damage->narration }}" class="form-control @error('narration') is-invalid @enderror" name="narration" id="narration"/>
                @error('narration')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
        
        </div>
        <div class="card-footer">
            <div class="d-flex  justify-content-start p-2" style="width:50%;float:left;">
                <a class="btn btn-primary btn-icon-split" href="{{route('Damage.index')}}">
                    <span class="icon text-white-50">
                        <i class="fas fa-arrow-left"></i>
                    </span>
                    <span class="text">{{__('lng.Back')}}</span>
                </a>
            </div>
            <div class="d-flex  justify-content-end p-2">
                <button type="reset" class="btn btn-secondary btn-icon-split mr-2" name="btnSave">
                    <span class="icon text-white-50">
                        <i class="fas fa-trash"></i>
                    </span>
                    <span class="text">{{__('lng.Clear')}}</span>
                </button>
                <button type="submit" class="btn btn-success btn-icon-split">
                    <span class="icon text-white-50">
                        <i class="fas fa-check"></i>
                    </span>
                    <span class="text">{{__('lng.Update')}}</span>
                </button>
            </div>
        </div>
    </div>
</form>


<script>

    
    function ProductCost(Value,column) {
                $.ajax({
                    url: '{{ route('ProductCost') }}',
                    method: "get",
                    data: {_token: '{{ csrf_token() }}',Value:Value},
                    success: function (response){  
                    var cost= Math.trunc(response)
                    $('#cost'+column).val(cost);
                    allcalc(column);
                    total_val();
                    }
                }); 
            }
        
        function addFunction() {
                let sort = Number($('#items').val());
                let new_sort = sort + 1;
                let products= "@php echo (new App\Http\Controllers\ProductController())->ProductListForCombo(0); @endphp ";
                $("#sltable").append(
                    "<tr><td id='slno"+new_sort+"'>"+new_sort+"</td>"
                    + "<td>"
                        
                    +"<select class='form-control' id='products"+new_sort+"' name='products[]' onchange='ProductCost(this.value,"+new_sort+")' required>"+products+"</select></td>"
                    +"<td><input type='number'  class='form-control cost' name='cost[]' oninput='changeqty("+new_sort+")'  id='cost"+new_sort+"' class='form-control' value='0' readonly></td>"
                    +"<td><input type='number' min='1' name='quantity[]' id='quantity"+new_sort+"' class='form-control' oninput='changeqty("+new_sort+")' value='1'></td>"
                    +"<td ><input type='number' name='amounts[]' id='amount"+new_sort+"' class='form-control ' value='0' readonly></td>"
                    + "<td><a href='javascript:void(0)' onclick='SomeDeleteRowFunction(this,"+new_sort+")' class='btn btn-danger btn-circle btn-sm'><i class='fas fa-trash' aria-hidden='true' ></i></a></td>"
                    +"</tr>"
                );
                $('#items').val(new_sort);
                $('#products'+new_sort).selectize({
                sortField: 'text'
                });
                // $('#additemscount').val(new_sort);
                // $('#barcode'+new_sort).focus();
            }
    
    
            function SomeDeleteRowFunction(o,col) {
                // total_val();
                let it = $("#items").val();
                $("#items").val(it-1)
                let amount = $("#amount"+col).val();
                let subtotal = $("#subtotal").val();
                let tax_amount = $('#tax_amount').val();
                $('#subtotal').val(Number(subtotal)-Number(amount));
                let Total = Number(subtotal) - Number(amount); 
                // alert(Total);
                $("#total_amount").val(Number(Total)+Number(tax_amount));
    
                var p=o.parentNode.parentNode;
                p.parentNode.removeChild(p);
            }
            
    
    function changeqty(col)
    {
        allcalc(col);
        total_val();
    }
    function Tax_val(){
        let subtotal = $("#subtotal").val();
        let tax_amount = $('#tax_amount').val();
        $("#total_amount").val(Number(subtotal)+Number(tax_amount));
    }
    
    function allcalc(column){
        var cost = $('#cost'+column).val();
        let quantity = $("#quantity"+column).val();
       $('#amount'+column).val(Number(cost)*Number(quantity));
    }
    
    function total_val()
    {
        let it = $("#items").val();
        var subtotalCal = 0;
        for(i=1;i<=it;i++) 
        {
            subtotalCal =subtotalCal + parseFloat($('#amount'+i).val());
            
        }
        $('#subtotal').val(subtotalCal);
    
        let tax_amount = $('#tax_amount').val();
        $("#total_amount").val(Number(subtotalCal)+Number(tax_amount));
    
        
    }
    
    $(document).ready(function () {
            for(i=1;i<=10;i++) 
            {
            $('#products'+i).selectize({
                sortField: 'text'
            });
            }
          $('#supplier').selectize({
             sortField: 'text'
          });
      });
    </script>
    
    


@endsection