@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 Multi Person Discounts</h2>
		<form class="form-horizontal add_form" method="POST" action="">
			{{ csrf_field() }}
			<div class="col-md-9">
			<div class="row">

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

					
					<input type="text" class="form-control required" value="{{ old('discount_name') }}" id="discount_name" name="discount_name" >

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

				</div>
			</div>

		<!--<div class="row">
				<div class="col-md-12">
					<label class="control-label" for="code">Number of Users</label>
				 
					<select class="form-control" id="no_of_users" name="no_of_users" >
					<option value="0">Select Number of Users</option>
					@foreach($number as $key => $numbers)
					 <option value="{{$key}}">{{$numbers}}</option>
					@endforeach
					</select>

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

				</div>
			</div> 
			<br />-->
			<div class="row">
               <div class="col-md-12{{ $errors->has('cls_locations') ? ' has-error' : '' }}">
                   <label class="control-label" for="code"><p>Classes Location</p>
                   </label>        

                   <select name="cls_locations[]" id="locations" class="form-control cls_locations" multiple="multiple" >
                       @foreach($cls_location as $location)
                       <option value="{{ $location->loc_id }}">{{ $location->loc_name }}</option>
                       @endforeach
                   </select>

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

           </div>
<div class="row">
               <div class="col-md-12{{ $errors->has('cls_type') ? ' has-error' : '' }}">
                   <label class="control-label" for="code"><p>Category<b style="color: #ec1515;">*</b></p>
                   </label>   
				  	<select name="cls_type[]" id="programTypes" class="form-control ptypes required" multiple="multiple">
					@foreach($classes_type as $type)
					<option value="{{ $type->cls_prg_id }}">{{ $type->program }}</option>
					@endforeach
					</select>  
                                  </div>

           </div><br/> <div class="row">
               <div class="col-md-12{{ $errors->has('cls_type') ? ' has-error' : '' }}">
                   <label class="control-label" for="code"><p>Sub Category</p>
                   </label>   
				  	<select name="sub_categories[]" id="sub_categories" class="form-control sub_categories" multiple="multiple">
			        </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('multiperson_discount_eligible_programs[]') ? ' has-error' : '' }}" id="autoUpdate" style="visibility:hidden"  >

								<select name="multiperson_discount_eligible_programs[]" id="classes" class="form-control" multiple="multiple"  >
									<!--@foreach($classes as $key => $class)
									<option value="{{ $key }}">{{ $class }}</option>
									@endforeach-->
								</select>

								@if ($errors->has('multiperson_discount_eligible_programs[]'))
								<span class="help-block">
									<strong>{{ $errors->first('multiperson_discount_eligible_programs[]') }}</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-3">
		 <input type="radio" class="radio-check required" name="Radio" id="Radio" value="1" checked>Fixed
		 <label hidden >$</label>
		 <input class="radio-check required" type="radio" name="Radio" id="Radio" value="2" >Percentage
		 <label hidden >%</label>

	 </div>

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

			<div id="Amount">
				<div class="input-group">
					<span class="input-group-addon" id="spanOne">$</span>
					<input type="text" class="form-control required" value="{{ old('discount_amount') }}" id="discount_amount" name="discount_amount" placeholder="Amount"  aria-label="Amount (to the nearest dollar)" >
				</div>
			</div>

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


		</div> 
	</div>
</div>
&nbsp;<!--
 <div class="row">
	<div class="col-md-12">
		<label class="control-label" for="code"><p>Application Order<b style="color: #ec1515;">*</b></p></label>


		<select class="form-control" id="application_order" name="application_order" >
			<option value="1">Organisation</option>
			<option value="2">User</option>

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

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

<div class="row">
	<div class="col-md-12">
		<label class="control-label" for="code">Details</label>


		<select class="form-control" id="discount_details" name="discount_details" >
		</select>

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

	</div>
