@extends('adminlayout.dashadmin')
@section('content')
 


<!-- Content Wrapper Start -->
<div class="content-wrapper" ng-controller="PurchaseController">

  <!-- Content Header Start -->
  {{--<section class="content-header" style="float:right;">
       <a  class="btn btn-lg btn-info" href="{{('party-transaction')}}">
            <i class="fa fa-fw fa-plus"></i>
            PURCHASE LIST
            </a>
            <a  class="btn btn-lg btn-info" href="{{('party-sale-list')}}">
            <i class="fa fa-fw fa-plus"></i>
            SELL LIST
            </a>
      </section>--}}
  <br>
  <br>
  <!-- Content Header end -->

  <!-- Content Start -->
  <!-- Content Start -->
  <section class="content">
     <div class="box box-info">
        <div class="box-header with-border">
          <h3 class="box-title">
            <span class="fa fa-fw fa-plus"></span>Edit Sale Charger</h3>
          <button type="button" class="btn btn-box-tool add-new-btn" data-widget="collapse" data-collapse="true">
            <i class="fa fa-minus"></i>
          </button>
        </div>
		
        <form  action="{{ route('update_sell_charger_order',Crypt::encrypt($orderdetail->id)) }}" method="post">
		 @csrf
        <!-- Add Sale Create Form -->
        <div  class="form-horizontal" >
		@if(Session::has('message'))
	  <div class="col-sm-12 col-md-12">  
        <p class="alertmsg alert-{{ Session::get('alert-class', 'alert-info') }}" style="text-align: center;font-size: 20px;margin-top: 13px;">
	     {{ Session::get('message') }}
	    </p>
		</div>		
		<script> 
		setTimeout(()=>{$('.alertmsg').hide(3000)}, 5000);

		</script>
	    @endif
	     
	     
	     
	     
		<div class="col-sm-12 col-md-4">  
		 @foreach($orderdetail->order_items as $order_item)
			      
              <label for="date" class="control-label">
                   State {{$orderdetail->state}}<i class="required">*</i>
              </label>
              <select id="supply_state" class="form-control" name="state" onchange="getCity(this.value)" required>
			     
                  @foreach($states as $state)
                    <option value="{{$state->id}}" @if($orderdetail->state==$state->id) selected @endif>{{$state->name}}</option>
				   @endforeach
				   
				
                   
              </select>
                 @endforeach
           </div>
		  <div class="col-sm-12 col-md-4">               
              <label for="date" class="control-label">
                  City<i class="required">*</i>
              </label>
              <select id="city" class="form-control" name="city" required onchange="getDealers(this.value)">
                 @foreach($orderdetail->order_items as $order_item)
                  @foreach($cities as $city)
                    <option value="{{$city->id}}" @if($orderdetail->city==$city->id) selected @endif>{{$city->name}}</option>
				   @endforeach	
				   
				 @endforeach  
              </select>
           </div> 
            
           <div class=" col-sm-12 col-md-4">
                 <label for="party_name" class="control-label">
                 Sale Party
              </label>              
            <input type="text" class="form-control"   value="{{$orderdetail->partyname}}" readonly />
	       
			  
		   </div>
		    <div class=" col-sm-12 col-md-4">
                 <label for="party_name" class="control-label">
                Purchase  Party
              </label>              
            <input type="text" class="form-control"   value="{{$orderdetail->name}}" readonly />
	       
			  
		   </div>
		    <div class="col-sm-12 col-md-4">
                 
                <label for="date" class="control-label">
                   Bill Date<i class="required">*</i>
                </label>
                <input type="text" class="form-control" name="bill_date" value="{{ $orderdetail->bill_date }}" autocomplete="off"  >
                    
              
            </div>
           <div class="col-sm-12 col-md-4">
                 
                <label for="date" class="control-label">
                   Invoice Number<i class="required">*</i>
                </label>
              <input type="text" class="form-control" name="invoice_number" value="{{ $orderdetail->invoice_number }}" autocomplete="off"  >
                    
               <span class="text-danger">@if ($errors->has('invoice_number')){{ $errors->first('invoice_number') }}@endif</span>
            </div>
        
              <div class="col-sm-12 col-md-4">                
				<label for="Billing" class="control-label">
				  Billing Address*<i class="required">*</i>
				</label>
				<textarea class="form-control" name="Billing" type="text" placeholder="Enter Full Address..">{{ $orderdetail->address }}</textarea>
				<span class="text-danger">@if ($errors->has('Billing')){{ $errors->first('Billing') }}@endif</span>
				<br>
              </div>
              <div class="col-sm-12 col-md-4">                
				<label for="Shipping" class="control-label">
				  Shipping Address*<i class="required">*</i>
				</label>
				<textarea class="form-control" name="Shipping" type="text" placeholder="Enter Full Address..">{{ $orderdetail->shipping }}</textarea>
				<span class="text-danger">@if ($errors->has('Shipping')){{ $errors->first('Shipping') }}@endif</span>
				<br>
              </div>
             
              <div class="well well-sm" id="vehiclelist">
  <div class="row">
    <div class="col-lg-12">
      <div class="table-responsive"> <!-- table table-striped table-editable table-bordered --> 
					<table id="invoiceTable" class="table-bordered mb-0">
					  <thead>
						<tr class="bg-info">
					     	<th>SERIAL</th>	
					     	<th>MODEL</th>
							<th>TYPE</th>
							<th>POWER</th>
							<th>WARRANTY</th>
						
							<th>MRP</th>
							<th>UNIT PRICE</th>
							<th>QTY</th>
							<th>TAXABLE AMOUNT</th>
							<th>GST(%)</th>
							<th>GST(AMT.)</th>
							<th>TOTAL VALUE</th>
							<th class="w-5 text-center">
							  <i class="fa fa-trash-o"></i>
							</th>
						</tr>
          </thead>
          <tbody>
                @foreach($orderdetail->order_items as $order_item)
           <tr>
           
            <td>
            
            <select id="itemName" onchange="getItemDetail(this.value, this)" name="itemName[]" class="form-control input-sm text-center" required>
            <option value="{{$order_item->battery_id}}" selected>{{$order_item->serial_number}}</option>
            
            </select>
            
            </td>

