@extends('layouts.app')
@section('content')
<form class="form" method="POST" role="post-data" action="/feature/update/{{$feature->id}}" redirect="/feature">
	<section class="content mb-5">
		<div class="container-fluid">
			<div class="row titlepad publsih-sticky">
				<div class="col-md-12">
					<div class="mt-3 mb-3">
						<div class="dashbed-border-bottom"></div>
					</div>
					<div class="row">
						<div class="col-sm-8">
							<h4>{{__("labels.feature_edit_heading")}}</h4>
						</div>
						<div class="col-md-4 text-sm-right mt-2">
							<button type="button" class="btn-md px-3 py-2 btn-primary" data-request="ajax-submit" data-target="[role=post-data]">
								<i class="fa fa-check-square-o"></i> {{__("buttons.publish")}}
							</button>
							<a href="{{route('masters.feature.index')}}" class="btn-md px-3 py-2 btn-secondary">
								<i class="fa fa-chevron-circle-left"></i> {{__("buttons.cancel")}}</a>
						</div>
					</div>

				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="tabData mt-4">
						<div class="pb-4">
							<div class="row">
								<div class="col-md-4">
									<div class="form-group">
										<label>{{__("labels.feature_name")}}<span
												class="text-red">*</span></label>
										<input readonly type="text" class="form-control"
											name="feature_name" placeholder="{{__('placeholders.feature_name')}}"
											value="{{ $feature->feature_name }}"/>
										<input type="hidden" name="module_name" value="{{ $feature->module_name }}"/>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										<label>{{__("Unit Measurement")}}<span
												class="text-red">*</span></label>
										<input type="text" class="form-control"
											name="unit_measurement" placeholder="{{__('Unit Measurement')}}"
											value="{{ ucfirst($feature->unit_measurement) }}" readonly />
									</div>
								</div>
								<div class="col-md-4">
                                	<div class="form-group">
										<label>{{__("labels.select_status")}}<span
												class="text-red">*</span></label>
											<select class="form-control select2" name="status">
												@foreach ($statuses as $status)
													<option value="{{ $status }}">{{ucfirst($status)}}</option>
												@endforeach
											</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-4">
									<div class="form-group">
										<label>Free Qty From ({{ucfirst($feature->unit_measurement)}})</label>
										@if($feature->unit_measurement == 'style')
										<input type="hidden" name="free_qty_from" value="0" class="form-control">
										<input type="text" name="free_qty_from" disabled value="Normal Update" class="form-control">
										@else
										<input type="text" name="free_qty_from" value="{{$freeQty->qty_from ?? ''}}" class="form-control">
										@endif
										{{-- <select class="form-control select2" name="free_qty_from">
											<option value=""></option>
											@foreach ($option_values as $option_value)
												@if(isset($freeQty->qty_from))
													<option value="{{ $option_value }}" {{$freeQty->qty_from == $option_value ? 'selected' : ''}}>{{$option_value}}</option>
												@else
													<option value="{{ $option_value }}">{{$option_value}}</option>
												@endif
											@endforeach
										</select> --}}
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										<label>Free Qty Upto ({{ucfirst($feature->unit_measurement)}})</label>
										@if($feature->unit_measurement == 'style')
										<input type="hidden" name="free_qty_upto" value="0" class="form-control">
										<input type="text" name="free_qty_upto" disabled value="Normal Update" class="form-control">
										@else
										<input type="text" name="free_qty_upto" value="{{$freeQty->qty_upto ?? ''}}" class="form-control">
										@endif
										{{-- <select class="form-control select2" name="free_qty_upto">
											<option value=""></option>
											@foreach ($option_values as $option_value)
												@if(isset($freeQty->qty_upto))
													<option value="{{ $option_value }}" {{$freeQty->qty_upto == $option_value ? 'selected' : ''}}>{{$option_value}}</option>
												@else
													<option value="{{ $option_value }}">{{$option_value}}</option>
												@endif
											@endforeach
										</select> --}}
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										<label>Description</label>
										<textarea class="form-control" name="description" placeholder="Description">{!! $feature->description ?? '' !!}</textarea>
									</div>
								</div>
							</div>
						</div>
						
						<button class="pull-right btn-md px-3 py-2 btn-primary" id="addMoreFeaturePrice" type="button">+Add More</button>
						<h6 class="mt-3">{{__("Feature Pricing")}}</h6>
						<div class="mt-2 mb-2">
							<div class="dashbed-border-bottom"></div>
						</div>
						<div class="pb-4">
							@forelse($featurePricing as $count =>  $pricing)
							@include('admin.masters.feature.add_pricing_row', ['count' => ++$count, 'pricing' => $pricing])
							@empty
							{{-- @include('admin.masters.feature.add_pricing_row', ['count' => 1]) --}}
							@endforelse
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</form>
@endsection
@section('scripts')
	<script type="text/javascript">
		/*Add new row*/
		$(document).on('click','#addMoreFeaturePrice', (e) => {
			const rowLength = $(e.target).nextAll('.pb-4').first().find('.row').length;
			const lastRow = $(e.target).nextAll('.pb-4').first().find('.row:last');
			const qtyFrom = lastRow.find('select[name*=qty_from]');
			const qtyUpto = lastRow.find('select[name*=qty_upto]');

			const freeQtyFrom = Number($("input[name=free_qty_from]").val()) || 0;
			const freeQtyUpto = Number($("input[name=free_qty_upto]").val()) || 0;

			if(freeQtyFrom > freeQtyUpto) {
				Swal.fire(
                    "Info!",
                    "Free from qty can not greater then upto qty",
                    "warning"
                );
				return false;				
			}

			if ((!qtyFrom.val() || !qtyUpto.val()) && (qtyFrom.length > 0 && qtyUpto.length > 0)) {
				Swal.fire(
                    "Info!",
                    "Please select first qty from and qty upto!",
                    "warning"
                );
                return false;
			}

			if(lastRow.length) {
				let lastRowStatus = Number($(lastRow).find('input[name="row_added"]:last').val()) || 0;
				if(!lastRowStatus) {
					$("button[data-request=ajax-submit]").trigger('click');
					return false;
				}
			}

			const qty = [];
			$(e.target).nextAll('.pb-4').first().find('.row').each((index, item) => {
			    const qty_from = $(item).find('select[name*=qty_from]').val();
			    const qty_upto = $(item).find('select[name*=qty_upto]').val();
			    if (qty_from && qty_upto) {
			        qty.push({ 'from': Number(qty_from), 'upto': Number(qty_upto) });
			    }
			});

			const freeQty = [];
			freeQty.push({'from' : Number($("input[name='free_qty_from']").val()), 'upto': Number($("input[name='free_qty_upto']").val())});

			const actionUrl = '{{route("masters.feature.add.price.row")}}?row_count='+rowLength+'&id='+'{{$feature->id}}'+'&qty='+JSON.stringify(qty)+'&freeQty='+JSON.stringify(freeQty);  
			
			fetch(actionUrl).then((response) => {
				return response.json().then((data) => {
					if(!data.limitExpire) {
						if (!qty.length) {
							$(e.target).nextAll('.pb-4').first().append(data.data.html);
						} else {
							lastRow.after(data.data.html);
						}
					} else {
						if(!data.data.html) {
							Swal.fire(
		                    "Info!",
		                    `Free qty upto value ${data.data.maxValue} exceed!`,
		                    "warning"
		                );
						} else {
							Swal.fire(
		                    "Info!",
		                    "Select unit has no limit, already added all",
		                    "warning"
		                );	
						}
		                return false;
					}
				});
			})
		});

		/*Delete row*/
		$(document).on('click','.delete_row', (e) => {
			// if($(e.target).closest('.pb-4').find('.row').length <= 1) {
			// 	alert("You can not delete all row.");
			// 	return false;
			// }
			$(e.target).closest('.row').remove();
		});

		/*Price Type Change*/
		$(document).on('change','[name*="price_type"]', (e) => {
			const selectedValue = e.target.value;
			const row = $(e.target).closest('.row');
			const weeklyPriceInput = row.find('input[name*="weekly_price"]'); 
			const fortnightlyPriceInput = row.find('input[name*="fortnightly_price"]'); 
			const monthlyPriceInput = row.find('input[name*="monthly_price"]'); 
			if(selectedValue === 'free') {
				weeklyPriceInput.val(0.00).attr('readonly', true);
				fortnightlyPriceInput.val(0.00).attr('readonly', true);
				monthlyPriceInput.val(0.00).attr('readonly', true);
			} else {
				weeklyPriceInput.attr('readonly', false);
				fortnightlyPriceInput.attr('readonly', false);
				monthlyPriceInput.attr('readonly', false);
			}
		});
	</script>
@endsection