@extends('layouts.AdminMaster')
@yield('sessions')
@section('title', 'Orders')

@section('content')

<style>
	.head-tbl{
		width: 150px;
	}
	table{
		width: 50%;
	}
	/*#pricetable{
		display: flex!important;
	}*/
	#pricetable .col-md-3{
		/*flex: 1;*/
		border: 1px solid;
		padding: 10px;
	}

#pricetable .row{
	display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display:         flex;
  flex-wrap: wrap;
	}
	
	#pricetable.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
#cut{
	text-decoration: line-through;
}
	
</style>

<div class="container">
	<div class="row">
		<div class="col-md-12">
			
<h1>{{$item->name}}</h1>
			

<table>
	<tr>
		<td colspan="1" class="head-tbl">Item No</td>
		<td>{{$item->item_id}}</td>

	</tr>	<tr>
		<td colspan="1" class="head-tbl">Item Name</td>
		<td>{{$item->name}}</td>

	</tr>

	<tr>
		<td colspan="1" class="head-tbl">Pictures</td>
		<td>
		                                            @foreach($names as $name)
                                        <img src="{{ URL::asset('img.veg').'/'.$name}}" alt="" style="height: 100px;">
                                        @endforeach


		</td>


<tr>
		<td colspan="1" class="head-tbl">category</td>
		<td>{{DB::table('item_categories')->where('item_category_id',$item->item_category_id)->first()->name}} </td>

	</tr>

<tr>
		<td colspan="1" class="head-tbl">Unit</td>
		<td>{{$item->unit}} </td>

	</tr>
	

	<tr>
		<td colspan="1" class="head-tbl">Qty</td>
		<td>{{$item->qty}} </td>

	</tr>	
	<tr>
		<td colspan="1" class="head-tbl">Min Qty</td>
		<td>{{$item->min_qty}} </td>

	</tr><tr>
		<td colspan="1" class="head-tbl">Description</td>
		<td>{{$item->description}} </td>

	</tr>
	<tr>
		<td colspan="1" class="head-tbl">Item Type</td>
		<td>{{$item->item_type}} </td>

	</tr>

	<tr>
		<td colspan="1" class="head-tbl">expire</td>
		<td>{{$item->expire}} </td>

	</tr>
	<tr>
		<td colspan="1" class="head-tbl">manufacture</td>
		<td>{{$item->manufacture}} </td>

	</tr>
	<tr>
		<td colspan="1" class="head-tbl">origin</td>
		<td>{{$item->origin}} </td>

	</tr>

</table>







		</div>
<style>
/*	.scroll{
		overflow: auto;
	}*/
	.scroll table {
		width: 90%;
	
display: none;

	}
</style>
<div class="col-md-12">	
<h4>Pricing </h4>
 <h2>Type-{{$suplier_has_item->price_type}}</h2>
<div class="scroll"><table class="table" hidden="">
  <thead>
    <tr>
      <th scope="col"></th>
      <th scope="col"></th>
      <th scope="col">Seller Discount Amount</th>
      <th scope="col">Customer Discount</th>
      <th scope="col">Customer Discount amount</th>
      
    </tr>
  </thead>
  <tbody>
    <tr>
    <td>
    </td>
    <td></td>
    <td> </td>
    <td> </td> 
    <td> </td>
   

    </tr>
    	<td scope="col">Kik Purchase Price</td>
      <td scope="col">Topup Price amount</td>
      <td scope="col">Topup Price Percentage</td>
      <td scope="col">cut off Percentage  </td>
      <td scope="col">Kik Cash price </td>

    </tr>
      <tr>
   	
    <td></td>
   
   </tr>
    <tr>

<tr>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
	
    	<td scope="col">Kik Cash percentage</td>
      <td scope="col">display price </td>
      {{-- <td scope="col">cut off Percentage  </td>
      <td scope="col">Kik Cash Percentage </td> --}}
</tr>
<tr>
	<td>
   </td>
    <td>   </td>
</tr>
  </tbody>
</table>

{{-- <table class="table">
  <thead>

  </thead>
  <tbody>
 
  </tbody>
</table>
 --}}


</div>







</div>



	</div>
</div>


  <form action="{{url('approve/item/update')}}" method="post" id="priceform">