</div> 
<br />
-->
<!-- <div class="row" style="text-align: center;">
 <div class="col-md-4">
	 <strong>1st user</strong><br />
	 <img src="{{ asset('images/Person.png') }}"><br />       
	 <strong class="input-group-addon" id="spanOne"></strong>
 </div>

 <div class="col-md-4">
	 <strong>2nd user</strong><br />
	 <img src="{{ asset('images/Person.png') }}"><br />
	 <strong class="input-group-addon" id="spanOne"></strong>
 </div>

 <div class="col-md-4">
	 <strong>All others</strong><br />
	 <img src="{{ asset('images/People.png') }}"><br />
	 <strong class="input-group-addon" id="spanOne"></strong>
 </div>

</div> -->

<hr />
<div class="row">
 

<div class="col-md-6">     
 <button type="submit" class="btn-primary" >Save</button>
</div>
<div class="col-md-6">
	<a href="{{ url('discounts/person')}}" type="button"  style="color:#50A4D7; float:right;" class="cancle-btn">Cancel</a>
</div>
</div>
<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>
					 $('.start_date').datepicker({
                   format: "mm/dd/yyyy",
                   startDate: new Date(),
				   //autoclose: true
                   
               });
					 //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: false
						});
						$('.ptypes').select2({
							placeholder : 'Select Classes',
							tags: false
						});
						$('.sub_categories').select2({
							placeholder : 'Select Classes',
							tags: false
						});
					});
					</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>
	<script>
               $(document).ready(function(){
                   $('#locations').select2({
                       placeholder : 'Select Locations',
                       tags: false
                   });
               });
           </script>
           <script>
               $(document).ready(function(){
                   $('#programTypes').select2({
                       placeholder : 'Select Program types',
                       tags: false
                   });
				    $('#sub_categories').select2({
                       placeholder : 'Select Sub Category',
                       tags: false
                   });
               });
			   
			    $(function() {
 $('.ptypes').on('change', function(e){
 val=$(".ptypes").val();
 var loc=$(".cls_locations").val();
 var sub_cat=$(".sub_categories").val();
  if(val=='' && loc==''){
 $('#classes').html('');
 return false;
 }
 if(val==''){
 val=0;
 }
 if(loc==''){
 loc=0;
 }
   if(sub_cat==''){
 sub_cat=0;
 }
 
$.ajax({
	type: "GET",
    dataType: "json",
	 url: "{{ URL::to('admin/coupons_ptypes') }}" + "/" + val + "/" + loc + "/" + sub_cat,
	success: function(data){
	$('#classes').html(data['classes']);
    $('#sub_categories').html(data['sub_categories']);
	}
	}); 
 });
  
 $('.cls_locations').on('change', function(e){
 val=$(".ptypes").val();
 var loc=$(".cls_locations").val();
 var sub_cat=$(".sub_categories").val();
  if(val=='' && loc==''){
 $('#classes').html('');
 return false;
 }
 if(val==''){
 val=0;
 }
 if(loc==''){
 loc=0;
 }
  if(sub_cat==''){
 sub_cat=0;
 }
$.ajax({
	type: "GET",
	dataType: "json",
	 url: "{{ URL::to('admin/coupons_ptypes') }}" + "/" + val + "/" + loc + "/" + sub_cat,
	success: function(data){
	//$('#classes').html(data);
	$('#classes').html(data['classes']);
	}
	}); 
 });
 
 
 
   $('.sub_categories').on('change', function(e){
 val=$(".ptypes").val();
 var sub_cat=$(".sub_categories").val();
  var loc=$(".cls_locations").val();
  if(val=='' && loc==''){
 $('#classes').html('');
 return false;
 }
 if(val==''){
 val=0;
 }
 if(loc==''){
 loc=0;
 }
 if(sub_cat==''){
 sub_cat=0;
 }
$.ajax({
	type: "GET",
	 dataType: "json",
	 url: "{{ URL::to('admin/coupons_ptypes') }}" + "/" + val + "/" + loc + "/" + sub_cat,
	success: function(data){
	$('#classes').html(data['classes']);
	}
	}); 
 });
 
 });

           </script>				

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


@stop