@php 
$products = DB::table('charger_products')
    ->leftJoin('chargers', 'charger_products.charger_id', '=', 'chargers.id')
    ->where('charger_products.serial', $order_item->serial_number)
    ->select('chargers.*')
    ->get();
@endphp


            @foreach($products as $product)
             <td>
            <input class="form-control input-sm text-center warranty" type="text"   value="{{ $product->name }}" readonly>
            </td>
            <td>
            <input class="form-control input-sm text-center warranty" type="text" value="{{ $product->type }}" readonly>
            </td>
            <td>
            <input class="form-control input-sm text-center warranty" type="text"   value="{{ $product->power }}" readonly>
            </td>
            
            <td>
            <input class="form-control input-sm text-center warranty" type="text"  name="warranty[]" value="{{ $product->warranty }}" readonly>
            </td>
            @endforeach
            
          
            <td><input class="form-control input-sm text-center mrp" type="number" name="mrp[]" oninput="calculateTotal(this)" value="{{$order_item->price}}" readonly></td>
            
            <td><input class="form-control input-sm text-center unitPrice" type="number" name="unitPrice[]" value="{{$order_item->unit_price}}" oninput="calculateTotal(this)">
            </td>
            
            <td><input class="form-control input-sm text-center" type="number" name="qty[]"value="{{$order_item->qty}}" oninput="calculateTotal(this)"  readonly>
            </td>
            
            <td><input class="form-control input-sm text-center" type="number" name="taxableAmount[]" value="{{$order_item->taxable_amount}}"  oninput="calculateTotal(this)" readonly>
            </td>
            
            <td>                 
            <select class="form-control input-sm text-center" name="cgst[]" onchange ="calculateTotal(this)" required> 
            @foreach($GstTax as $data)                    
            <option value="{{$data->value}}" @if($order_item->gst_precent==$data->value) selected @endif >{{$data->name}}</option>
            @endforeach                   
            </select>
            </td>
            <td>
            <input class="form-control input-sm text-center" type="number" name="sgstUtgst[]" value="{{$order_item->gst}}" readonly>
            </td>
            <td colspan="2"><input class="form-control input-sm text-center" type="number" name="totalValue[]" value="{{$order_item->total_price}}" readonly>
            </td>
              
               
              
               
            </tr>
