@extends('layouts.app')

@section('content')
<div class="content-page">
	<div class="content">

		<!-- Start Content-->
		<div class="container-fluid">

			<!-- start page title -->
			<div class="row mt-3 mb-3">
				<div class="col-8 col-sm-8 col-md-8 col-lg-8">
					<div class="page-title-box">
						<h4>Deals &amp; Offers</h4>
						<ol class="breadcrumb m-0">
							<li class="breadcrumb-item">
								<a href="{{ route('dashboard') }}">Dashboard</a>
							</li>
							<li class="breadcrumb-item">
								<a href="{{ route('offers.index') }}">Deals &amp; Offers</a>
							</li>
							<li class="breadcrumb-item active">
								Edit Offer
							</li>
						</ol>
					</div>
				</div>
				
			</div>
			<div class="row">
				<div class="col-12">

					<form class="form-horizontal" action="{{ route('offers.update',$offer->id) }}" method="post" enctype="multipart/form-data" id="offerForm">
						@csrf
						@method('PUT')
						<div class="card">
							<div class="card-header bg-dark ">
								<div class="row">
									<div class="col-6 col-sm-8 col-md-8 col-lg-8">
										<h5 class="text-white ">
											<i class=" mdi mdi-star"></i>
											Edit Offer
										</h5>
									</div>
									<div class="col-6 col-sm-4 col-md-4 col-lg-4 text-right">
										<button type="submit" class="btn btn-success waves-effect waves-light">
											<i class="fa fa-check"></i> Save
										</button>
										<a href="{{ route('offers.index') }}">
											<button type="button" class="btn btn-danger waves-effect waves-light">
												<i class="fa fa-list"></i> View All
											</button>
										</a>
									</div>
								</div>
							</div>
							<div class="card-body">
								<div class="row">
									<div class="col-6 offset-2">
										<div class="form-group row mb-3">
											<label for="inputEmail3" class="col-4 col-sm-2 col-md-2 col-lg-2 col-form-label text-right">Title</label>
											<div class="col-8 col-sm-10 col-md-10 col-lg-10">
												<input type="text" class="form-control @error('name') is-invalid @enderror"  value="{{$offer->name}}" name="name"  placeholder="Title" data-bv-notempty data-bv-notempty-message="Offer Title is required">
												@if ($errors->has('name'))
                                                      <span class="text-danger">{{ $errors->first('name') }}</span>
                                                @endif
											</div>
										</div>
										<div class="form-row row mb-3">	
    										<div class="form-group col-12 col-md-3">
    											<label for="inputEmail3" class="col-form-label text-right">Discount Amount</label>    											
    										</div>
    										<div class="form-inline col-12 col-md-9">
    											<input type="number" class="form-control @error('amount') is-invalid @enderror" value="{{ $offer->amount }}" name="amount"  placeholder="Amount" data-bv-notempty data-bv-notempty-message="Amount is required">
												@if ($errors->has('amount'))
                                                      <span class="text-danger">{{ $errors->first('amount') }}</span>
                                                @endif
    											
    																							<select class="form-control ml-2" name="discount_type" id="discountType">
														<option value="percentage" <br />
<b>Warning</b>:  Undefined variable $offer in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/offers/edit.blade.php</b> on line <b>81</b><br />
<br />
<b>Warning</b>:  Attempt to read property "discount_type" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/offers/edit.blade.php</b> on line <b>81</b><br />
>Percentage</option>
<!-- 														<option value="flat" >Flat</option> -->
												</select>
    										</div>
    									</div>
    									<div class="form-group row mb-3 discountUpto">
											<label for="inputEmail3" class="col-4 col-sm-2 col-md-2 col-lg-2 col-form-label text-right">Discount Upto</label>
											<div class="col-8 col-sm-10 col-md-10 col-lg-10">
												<input type="number" class="form-control @error('discount_upto') is-invalid @enderror "  value="{{ $offer->discount_upto }}" name="discount_upto"  placeholder="Discount Upto">
												@if ($errors->has('discount_upto'))
                                                      <span class="text-danger">{{ $errors->first('discount_upto') }}</span>
                                                @endif
											</div>
										</div>
										<div class="form-group row mb-3">
											<label for="inputEmail3" class="col-4 col-sm-2 col-md-2 col-lg-2 col-form-label text-right">Minimum Amount</label>
											<div class="col-8 col-sm-10 col-md-10 col-lg-10">
												<input type="number" class="form-control @error('min_amount') is-invalid @enderror "  value="{{ $offer->min_amount }}" name="min_amount"  placeholder="Minimum Amount">
												@if ($errors->has('min_amount'))
                                                      <span class="text-danger">{{ $errors->first('min_amount') }}</span>
                                                @endif
											</div>
										</div>
    									<div class="form-group row mb-3">
											<label for="inputEmail3" class="col-4 col-sm-2 col-md-2 col-lg-2 col-form-label text-right"> Vaild From</label>
											<div class="col-8 col-sm-10 col-md-10 col-lg-10">
												<input type="text" name="start_date"  id="autocomplete" class="form-control @error('vaild_from') is-invalid @enderror datepicker" value="{{ $offer->start_date }}" autocomplete="off" data-bv-notempty data-bv-notempty-message="The vaild from is required">
												@if ($errors->has('vaild_from'))
                                                      <span class="text-danger">{{ $errors->first('vaild_from') }}</span>
                                                @endif
											</div>
										</div>
										<div class="form-group row mb-3">
											<label for="inputEmail3" class="col-4 col-sm-2 col-md-2 col-lg-2 col-form-label text-right"> Vaild To</label>
											<div class="col-8 col-sm-10 col-md-10 col-lg-10">
												<input type="text" name="end_date"  id="autocomplete" value="{{ $offer->end_date }}" class="form-control @error('vaild_from') is-invalid @enderror datepicker" autocomplete="off" data-bv-notempty data-bv-notempty-message="The vaild to is required">
												@if ($errors->has('vaild_to'))
                                                      <span class="text-danger">{{ $errors->first('vaild_to') }}</span>
                                                @endif
											</div>
										</div>
										