<div class="container " style="width: 90%;" id="pricetable">
	<div class="row">

	
 	<input type="hidden" name="item_id" value="{{$item->item_id}}">
     	<input type="hidden" name="store_id" value="{{$suplier_has_item->store_id}}">
     	<input type="hidden" name="discount" value="{{$suplier_has_item->Discount}}">

     	<input type="hidden" name="qty" value="{{$suplier_has_item->Qty}}">
     	{{-- <input type="number" placeholder="Price" name="price" required="" min="{{$suplier_has_item->Price}}" value="{{$suplier_has_item->Price}}"> --}}


		<div class="col-md-3">
			<div class="form-group">
    <label for="">Seller Price(.00) </label>
    <input type="text" class="form-control" id="seller_price" disabled="" value="{{$suplier_has_item->Price}}" name="seller_price">
 <h2>{{$suplier_has_item->price_type}}</h2>
  </div>
  <div class="form-group" hidden="">
    <label for="">Purchase Price </label>
    {{-- <input type="text" class="form-control" id="purchase_price" disabled="" value="{{$kik_purchase_price}}" name=""> --}}
    <input type="hidden" class="form-control" id="purchase_price" value="{{$kik_purchase_price}}" name="purchased_price">
 
  </div>
		</div>
		<div class="col-md-3">
    <label for="">Seller Discount To us </label>
			<div class="form-group">
    <label for="">Percentage(%) </label>
 <input type="text" class="form-control" id="seller_discount" disabled="" value="{{$suplier_has_item->kik_discount}}" name="seller_discount">
  </div>
  <div class="form-group">
    <label for="">Amoun(.00)) </label>
<input type="text" class="form-control" id="seller_discount" disabled="" value="{{($suplier_has_item->kik_discount/100*$suplier_has_item->Price)}}" name="seller_discount_amount">
  </div>
		</div>

<div class="col-md-3">
	    <label for="">Seller Discount To Client </label>
<div class="form-group">
    <label for="">Percentage (%)</label>
<input type="text" class="form-control" id="customer_discount" disabled="" value="{{$suplier_has_item->Discount}}" name="customer_discount">
  </div>
  <div class="form-group">
    <label for="">Price (.00)</label>
<input type="text" class="form-control" id="customer_discount_price" disabled="" value="{{$suplier_has_item->Discount/100*$suplier_has_item->Price}}" name="customer_discount">
  </div>




</div>
<div class="col-md-3">
	    <label for="">Topup </label>
<div class="form-group">
    <label for="">Percentage(%) </label>
<input type="text" class="form-control" id="topup_price_price"  name="topup_price_Percentage" value="0">
  </div>
  <div class="form-group">
    <label for="">Price(.00) </label>
<input type="text" class="form-control" id="topup_price_amount"  name="topup_price_amount"  value="0">
  </div>




</div>

<div class="col-md-3">
	    <label for="">Kick Back </label>
<div class="form-group">
    <label for="">Percentage(%) </label>
 <input type="text" class="form-control" id="kik_cash_percentage"  name="kik_cash_percentage" value="0">
  </div>
  <div class="form-group">
    <label for="">Price(.00) </label>
 <input type="text" class="form-control" id="kik_cash_price"  name="kik_cash_percentage" value="0">
  </div>




</div>

<div class="col-md-3">
	    <label for="">Cut Off </label>
  <div class="form-group">
    <label for="">Price(.00) </label>
 
    <input type="text" class="form-control" id="cutoff_price"  name="cutoff_price" value="0">
  </div>



<div class="form-group">
    <label for="">Percentage(%) </label>

    <input type="text" class="form-control" id="cutoff_percentage"  name="cutoff_percentage" value="0">
  </div>


<div class="form-group">	
  <label for="">Cut Off total</label> 
  <input type="text" class="form-control" id="cutt_off_total"  name="cutt_off_total" value="0"  style="font-size:20px; font-weight: 800; color: green">
</div>


</div>

<div class="col-md-3">	
  

<div id="">
	
	<h4>Cut Off Price</h4>
	<h4 id="cut">0.00</h4>


<h4>Cut off </h4>
<h4 id="Cutper">0%</h4>

<input type="hidden" name="Cutperinput" id="Cutperinput">

</div>



<div class="form-group">	
  <label for="">Display Price </label> 
  <input type="text" class="form-control display_prc" id="display_prc"  name="display_prc" value="{{$suplier_has_item->Price}}"  style="font-size:20px; font-weight: 800; color: green">
</div>

{{-- <div class="form-group">	
  <label for="">total Disconted Price</label> 
  <input type="text" class="form-control" id="total"  name="total" value=""  style="font-size:20px; font-weight: 800; color: green">
</div> --}}



</div>


{{-- <input type="submit" value="save" class="btn btn-primary"> --}}


	</div>

<h4>Break Downs</h4>
	

		


	<div class="row ">
		<div class="col-md-2">
			  <label for="">To Seller (.00)</label> 
		</div>
		<div class="col-md-4 ">
			