@endforeach

              </tbody>
              <tfoot>
                <!--<tr>-->
                <!--  <td colspan="5">-->
                    <!-- <div id="total"> 0</div> -->
                <!--    <button class="btn btn-primary btn-sm" id="addRowBtn" onclick="addNewProductRow();">Add Product</button>-->
                <!--  </td>-->
                <!--</tr>-->
                
                <tr class="bg-yellow">
                  <th class="text-right" colspan="11">
                  Payable Amount                  </th>
                  <th class=" text-right">
                    <input type="hidden" name="payable-amount" value="{{$orderdetail->grand_total_price}}">
                    <h4 class="text-center"><b></b></h4>
                  </th>
                  <th class="w-25p">&nbsp;</th>
                </tr>
                <tr class="bg-blue">
                  <th class="text-right" colspan="11">
                  Payment Method                  </th>
                  <th class=" text-center">
                    <select id="pmethod-id" class="form-control select2" name="payment_method" >
                      <option value="Cash" @if($orderdetail->payment_type=='Cash') selected @endif>Direct Cash</option>
                      <option value="UPI" @if($orderdetail->payment_type=='UPI') selected @endif>UPI PAYMENT</option>
                      <option value="BANK Transfer" @if($orderdetail->payment_type=='BANK Transfer') selected @endif >BANK Transfer  </option>
                      <option value="NEFT" @if($orderdetail->payment_type=='NEFT') selected @endif >NEFT PAYMENT</option>
                    </select>
                  </th>
                 <th class="w-25p">&nbsp;</th>
                </tr>
				<tr class="bg-blue">
                  <th class="text-right" colspan="11">Transportation Modes </th>
                  <th class=" text-center">
                    <select id="transportation_mode" class="form-control select2" name="transportation_mode" >
                      <option value="Road" @if($orderdetail->transportation_mode=='Road') selected @endif>Road</option>
                      <option value="Rail" @if($orderdetail->transportation_mode=='Rail') selected @endif>Rail</option>
                      <option value="Air" @if($orderdetail->transportation_mode=='Air') selected @endif>Air</option>
                      
                    </select>
                  </th>
                 <th class="w-25p">&nbsp;</th>
                </tr>
				<tr class="bg-blue">
                  <th class="text-right" colspan="11">Transportation Vehicle No. </th>
                  <th class=" text-center">
                     <input style="color: #000; font-size: 22px;text-align:center; width: 100%;"  type="text" id="transport_vehicle_no" name="transport_vehicle_no" value="{{$orderdetail->transport_vehicle_no}}">
                  </th>
                 <th class="w-25p">&nbsp;</th>
                </tr>
				<tr class="bg-blue ewaybill_no" @if($orderdetail->grand_total_price<50000)style="display:none;" @endif>
                  <th class="text-right" colspan="11">E - Waybill Number</th>
                  <th class=" text-center">
                     <input style="color: #000; font-size: 22px;text-align:center; width: 100%;"  type="text" id="ewaybill_no" name="ewaybill_no" value="{{$orderdetail->ewaybill_no}}">
                  </th>
                 <th class="w-25p">&nbsp;</th>
                </tr>
                <tr class="bg-blue">
                  <th class="text-right" colspan="11">
                  Total Amount                  </th>
                  <th class=" text-right" >
                    <div style="background-color: #fff;" id="total" class="text-center paidAmount" >{{$orderdetail->grand_total_price}}</div>
					  <input type="hidden" id="total_amount" name="total_amount" value="{{$orderdetail->grand_total_price}}">
                  </th>
                  <th class="w-25p">&nbsp;</th>
                </tr>

                <tr class="bg-blue">
                  <th class="text-right" colspan="11">
                  Paid Amount                  </th>
                  <th class=" text-right">
                     <input style="color: #000; font-size: 22px;text-align:center; width: 100%;"  type="text" id="paid_amount" name="paid_amount" value="{{$orderdetail->paid_amount}}">
                  </th>
                  <th class="w-25p">&nbsp;</th>
                </tr>
              </tfoot>
            </table>
          </div>
        </div>
      </div>
    </div>
              <div style="padding-bottom: 15px;" >
                <div class="text-center">            
                  <button id="create-purchase-submit" class="btn btn-lg btn-info" data-form="#form-purchase" data-datatable="#purchase-purchase-list" name="submit" data-loading-text="Processing...">
                    <i class="fa fa-fw fa-save"></i>
                      Update        </button>
                   
                 
                          
                </div>
                
              </div>
            </div>

          </form>
        


<script>

