@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>


<style type="text/css">
.showhide {  
	display:none;
}
.row{margin-top:10px;}
.has-error .form-control { border-color: #e74c3c; }
</style>
<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>



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

			<div class="container">

				<h2>Add New Coupon</h2>
				<form class="form-horizontal add_form" method="POST" action="">
					{{ csrf_field() }}
					<div class="col-md-9">
						<div class="row">

							<div class="col-sm-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="{{ old('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 class="control-label" for="code"><p>Code <b style="color: #ec1515;">*</b></p></label>

								<input type="text" class="form-control required" id="coupon_code" name="coupon_code" value="{{ old('coupon_code') }}" onblur="coupon_space_check()" >
								@if ($errors->has('coupon_code'))
								<span class="help-block">
									<strong style = "color: #e74c3c;">{{ $errors->first('coupon_code') }}</strong>
								</span>
								@endif
							</div>
						</div>

						<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>
								
								<!--<select class="form-control selectWidth" 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>
						<br />

						<div class="row">

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

						</div><br />




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

								<label><input type="radio" id="all" name="all_programs" value="1" onclick="yesnoCheck() ;" checked />All Classes</label>
								<label><input type="radio" id="program" name="all_programs" value="2"  onclick="yesnoCheck();" />Select Classes </label>

							</div>
						</div>


						<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"  >
									@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>

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

							</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="{{ old('coupon_amount') }}" id="coupon_amount" name="coupon_amount" placeholder="Amount"  aria-label="Amount (to the nearest dollar)" 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></div>
						
						 <!--<div class="row">
							<div class="col-md-12">
								<label class="control-label" for="code">Applies to</label>        

								<select class="form-control selectWidth" name="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" type="select" name="usage" data-toggle="dropdown">
										@foreach($usage as $key => $usages)
										<option value="{{ $key }}" >{{ $usages}}</option>
										@endforeach
										<span class="caret"></span></select>-->

									</div>

								</div>

								<div class="row">

									<div class="col-md-6{{ $errors->has('start_date') ? ' has-error' : '' }}">
										<label for="start_date" class="control-label"><p>Start Date <b style="color: #ec1515;">*</b></p></label>


										<!--<input type="date" class="form-control required" value="{{ old('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="{{ old('start_date') }}" 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"><p>Expiry Date <b style="color: #ec1515;">*</b></p></label>


										<!--<input type="date" class="form-control required" value="{{ old('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="{{ old('end_date') }}" 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">Save</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></div>
								<br /><br />
							</div>
						</form>
					</div>


					<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
					{!! 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()
					$(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">
					

					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');
   });
					
					 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('');
    }
	
	
 } 
 
 function coupon_space_check(){
 var coupon_code=$("#coupon_code").val();
 var newMyText = coupon_code.replace(/ /g,'');
 $("#coupon_code").val(newMyText);
 }
					</script>
					
				</div>
			</div>
		</div>


		@stop