<div class="form-group">	

  <input type="text" class="form-control" id="toseller"  name="toseller" value="{{$kik_purchase_price}}"  style="font-size:15px; font-weight: 800; ">
</div>
		</div>


	</div>	


<div class="row ">
		<div class="col-md-2">
			  <label for="">To Client (.00)</label> 
		</div>
		<div class="col-md-4 ">
			
<div class="form-group">	

  <input type="text" class="form-control" id="to_client"  name="to_client"  style="font-size:15px; font-weight: 800;  " 
  value="0">

</div>
		</div>


	</div>	





	<div class="row " hidden="">
		<div class="col-md-2">
			  {{-- <label for="">total Disconted Price</label>  --}}
		</div>
		<div class="col-md-4 ">
			
<div class="form-group">	

  {{-- <input type="text" class="form-control" id="total"  name="total" value=""  style="font-size:20px; font-weight: 800; color: green"> --}}
</div>
		</div>


	</div>	

	<div class="row ">
		<div class="col-md-2">
			  <label for="">To Kikma (.00)</label> 
		</div>
		<div class="col-md-4 ">
			
<div class="form-group">	

  <input type="text" class="form-control" id="to_kikma"  name="to_kikma"   style="font-size:20px; font-weight: 800; " value="{{$suplier_has_item->Price-($kik_purchase_price+$suplier_has_item->Discount/100*$suplier_has_item->Price)}}">
</div>
		</div>


	</div>

<div class="row ">
		<div class="col-md-2">
			  <label for="">Total Price (.00)</label> 
		</div>
		<div class="col-md-4 ">
			
<div class="form-group">	

  <input type="text" class="form-control display_prc" id=""  name="display_prc"   style="font-size:15px; font-weight: 800; " value="{{$suplier_has_item->Price}}">
</div>
		</div>


	</div>




<div class="row ">
		<div class="col-md-2">
			
		</div>
		<div class="col-md-4 text-right">
{{-- <a class="btn btn-success calculate-btn">Calculate</a> --}}
<a class="btn btn-primary submit-btn ">Submit</a>
		</div>


	</div>


</form>


</div>

   @section('scripts')

<script>	
function equal_cols(el)
{
    var h = 0;
    $(el).each(function(){
        $(this).css({'height':'auto'});
        if($(this).outerHeight() > h)
        {
            h = $(this).outerHeight();
        }
    });
    $(el).each(function(){
        $(this).css({'height':h});
    });
}

$( document ).ready(function() {
	equal_cols('#pricetable .col-md-3');

$('input').css('text-align', 'right');

// $('#cutoff_price').val($('#display_prc').val());




});

// $('.cutoff_percentage').change(function(event) {

$('#topup_price_price').keyup(function(event) {

var inptval=$(this).val();

if (inptval.length==0) {
	// $(this).val('0');
inptval=0;
}else{
	inptval=$(this).val();
	var selle_price=$('#seller_price').val();
	var display_price=$('.display_prc').val();
var topupu_amount=selle_price*(inptval/100);
$('#topup_price_amount').val(topupu_amount);

$('.display_prc').val((parseFloat(selle_price)+parseFloat(topupu_amount)).toFixed(2));
}

breack();
});

$('#topup_price_amount').keyup(function(event) {

var inptval=$(this).val();

if (inptval.length==0) {
	// $(this).val('0');
inptval=0;
}else{
	inptval=$(this).val();
	var selle_price=$('#seller_price').val();
	var display_price=$('.display_prc').val();
var topupu_amount=100*(inptval/selle_price);
$('#topup_price_price').val(topupu_amount);

$('.display_prc').val((parseFloat(selle_price)+parseFloat(inptval)).toFixed(2));
}
breack();

});
$('#kik_cash_percentage').keyup(function(event) {

var inptval=$(this).val();

if (inptval.length==0) {
	// $(this).val('0');
inptval=0;
}else{
	inptval=$(this).val();
	var selle_price=$('#seller_price').val();
	var display_price=$('.display_prc').val();
	var topup_price_amount=$('#topup_price_amount').val();

	var topupu_amount=topup_price_amount*(inptval/100);
	
$('#kik_cash_price').val(topupu_amount);
// $('#total').val((parseFloat(display_price)-topupu_amount).toFixed(2));


}

breack();
});


$('#kik_cash_price').keyup(function(event) {

var inptval=$(this).val();

if (inptval.length==0) {
	// $(this).val('0');
inptval=0;
}else{
	inptval=$(this).val();
	var selle_price=$('#seller_price').val();
	var display_price=$('.display_prc').val();
	var topup_price_amount=$('#topup_price_amount').val();

	// var topupu_amount=topup_price_amount*(inptval/100);
var topupu_amount=100*(inptval/topup_price_amount);
$('#kik_cash_percentage').val(topupu_amount);




}

breack();
});


