@extends('backend.layouts.app')

@section('content')


@if(Session::has('message'))
<div class="callout callout-success">
                <h6>{{ Session::get('message')}}</h6>
              </div>
@endif

@if(Session::has('error_message'))
<div class="callout callout-danger">
                <h6>{{ Session::get('error_message')}}</h6>
              </div>
@endif

@if (count($errors) > 0)
    <div class="callout callout-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

  {!! Html::script('expand_theme/js/jquery.validate.min.js') !!}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script><script>
  // When the browser is ready...
  $(function() {
     $(".add_form").validate({
	 
	 rules: {
   "coupon_eligible_program[]": {
     required: "#program:checked"
   }
 }
	 
	 });
  });
</script>
<style type="text/css">

.showhide {  
	display:none;
}
.row{margin-top:10px;}
.has-error .form-control { border-color: #e74c3c; }
</style>

<div class="row new_member" id="ajaxmaterialdisplayform">
	<div class="col-md-12">
		<div class="box">

<form class="form-horizontal add_form" method="POST" action="{{ url('coupon/update') }}">
			<div class="container">
				<h2>Edit Coupon</h2>
				@foreach($editCoupon as $editCoupons)
					<input type="hidden" name="id" id="id" class="form-control" value="{{ $editCoupons->coupon_id }}">
					{{ csrf_field() }}
					<div class="col-md-9">
						<div class="row">
							<div class="col-md-12{{ $errors->has('coupon_name') ? ' has-error' : '' }}">
								<label class="control-label" for="coupon_name"  ><p>Coupon Name <b style="color: #ec1515;">*</b></p></label>


								<input type="text" class="form-control required" value="{{$editCoupons->coupon_name}}" id="coupon_name" name="coupon_name" >

								@if ($errors->has('coupon_name'))
								<span class="help-block">
									<strong style = "color: #e74c3c;">{{ $errors->first('coupon_name') }}</strong>
								</span>
								@endif
								
							</div>
						</div>
						<div class="row">
							<div class="col-md-12{{ $errors->has('coupon_code') ? ' has-error' : '' }}">
								<label for="coupon_code" class="control-label"><p>Coupon Code </p></label>


								<input type="text" class="form-control required" value="{{$editCoupons->coupon_code}}" id="coupon_code" name="coupon_code" readonly="true">

								@if ($errors->has('coupon_code'))
								<span class="help-block">
									<strong style = "color: #e74c3c;">{{ $errors->first('coupon_code') }}</strong>
								</span>
								@endif

							</div>
						</div>
						<br/ >

						<div class="row">
							<div class="col-md-12">

								<label class="control-label" for="code">Usage  Limit<b style="color: #ec1515;">*</b></label>      

								<input type="number" class="form-control required selectWidth" id="usage_limit"  name="one_time"  min=1 value="{{ $editCoupons->one_time }}">
								<!--<select class="form-control selectWidth" id="usage_limit" type="select" name="one_time" data-toggle="dropdown">

									<option value="1" >1</option>
									<option value="2" >2</option>
									<option value="3" >3</option>
									<option value="4" >4</option>
									<option value="5" >5</option>
									<option value="6" >6</option>
									<option value="7" >7</option>
									<option value="8" >8</option>
									<option value="9" >9</option>
									<option value="10" >10</option>
								</select>-->

							</div>
						</div>


						<div class="row">

							<div class="col-sm-12">
								<label class="control-label" for="code">Eligible Classes</label>
							</div>

						</div><br />

						
						<div class="row">

							<div class="col-md-12">
								@if($editCoupons->coupon_all_programs == "1")
								<label><input type="radio" name="all_programs" id="all" value="1" onclick="yesnoCheck();"  checked="checked" />All Classes</label>
								<label><input type="radio" name="all_programs" id="program" value="2" onclick="yesnoCheck();"  />Select Classes</label>
								<div class="row">

									<div class="col-md-12{{ $errors->has('coupon_eligible_program[]') ? ' has-error' : '' }}" id="autoUpdate" style="visibility:hidden"  >
										<select name="coupon_eligible_program[]" id="classes" class="form-control" multiple="multiple"  autofocus >
											@foreach($classes as $key => $class)
											<option value="{{ $key }}" >{{  $class }}</option>
											@endforeach

										</select>
										@if ($errors->has('coupon_eligible_program[]'))
										<span class="help-block">
											<strong>{{ $errors->first('coupon_eligible_program[]') }}</strong>
										</span>
										@endif


									</div>

								</div>

								@elseif($editCoupons->coupon_all_programs == "0")
								<label><input type="radio" name="all_programs" value="1" id="all" onclick="yesnoCheck();" />All Classes</label>

								<label><input type="radio" name="all_programs" value="2"  id="program" onclick="yesnoCheck();" checked="checked" />Select Classes</label>
								<div class="row">

									<div class="col-md-12{{ $errors->has('coupon_eligible_program[]') ? ' has-error' : '' }}" id="autoUpdate"   >
										<select name="coupon_eligible_program[]" id="classes" class="form-control" multiple="multiple"  autofocus >
											@foreach($classes as $key => $class)
											<option value="{{ $key }}" >{{  $class }}</option>
											@endforeach

										</select>
										@if ($errors->has('coupon_eligible_program[]'))
										<span class="help-block">
											<strong>{{ $errors->first('coupon_eligible_program[]') }}</strong>
										</span>
										@endif


									</div>

								</div>
								@endif

							</div>
						</div>



						<div class="row">
							<div class="col-md-12">
								<label class="control-label" for="code"><p>Amount <b style="color: #ec1515;">*</b></label>  
							</div>
						</div>
						<div class="row">
						<div class="col-md-3">
							@if($editCoupons->coupon_amount_type == 1)
							<input type="radio" class="radio-check" name="Radio" id="Radio" value="1" checked="checked" >Fixed
							<label hidden >$</label>
							<input class="radio-check" type="radio" name="Radio" id="Radio" value="2"  >Percentage
							<label hidden >%</label>


							@else($editCoupons->coupon_amount_type == 2)
							<input type="radio" class="radio-check" name="Radio" id="Radio" value="1" "  >Fixed
							<label hidden >$</label>
							<input class="radio-check" type="radio" name="Radio" id="Radio" value="2" checked="checked" >Percentage
							<label hidden >%</label>
							@endif

						</div>
						
							<div class="col-md-4{{ $errors->has('coupon_amount') ? ' has-error' : '' }} "  >
								<div id="Amount">
									<div class="input-group">
										<span class="input-group-addon" id="spanOne"></span>
										<input type="number" class="form-control required" value="{{$editCoupons->coupon_amount_value}}" id="coupon_amount" name="coupon_amount" placeholder="Amount" min=0 >

									</div>
								</div>

								@if ($errors->has('coupon_amount'))
								<span class="help-block">
									<strong style = "color: #e74c3c;">{{ $errors->first('coupon_amount') }}</strong>
								</span>
								@endif

							</div>

						</div>

						&nbsp;
						<!--<div class="row">
							<div class="col-md-12">

								<label class="control-label" for="code">Applies to</label>        


								<select class="form-control selectWidth" name="applies" id="applies" type="select" data-toggle="dropdown">

									@foreach($applies_to as $key => $applies)
									<option value="{{$key}}" >{{$applies}}</option>     
									@endforeach

									<span class="caret"></span></select>

								</div>
							</div>-->

<input type="hidden" name="applies" value="1">

							<div class="row">
								<div class="col-md-12">
									<label class="control-label" for="code">Usage&nbsp;</label>   
 <input type="hidden" name="usage" value="1">Only Tuition Fee								
                                    <!--<select class="form-control selectWidth" id="usages" type="select" name="usage" data-toggle="dropdown">
										@foreach($usage as $key => $usages)      
										<option value="{{ $key}}" >{{ $usages}}</option>
										@endforeach
									</select>-->

								</div>

							</div>


							<div class="row">

								<div class="col-md-6{{ $errors->has('start_date') ? ' has-error' : '' }}">

									<label for="start_date" class="control-label">Start Date <b style="color: #ec1515;">*</b></label>


								<!--<input type="date" class="form-control required" value="{{$editCoupons->start_date}}" id="start_date" name="start_date" >-->
								<div class="input-group">
               
                  <input type="text" name="start_date" id="start_date" class="form-control required" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="" value="
" onblur="my_start_date()">
</div>

									@if ($errors->has('start_date'))
									<span class="help-block">
										<strong style = "color: #e74c3c;">{{ $errors->first('start_date') }}</strong>
									</span>
									@endif


								</div>

								<div class="col-md-6{{ $errors->has('end_date') ? ' has-error' : '' }}">

									<label for="end_date" class="control-label">Expiry Date <b style="color: #ec1515;">*</b></label>


								<!--<input type="text" class="form-control required" value="{{$editCoupons->end_date}}" id="end_date" name="end_date">-->
									<div class="input-group">
               
                  <input type="text" name="end_date" id="end_date" class="form-control required" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="" value="
" onblur="my_end_date()">
                   </div>

									@if ($errors->has('end_date'))
									<span class="help-block">
										<strong style = "color: #e74c3c;">{{ $errors->first('end_date') }}</strong>
									</span>
									@endif

								</div>     
							</div>
							<br/>

							<div class="row">
								
								<div class="col-md-6">

									<button type="submit" class="btn btn-primary">Update</button> &nbsp;&nbsp;
									<a href="{{ url('coupons')}}" type="button"  style="color:#50A4D7;" class="btn btn-default">Cancel</a>

								</div>


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

									
									
									
								</div>


								
							</div><br/><br/>
						</div>
					
					@endforeach
				</div>
</form>

				
				<script>
				$(document).ready(function(){
					$('#classes').select2({
						placeholder : 'Select Classes',
						tags: true
					});
				});
				</script>

				<script type="text/javascript">

				var load_val = $('.radio-check:checked').next('label').text();
				$('.input-group-addon').text(load_val);
				$('.radio-check').change(function() { 
					load_val = $(this).next('label').text();
					$('.input-group-addon').text(load_val); 
				});
				</script>

				<script type="text/javascript">

				$('#usage_limit').val([""]);
				</script>

				<script type="text/javascript">

				$('#usages').val([""]);

				</script>

				<script type="text/javascript">

				$('#applies').val([""]);

				</script>

				<script type="text/javascript">


				function yesnoCheck() 
				{
					if (document.getElementById('all').checked) {
						document.getElementById('autoUpdate').style.visibility = 'hidden';
					}
					else document.getElementById('autoUpdate').style.visibility = 'visible';

				}
				
				 $("#all").click(function(){
       $("#classes").select2('val', 'All');
   });
				</script>


				
			</div>
		</div>
	</div>

		{!! Html::style('expand_theme/dataTables.bootstrap.css') !!}
{!! Html::script('expand_theme/jquery.dataTables.min.js') !!}
{!! Html::script('expand_theme/dataTables.bootstrap.min.js') !!}
{!! Html::script('expand_theme/bootstrap-daterangepicker/daterangepicker.js') !!}
{!! Html::script('expand_theme/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') !!}

{!! Html::script('expand_theme/select2/dist/js/select2.full.min.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.date.extensions.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.extensions.js') !!}
{!! Html::script('expand_theme/moment/min/moment.min.js') !!}
  <!-- Font Awesome -->
  {!! Html::style('expand_theme/font-awesome/css/font-awesome.min.css') !!}
  <!-- Ionicons -->
  <!-- daterange picker -->
 {!! Html::style('expand_theme/bootstrap-daterangepicker/daterangepicker.css') !!}
  <!-- bootstrap datepicker -->
 {!! Html::style('expand_theme/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') !!}
	<script>
	
	
	 //Datemask dd/mm/yyyy
    $('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
    //Datemask2 mm/dd/yyyy
    $('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
    //Money Euro
    $('[data-mask]').inputmask();
		function my_end_date(){
	var end_Date=$("#end_date").val();
	var start_date=$("#start_date").val();
	var startdate = new Date(start_date);
	var enddate= new Date(end_Date);
	var todate=new Date();
	todate.setHours(0,0,0,0);
	if(enddate < todate){
	alert("Coupon Expiry date can't end in past date");
	$("#end_date").val('');
	return false;
	}
	if( startdate > enddate){
     alert("Coupon Expiry date should be greater than start date");
     $("#end_date").val('');
    }
 }
 function my_start_date(){
	var end_Date=$("#end_date").val();
	var start_date=$("#start_date").val();
	var startdate = new Date(start_date);
	var enddate= new Date(end_Date);
	var todate=new Date();
	todate.setHours(0,0,0,0);
	if(startdate < todate){
	alert("Coupon date can't start in past date");
	 $("#start_date").val('');
	return false;
	}
	if(startdate > enddate){
     alert("Coupon start date should not be greater than expiry date");
     $("#start_date").val('');
    }
 } 
	</script>

	@stop