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

{{-- Damage --}}
<x-app-flash/>
<form method="POST" action="{{route('Damage.store')}}" enctype='multipart/form-data'>
    @csrf
    <div class="card">
        <div class="card-header">        
            <div class="d-flex align-items-center">
                <div class="p-2  flex-fill bd-highlight">
                    <h4>{{__('lng.CreateDamage')}}</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="{{ old('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(0);
                    @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(0);
                    @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(0);
                    @endphp
                </select>
            </div>

            <table class="table table-borderless" id="sltable">
                <input type="hidden" name="items" id="items" value="1">
                <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>
                  <tr>
                    <th scope="row">1</th>
                    <td>
                        <select class="form-control" id="products1" name="products[]" onchange="ProductCost(this.value,1)" required>
                            @php
                                echo (new App\Http\Controllers\ProductController())->ProductListForCombo(0);
                            @endphp
                        </select> 
                    </td>
                    <td><input type="number"  class="form-control" oninput="changeqty(1)" name='cost[]' id="cost1" value="0" readonly/></td>
                    <td><input type="number" class="form-control" oninput="changeqty(1)" min='1' name='quantity[]' id="quantity1" value="1"/></td>
                    <td><input  class="form-control" type='text' name='amounts[]' id="amount1" readonly/></td>
                    <td>
                        {{-- <a  class="btn btn-danger btn-circle btn-sm" 
                            data-bs-toggle="tooltip" data-bs-placement="bottom" onclick="SomeDeleteRowFunction(this,1)" title="{{__('lng.Delete')}}">
                            <i class="fas fa-trash"></i>
                        </a> --}}
                    </td>
                  </tr>
                </tbody>
              </table>


            <div class="col-sm-4 form-group">
                <label for="txtamount">{{__('lng.Amount')}} </label>
                <input type="number" value="0"  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="0" 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="0" 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="{{ old('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.Save')}}</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