@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')

@php
    use \App\Libs\Butik\Butik_item_lib;
@endphp
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="row">
                    <div class="col-md-7">
                        <div class="title_left">
                            <h3>Resell Pricing</h3>
                        </div>
                    </div>
                    <div class="col-md-5 text-right">
                        <a href="{{ url('pricing/resell/history') }}" class="btn btn-success"><i class="fa fa-clock-o"></i> Butik Price History</a>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">                        
                        <div class="x_content">
							<div style="padding: 20px; border: 1px solid #ddd; background: #F9FBE7;">
								@foreach($item_brands->whereNotIn('id', [10,11,12,13]) as $brand)
									<div class="row">
										<div class="col-xs-8"><h4 style="margin-bottom: -10px;">{{ $brand->brand_name }}</h4></div>
										<div class="col-xs-4 text-right">
											<div class="btn-group btn-toggle-brand" data-brand="{{ $brand->id }}"> 
												<button class="btn @if($brand->is_resell == '1') btn-primary active @endif" data-status="1">ON</button>
												<button class="btn @if($brand->is_resell == '0') btn-primary active @endif" data-status="0">OFF</button>
											</div>
										</div>
										<div class="col-xs-12" style="margin-top:8px;">
											<table class="table table-striped table-hover table-bordered">
												<thead>
													@if(in_array($brand->id, [18, 25]))
														<tr style="background: #ffdec1;">
															<!-- <th class="text-center">ID</th> -->
															<th class="text-right" style="vertical-align: middle;">Base Price</th>
															<th class="text-center"><input type="text" id="base_price_input_{{ $brand->id }}" name="base_price_input_{{ $brand->id }}" class="form-control base_price_input_{{ $brand->id }}" value="{{ $settings[$brand->id == $brand_LD ? 'harga_jual_LD' : 'harga_jual_perhiasan'] }}"></th>
															<th class="text-left" colspan="3"><div><button class="btn btn-success" onclick="changeBasePrice('{{ $brand->id == $brand_LD ? 'LD' : 'jewelry' }}')"><i class="fa fa-check"> Simpan Perubahan Base Price</i></button></div></th>
														</tr>
													@endif
													
													@if($brand->id != $brand_LD)
														<tr>
															<!-- <th class="text-center">ID</th> -->
															<th class="text-right">Carat</th>
															<th class="text-center">Percentage</th>
															<th class="text-center">Additional Price</th>
															<th width="50"></th>
															<th class="text-right">Price</th>
														</tr>
													@endif
												</thead>
												<tbody>
													@forelse($brand->item_brand_to_item_carat as $key => $carat)
														<tr data-id="{{ $carat->id }}" @if($carat->item_carat->carat_text == '24K (99,99%)') style="display: none;" @endif>
															<!-- <td class="text-center">{{ $carat->id }}</td> -->
															<td class="text-right">
																{{ $carat->item_carat->carat_text }}
															</td>
															<td><input type="number" step="0.01" min="0" max="100" class="form-control percentage percentage_{{ $carat->id }}" value="{{ $carat->resell_margin_percentage }}"></td>
															<td><input type="number" step="1" class="form-control additional additional_{{ $carat->id }}" value="{{ $carat->resell_additional_price }}"></td>
															<td><button type="button" class="btn btn-primary btn-save1" onclick="modalConfirmDetail('{{ $carat->id }}')"><i class="fa fa-check" aria-hidden="true"></i></button></td>
															<td class="text-right">                                                        
																@php
																$array_input = [
																	"resell_is_using_lei_price" => $carat->resell_is_using_lei_price,
																	"margin_percentage" => $carat->resell_margin_percentage,
																	"additional_price" => $carat->resell_additional_price,
																	"weight" => 1
																];
																if($carat->resell_is_using_lei_price != '1') $array_input["carat"] = $carat->item_carat->carat;
																if($brand->id == $brand_LD) {
																	$price = (new Butik_item_lib)->resell_calculation_LD($array_input);
																} else {
																	$price = (new Butik_item_lib)->resell_calculation($array_input);
																}
																
																@endphp
																<span>{{ number_format($price, 2) }}</span>
																	{{--
																<button type="button" class="btn btn-link btn-calculate"><i class="fa fa-refresh" aria-hidden="true"></i></button>
																	--}}
															</td>
														</tr>
													@empty
														<tr>
															<td colspan="5" class="text-center">No Data</td>
														</tr>
													@endforelse
												</tbody>
											</table>
										</div>
									</div>
								@endforeach      
							</div>
							
							{{--
							<div style="padding: 20px; border: 1px solid #ddd; background: #FAFAFA; margin-top: 10px;">
								<center><h2>LM PRICE</h2></center>
								<hr style="border: 1px dashed #ddd;">
								<form method="POST" action="{{ url('pricing/resell/save_lm_pricing') }}">
									{!! csrf_field() !!}
									@foreach($item_brands->whereIn('id', [10,11,12,13]) as $brand)
										<div class="row">
											<div class="col-xs-8"><h4 style="margin-bottom: -10px;">{{ $brand->brand_name }}</h4></div>
											<div class="col-xs-4 text-right">
												<div class="btn-group btn-toggle-brand" data-brand="{{ $brand->id }}"> 
													<button class="btn @if($brand->is_resell == '1') btn-primary active @endif" data-status="1">ON</button>
													<button class="btn @if($brand->is_resell == '0') btn-primary active @endif" data-status="0">OFF</button>
												</div>
											</div>
											<div class="col-xs-12" style="margin-top:8px;">
												<table class="table table-striped table-hover table-bordered">
													<thead>
														<tr>
															<th class="text-center">ID</th>
															<th class="text-right">Carat</th>
															<th class="text-center">Percentage</th>
															<th class="text-center">Additional Price</th>
															<th width="50"></th>
															<th class="text-right">Price</th>
														</tr>
													</thead>
													<tbody>
														@forelse($brand->item_brand_to_item_carat as $list)
															<tr data-id="{{ $list->id }}">
																<td class="text-center">
																	<input type="hidden" name="item_brand_to_item_carat_id[]" value="{{ $list->id }}">
																	{{ $list->id }}
																</td>
																<td class="text-right">{{ $list->item_carat->carat }}</td>
																<td><input type="number" step="0.01" min="0" max="100" class="form-control percentage" value="{{ $list->resell_margin_percentage }}" readonly></td>
																<td><input type="number" step="1" class="form-control additional" id="additionalValue_{{ $list->id }}" name="additional_{{ $list->id }}"  value="{{ $list->resell_additional_price }}" readonly></td>
																<td><button type="submit" class="btn btn-default btn-save" disabled><i class="fa fa-check" aria-hidden="true"></i></button></td>
																<td class="text-right">                                                        
																	@php
																		$array_input = [
																			"resell_is_using_lei_price" => $list->resell_is_using_lei_price,
																			"margin_percentage" => $list->resell_margin_percentage,
																			"additional_price" => $list->resell_additional_price,
																			"weight" => 1
																		];
																		if($list->resell_is_using_lei_price != '1') $array_input["carat"] = $list->item_carat->carat;
																		$price = (new Butik_item_lib)->resell_calculation($array_input);
																	@endphp
																	<input type="text" id="priceItem_{{ $list->id }}" onchange="countAdditionalPrice({{ $list->id }})" class="form-control" value="{{ $price }}">
																</td>
															</tr>
														@empty
															<tr>
																<td colspan="5" class="text-center">No Data</td>
															</tr>
														@endforelse
													</tbody>
												</table>
											</div>
										</div>
									@endforeach    
											
									@if(count($item_brands->whereIn('id', [10,11,12,13])) > 0)
										<center>
											<button class="btn btn-lg btn-primary"><i class="fa fa-save"></i> Simpan Perubahan Harga LM</button>
										</center>
									@endif  
								</form>
							</div>
							--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="false" id="modalConfirm">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Konfirmasi</h4>
            </div>
            <div class="modal-body">
                <p>Apakah anda yakin ingin merubah BASE PRICE ini ?</p>
				<input type="hidden" id="type_input">
            </div>
            <div class="modal-footer">    
                <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>            
                <div class="submit">
                    <button type="button" class="btn btn-warning" class="close" data-dismiss="modal">Tidak</button>
                    <button type="button" class="btn btn-default" onclick="changeBasePriceProcess()"><i class="fa fa-check" aria-hidden="true"></i> Ya, saya yakin</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="false" id="modalConfirmDetail">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Konfirmasi</h4>
				<input type="hidden" id="caratDetailID">
            </div>
            <div class="modal-body">
				<p>Apakah anda yakin ingin merubah harga detail dari KARAT ini ?</p>
            </div>
            <div class="modal-footer">    
                <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>            
                <div class="submit">
                    <button type="button" class="btn btn-warning" class="close" data-dismiss="modal">Tidak</button>
                    <button type="button" class="btn btn-default" onclick="btnSave()"><i class="fa fa-check" aria-hidden="true"></i> Ya, saya yakin</button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section("scripts")
	<script src="https://cdnjs.cloudflare.com/ajax/libs/cleave.js/1.0.7/cleave.min.js"></script>
	<script type="text/javascript">
		create_cleave();
		function create_cleave() {
			new Cleave(".base_price_input_18", {
				numeral: !0,
				numeralThousandsGroupStyle: "thousand",
				numeralPositiveOnly: !0
			})
			new Cleave(".base_price_input_25", {
				numeral: !0,
				numeralThousandsGroupStyle: "thousand",
				numeralPositiveOnly: !0
			})
		}

		function countAdditionalPrice(id) {
			let priceItem = $('#priceItem_' + id).val();
			let calc = {{ $lei_price }} - parseInt(priceItem);
			$('#additionalValue_' + id).val(calc * -1);
		}
		
		
		$(".btn-toggle-brand").on("click", function() {
			var $this = $(this);
			$this.find(".btn").toggleClass("active");
			if ($this.find('.btn-primary').size()>0) {
				$this.find('.btn').toggleClass('btn-primary');
			}
			$this.find(".btn").attr("disabled", "disabled");
			var goto_status = $this.find(".active").data("status");
			var brand_id = $this.data("brand");
			$.ajax({
				url: 'resell/toggle_brand',
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					id : brand_id,
					status : goto_status
				},
				success: function(response) {
					$this.find(".btn").removeAttr("disabled");
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					location.reload();
				}
			});
			return false;
		})
		
		function modalConfirmDetail(id) {
			$('#caratDetailID').val(id);
			$('#modalConfirmDetail').modal('show');
		}
		
		function btnSave() {
			let id = $('#caratDetailID').val();
			$.ajax({
				url: 'resell/save',
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					id: id,
					percentage: $('.percentage_' + id).val(),
					additional: $('.additional_' + id).val()
				},
				success: function(response) {
					//alert("Data saved");
					location.reload();
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$this.removeAttr("disabled");
				}
			});
			return false;
		}
		
		{{--
		$(".btn-save").on("click", function() {
			var $this = $(this);
			//console.log($this);
			//return false;
			$this.attr("disabled", "disabled");
			$.ajax({
				url: 'resell/save',
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					id: $this.parents("tr").data("id"),
					percentage: $this.parents("tr").find(".percentage").val(),
					additional: $this.parents("tr").find(".additional").val()
				},
				success: function(response) {
					alert("Data saved");
					//location.reload();
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$this.removeAttr("disabled");
				}
			});
			return false;
		})
		--}}

		$(".btn-calculate").on("click", function() {
			var $this = $(this);
			$this.attr("disabled", "disabled");
			$.ajax({
				url: 'resell/calculate',
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					id: $this.parents("tr").data("id"),
					percentage: $this.parents("tr").find(".percentage").val(),
					additional: $this.parents("tr").find(".additional").val()
				},
				success: function(response) {
					$this.parents("td").find("span").html(response.price);
					$this.removeAttr("disabled");
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$this.removeAttr("disabled");
				}
			});
			return false;
		})

		function changeBasePrice(type='jewelry') {
			$('#type_input').val(type);
			$('#modalConfirm').modal('show');
		}
		
		function changeBasePriceProcess() {
			$('#cover-spin').fadeIn();
			var type = $('#type_input').val();
			// alert(type);
			let price = $('#base_price_input_18').val();
			if(type == 'LD') {
				price = $('#base_price_input_25').val();
			}

			$.ajax({
				url: '{{ url("pricing/resell/save_base_price") }}',
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					input_type: type,
					base_price: price
				},
				success: function(response) {
					location.reload();
				},
				error: function(response) {
					$('#cover-spin').hide();
					alert('Error');
				}
			});
			return false;
		}
	</script>
@endsection