$('#cutoff_percentage').keyup(function(event) {

var inptval=$(this).val();

if (inptval.length==0) {
	// $(this).val('0');
inptval=0;
}else{
	inptval=$(this).val();
	var selle_price=$('#seller_price').val();
	var display_price=$('.display_prc').val();
	var topup_price_amount=$('#topup_price_amount').val();

	// var topupu_amount=topup_price_amount*(inptval/100);
// var topupu_amount=100*(inptval/topup_price_amount);
console.log(display_price*inptval/100);
var topupu_amount=display_price*inptval/100;
$('#cutoff_price').val(display_price*inptval/100);

var per=percentage(display_price, inptval);

// var cutoff_total=display_price+display_price*inptval/100;
console.log();

var cutoff_price=(inptval/100*display_price)+parseFloat(display_price);


// 

$('#cutt_off_total').val(cutoff_price);
$('#cutoff_price').val((inptval/100*display_price));

$('#total').val(((parseFloat(display_price)+topupu_amount)-parseFloat(display_price)).toFixed(2));
// $('#cut').html((parseFloat(display_price)+topupu_amount).toFixed(2));
// $('#Cutper').html(inptval+'%');
// $('#cutoff_price').val(inptval/100*display_price);
}
breack();

});


function percentage(num, per)
{
  return (num/100)*per;
}

$('#cutoff_price').keyup(function(event) {

var inptval=$(this).val();

if (inptval.length==0) {
	// $(this).val('0');
inptval=0;
}else{
	inptval=$(this).val();
	var selle_price=$('#seller_price').val();
	var display_price=$('.display_prc').val();
	var topup_price_amount=$('#topup_price_amount').val();

// $('#Cutper').html(topupu_amount+'%');
$('#total').val((parseFloat(display_price)+inptval)-(parseFloat(display_price)).toFixed(2));

var percentage=inptval/display_price*100;

$('#cutoff_percentage').val(percentage);
$('#cutt_off_total').val(parseFloat(inptval)+parseFloat(display_price));

}
breack();

});

// $( "#display_prc" ).change(function () {
// 	// body...
// });


$('.calculate-btn').click(function(event) {
	
});

function breack() {



$('#to_client').val(parseFloat($('#kik_cash_price').val())+parseFloat($('#customer_discount_price').val()));
var displayprice=$('.display_prc').val();
var toseller=$('#toseller').val();
var to_client=$('#to_client').val();

$('#to_kikma').val(parseFloat(displayprice)-(parseFloat(toseller)+parseFloat(to_client)));


}

$('.submit-btn').click(function(event) {

$('#priceform').submit();

});



		$(document).bind('change paste keyup', '#cutoff_percentage', function () {
	/* Act on the event */
	console.log($('#cutoff_percentage').val());
	// $('#Cutper').html($('#cutoff_percentage').val()+'%');
});


		$(document).bind('change paste keyup', '#cutt_off_total', function () {
	/* Act on the event */
	// console.log($('#cutt_off_total').val());
	$('#cut').html(parseFloat($('#cutt_off_total').val()).toFixed(2));
var cutoff_price=parseFloat($('#cutoff_price').val());
var cutoff_percentage=parseFloat($('#cutoff_percentage').val());
var display_price=parseFloat($('#display_prc').val());
var cutt_off_total=parseFloat($('#cutt_off_total').val());

// var perc=(display_price*100/cutt_off_total);
// var perc =cutt_off_total-(display_price/cutt_off_total)*100;


if (cutt_off_total>display_price) {

var perc =(cutt_off_total-display_price)/cutt_off_total*100;

var display_percentage=(cutt_off_total-display_price)/display_price*100;
$('#cutoff_percentage').val(display_percentage);
console.log(perc);
$('#Cutper').html(Math.round(perc)+'%');

$('#Cutperinput').val(Math.round(perc));

parseFloat($('#cutt_off_total').val());

$('#cutoff_price').val(parseFloat($('#cutt_off_total').val())-display_price);

}else{
	$('#Cutper').html(0+'%');
	$('#Cutperinput').val(0+'%');

	$('#cutoff_percentage').val(0);
	$('#cutoff_price').val(0);

}






// cutt_off_total


});
	$(document).bind('change paste keyup', '#display_prc', function () {
	/* Act on the event */
	// console.log($('#cutt_off_total').val());
	// $('#cut').html($('#cutt_off_total').val());
	// $('#cutoff_price').val($('#display_prc').val());
});


</script>





@endsection
@endsection