<!-- 										<div class="form-group row mb-3"> -->
<!-- 											<label for="inputEmail3" class="col-4 col-sm-2 col-md-2 col-lg-2 col-form-label text-right"> Offer Banner</label> -->
<!-- 											<div class="col-8 col-sm-10 col-md-10 col-lg-10"> -->
<!-- 												<input type="file" name="image" accept="image/*" id="autocomplete" class="form-control @error('image') is-invalid @enderror" autocomplete="off" data-bv-notempty data-bv-notempty-message="The Image is required"> -->
<!-- 												@if ($errors->has('image')) -->
<!--                                                       <span class="text-danger">{{ $errors->first('image') }}</span> -->
<!--                                                 @endif -->
<!-- 											</div> -->
<!-- 										</div> -->
										<div class="form-group row mb-3">
											<label for="inputEmail3" class="col-4 col-sm-2 col-md-2 col-lg-2 col-form-label text-right">Coupon Code</label>
											<div class="col-8 col-sm-10 col-md-10 col-lg-10">
												<div class="input-group mb-3">
                                                  <input type="text" readonly class="form-control coupon_code" name="code" value="{{ $offer->code }}" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
                                                  <div class="input-group-append">
                                                    <button class="btn btn-outline-secondary" id="generate_coupon_code" type="button">Generate Code</button>
                                                  </div>
                                                </div>
											</div>
										</div>
										<div class="form-group row mb-3">
											<label for="inputEmail3" class="col-4 col-sm-2 col-md-2 col-lg-2 col-form-label text-right">Enabled</label>
											<div class="col-8 col-sm-10 col-md-10 col-lg-100">
												<select class="form-control" name="enabled" id="example-select">
													<option {{old('enabled')=='Yes'?'selected':''}} value="Yes">Yes</option>
													<option {{old('enabled')=='No'?'selected':''}} value="No">No</option>
												</select>
											</div>
										</div>
									</div>
								</div>

							</div>
						</div>
						<!-- end card-->

					</form>
				</div>
				<!-- end col -->
			</div>
			<!-- end row -->

		</div>
		<!-- container -->

	</div>
	<!-- content -->

	

</div>
<script>
// 	$(function() {
// 		$('#offerForm').bootstrapValidator({
// 			fields: {
//                 image: {
//                     validators: {
                       
//                         file: {
// 	                        extension: 'jpeg,png,svg,jpg,gif',
// 	                        message: 'Only JPEG, PNG, SVG, GIF or JPG are allowed for Banner Image'
// 	                    }
//                     }
//                 }
//             }
// 		});
// 	});

//getting new Coupon Code
	$(document).on('click','#generate_coupon_code',function(){
			btn = $(this);
			btnHtml = btn.html();
			$.ajax({
				type:'POST',
				data:{_token:$('[name="csrf-token"]').attr('content')},
				url:"{{route('getNewCouponCode')}}",
				beforeSend:function(){
					btn.html('<i class="fa fa-spin fa-spinner"></i>');	
				},
				success:function(resp){
					btn.html('<i class="mdi mdi-refresh"></i>');
					btn.parents('.input-group').find('.coupon_code').val(resp);
				}
			});
	});
	
	$('#discountType').change(function(){
		if($(this).val() == "percentage"){
			$('.discountUpto').show();
		}else{
			$('.discountUpto').hide();
		}
	});
</script>
@endsection