function getItemDetail(val , ths)
{
    var battery_id = val;  
  
  
  var party_role = $("#party_name option:selected").attr('data');
   
  $.ajax({
            type: "GET",
            url: "{{url('admin/battery-detail')}}" +'/'+ battery_id,
            dataType: 'json',
            success: function(response) {              
                if (response.status == "Success") {         
                    var item_details = response.item_details;   
					$(ths).parent().parent().find('.warranty').val(item_details.warranty); 
                     $(ths).parent().parent().find('.model').val(item_details.name); 
					 $(ths).parent().parent().find('.type').val(item_details.type); 
					 
                     var price =0;
                     if(party_role=='dealer')
					 {
						 price=item_details.dealer_price;
					 }
					 if(party_role=='sub_dealer')
					 {
						 price=item_details.subdealer_price;
					 }
					
                    $(ths).parent().parent().find('.mrp').val(price);
                    $(ths).parent().parent().find('.unitPrice').val(price);
                    calculateTotal(ths);
          
                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html("");
                }
            }
        });
  
  
}
        function addNewProductRow() {
            // Clone the template row
            var newRow = document.querySelector('#invoiceTable tbody tr').cloneNode(true);

            // Clear the input values in the new row
            var inputs = newRow.querySelectorAll('input');
            inputs.forEach(input => {
                input.value = '';
                if (input.name === 'totalValue[]' || input.name === 'taxableAmount[]') {
                    input.value = 0;
                }
            });

            // Append the new row to the table
            document.querySelector('#invoiceTable tbody').appendChild(newRow);
        }

        function calculateTotal(input) {
            var row = input.closest('tr');
            var qty = parseFloat(row.querySelector('input[name="qty[]"]').value) || 0;
            var mrp = parseFloat(row.querySelector('input[name="mrp[]"]').value) || 0;
            var unitPrice = parseFloat(row.querySelector('input[name="unitPrice[]"]').value) || 0;

            var taxableAmount = qty * unitPrice;
             var cgst = parseFloat(row.querySelector('select[name="cgst[]"]').value) || 0;
             var gstamtValue = (taxableAmount * cgst/100) || 0;
             row.querySelector('input[name="sgstUtgst[]"]').value = gstamtValue.toFixed(2);
            //var cgst = parseFloat(row.querySelector('input[name="cgst[]"]').value) || 0;
            //var sgstUtgst = parseFloat(row.querySelector('input[name="sgstUtgst[]"]').value) || 0;
            var discount=0;
           // var totalValue = (taxableAmount + cgst + sgstUtgst) || 0;
            var totalValue = (taxableAmount + gstamtValue - discount) || 0;
            // Update the Taxable Amount and TOTAL Value fields
            row.querySelector('input[name="taxableAmount[]"]').value = taxableAmount.toFixed(2);
            row.querySelector('input[name="totalValue[]"]').value = totalValue.toFixed(2);

            // Update the overall TOTAL Value
            updateOverallTotal();
        }

        function updateOverallTotal() {
            var totalValues = document.querySelectorAll('input[name="totalValue[]"]');
            var overallTotal = 0;

            totalValues.forEach(input => {
                overallTotal += parseFloat(input.value) || 0;
            });

            document.getElementById('total').textContent =  overallTotal.toFixed(2);
      document.getElementById('total_amount').value =  overallTotal.toFixed(2);
      
      
        }

        function removeRow(button) {
            // Only remove rows after the first row
            var row = button.closest('tr');
            if (row.rowIndex !== 1) {
                row.parentNode.removeChild(row);

                // Update the overall TOTAL Value after removing the row
                updateOverallTotal();
            }
        }
        
function getCity(state_id)
{
	 $.ajax({
            type: "GET",
            url: "{{url('admin/city-list')}}/" + state_id,
            dataType: 'json',
            success: function(response) {
                console.log(response.cities);
                 var option = '';
                if (response.status) {
                     option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < response.cities.length; index++) {
                        option += "<option value='" + response.cities[index].id + "'>" + response.cities[index].name + "</option>";
                    }
                   $('#city').html(option);
                } else {
                    $('#city').html(option);
                }
            }
        });
}

 function getDealers(city_id)
	{
		 $.ajax({
				type: "GET",
				url: "{{url('admin/dealerlist-by-city')}}/" + city_id,
				dataType: 'json',
				success: function(response) {
					
					 var option = '';
					if (response.status) {
						 option += '<option value="" selected disabled> -- Select Option -- </option>';
						for (let index = 0; index < response.dealers.length; index++) {
							option += "<option value='" + response.dealers[index].id + "' data='"+response.dealers[index].user_type+"'>" + response.dealers[index].name + "</option>";
						}
					   $('#party_name').html(option);
					   $('#party_name').val();
					   
					   
					} else {
						$('#party_name').html(option);
					}
				}
			});
	}

getDealers();
 		
    </script>

          

<script type="text/javascript">

function partyHandler(val='')
{
	var party_name = $('#party_name').val();
	var supply_state = $('#supply_state').val();
	var city = $('#city').val();
	
	$('#reset').click();
	$('#total').html('0');
	$('#party_name').val(party_name);
	$('#supply_state').val(supply_state);
	$('#city').val(city);
	
	if(val)
	{
	  $("#vehiclelist :input").attr("disabled", false);
	}else{
		$("#vehiclelist :input").attr("disabled", true);
		
	}
}
//partyHandler();
</script>        
      
  
  </section>
  <!-- Content End -->
</div>
<!-- Content Wrapper End -->

        </div>
      </div>
      </section>
  <!-- Content End -->

</div>
<!-- Content Wrapper End -->
    
   
    <div class="scrolling-sidebar-bg"></div>
    <div class="scrolling-sidebar-mask"></div>
    <!-- Scrolling Sidebar End -->
 
</div>
<!-- End Wrapper -->





<style>
.profitWrap
{
  padding: 5px;
}
</style>

@endsection