@extends('layouts.merchant-backend-layout') 
@section('content')
<div class="content-wrapper merchant-right-side">
	

	<section class="content">
          <div class="row">
           <div class="col-md-8">
				<div class="box box-warning">
                	<div class="box-header with-border">
                  			<h3 class="box-title">Create New Coupon</h3>
              	  </div><!-- /.box-header -->
              		 @include('includes.messages')
            
                <div class="box-body">
                 {{Form::open(array('url'=>'merchant/createtoken','method'=>'POST','role'=>"form",
							'files'=>true,'id'=>'adds-add-form'))}}
							
				<div class="row">
					<div class="col-md-4">
						<div class="form_group">
								{{ Form::label('title', 'Coupon Name',['class' => 'required']) }}
								{{Form::text('name',Input::old('name'),array('class' => 'required form-control','id' => 'name' ))}}
						</div>
					</div>
					<div class="col-md-4">
						<div class="form_group">
						{{Form::label('Timing','Location',array('class'=>'required'))}}
						{{Form::text('location',Input::old('location'),array('class' => 'required form-control', 'id' => 'location'))}}
						</div>
					</div>
				</div>
				<br>		
				<div class="row">
					<div class="col-md-4">	
						<div class="form_group">
							{{ Form::label('title', 'Validity Period (in Days)',['class' => 'required']) }}
							{{Form::text('validity',Input::old('validity'),array('class' => 'required numericOnly form-control' , 'id' => 'validity'))}}
						</div>
					</div>
					<div class="col-md-8">
						<div class="form_group">
						{{ Form::label('title', 'Terms & Conditions',['class' => 'required']) }}
						{{Form::textarea('terms',Input::old('terms'),array('class' => 'required form-control','rows'=>'3'))}}
						</div>
					</div>
				</div>
		<br>
		<div class="row">
		<div class="col-md-4">
					<div class="row">
						<div class="col-md-6">
						{{ Form::label('title', 'Valid From',['class' => 'required']) }}
									<select name="vfrom" class="form-control">
										<option value="" >Time</option>
										<option value="00.01">00.01</option>
																			   <option value="01.00">01.00</option>
									   									   <option value="02.00">02.00</option>
									   									   <option value="03.00">03.00</option>
									   									   <option value="04.00">04.00</option>
									   									   <option value="05.00">05.00</option>
									   									   <option value="06.00">06.00</option>
									   									   <option value="07.00">07.00</option>
									   									   <option value="08.00">08.00</option>
									   									   <option value="09.00">09.00</option>
									   									   <option value="10.00">10.00</option>
									   									   <option value="11.00">11.00</option>
									   									   <option value="12.00">12.00</option>
									   									   <option value="13.00">13.00</option>
									   									   <option value="14.00">14.00</option>
									   									   <option value="15.00">15.00</option>
									   									   <option value="16.00">16.00</option>
									   									   <option value="17.00">17.00</option>
									   									   <option value="18.00">18.00</option>
									   									   <option value="19.00">19.00</option>
									   									   <option value="20.00">20.00</option>
									   									   <option value="21.00">21.00</option>
									   									   <option value="22.00">22.00</option>
									   									   <option value="23.00">23.00</option>
									   								</select>
						</div>
						<div class="col-md-6">
							{{ Form::label('title', 'Valid Till',['class' => 'required']) }}
							<select name="vto" class="form-control">
								<option value="">Time</option>
																<option value="01.00">01.00</option>
																<option value="02.00">02.00</option>
																<option value="03.00">03.00</option>
																<option value="04.00">04.00</option>
																<option value="05.00">05.00</option>
																<option value="06.00">06.00</option>
																<option value="07.00">07.00</option>
																<option value="08.00">08.00</option>
																<option value="09.00">09.00</option>
																<option value="10.00">10.00</option>
																<option value="11.00">11.00</option>
																<option value="12.00">12.00</option>
																<option value="13.00">13.00</option>
																<option value="14.00">14.00</option>
																<option value="15.00">15.00</option>
																<option value="16.00">16.00</option>
																<option value="17.00">17.00</option>
																<option value="18.00">18.00</option>
																<option value="19.00">19.00</option>
																<option value="20.00">20.00</option>
																<option value="21.00">21.00</option>
																<option value="22.00">22.00</option>
																<option value="23.00">23.00</option>
																<option value="23.59">23.59</option>
							</select>
						</div>
					</div>


		</div>
				<div class="col-md-8">
						<div class="form_group">
							{{ Form::label('title', 'Valid on the following days',['class' => 'required']) }}<br>
				
				 		   <div class="ck-button">
							    	<label>
								     	<input type="checkbox" class="hidden" name='day[]' value="1"><span>SUN</span>
								   	</label>
								   	<label>
								     	<input type="checkbox" class="hidden" name='day[]' value="2"><span>MON</span>
								   	</label>
								   	<label>
								     	<input type="checkbox" class="hidden" name='day[]' value="3"><span>TUE</span>
								   	</label>
								   	<label>
								     	<input type="checkbox" class="hidden" name='day[]' value="4"><span>WED</span>
								   	</label>
								   	<label>
								     	<input type="checkbox" class="hidden" name='day[]' value="5"><span>THU</span>
								   	</label>
								   	<label>
								     	<input type="checkbox" class="hidden" name='day[]' value="6"><span>FRI</span>
								   	</label>
								   	<label>
								     	<input type="checkbox" class="hidden" name='day[]' value="7"><span>SAT</span>
								   	</label>
							 </div>
					</div>
				</div>
		</div>
		<br>
			<div class="row">
					<div class="col-md-4">
							@section('scripts')
								<script type="text/javascript">
					          function ShowHideDiv(chkPassport) {
					          var dvPassport = document.getElementById("dvPassport");
					          dvPassport.style.display = chkPassport.checked ? "block" : "none";
					           }
					     	  </script>
					     	  <script type="text/javascript">
					     	  	function myhide() {
								    var x = document.getElementById('dvPassport');
								    if (x.style.display === 'block') {
								        x.style.display = 'none';
								        document.getElementById('txtPassportNumber').value = "";
								    } else {
								        x.style.display = 'none';
								    }
								}	
					     	  </script>
					     	  <script type="text/javascript">
					     	  	function myhides() {
								    var x = document.getElementById('redeemdiv');
								    if (x.style.display === 'block') {
								        x.style.display = 'none';
								        document.getElementById('redeemtext').value = "";
								    } else {
								        x.style.display = 'none';
								          document.getElementById('redeemtext').value = "";
								    }
								}	
					     	  </script>
							@stop
							<label>Total No. of Times this
			                Coupon can be Issued
			                </label>
							<div class="checkbox">
					        		<label><input type="radio" style="margin-left: -18px;" name="check1" id="check1" onclick="myhide()" value="unlimited" >Unlimited</label>
					        </div>
						     <div>
							      <label for="chkPassport">
					              <input type="radio" id="chkPassport" name="check1" onclick="ShowHideDiv(this)" value="limited" /></label><span>Limited</span>
					             
					              
				             </div>
			      	     	  <div id="dvPassport" style="display: none">
				                Number :
				                <input type="text" id="txtPassportNumber" name="txtPassportNumber" />
			                 </div>
				    </div>
					<div class="col-md-4">

								<label>Total No. of Times this
	             				   Coupon can be Redeemed</label>	
								<div class="checkbox">
						        		<label><input type="radio"  style="margin-left: -18px;" name="redeemcheck" id="redeemcheck"  onclick="myhides()" value="unlimited"><span>Unlimited</span></label>
						        </div>
		        				<div>
			       					 
			       					 <input type="radio" id="customcheck" name="redeemcheck" value="limited" /><span>Limited</span>
			              		
		              			</div>

					             <div id="redeemdiv" style="display: none">
				               		 Number :
				                		<input type="text" id="redeemtext" name="redeemtext" />
			                 </div>

					</div>
			</div>
			<br>
	
			<div class="form_group">
				<input type="submit" class='btn btn-primary' name="addmore" onclick="return validateForm()" value="Save & Add more">&emsp;
				<input type="submit" class='btn btn-primary' onclick="return validateForm()" name="submit" value="Save">
			</div>
			{{Form::close()}}
        </div><!-- /.box-body -->
     </div>
</div>
</div>
<script>
 function validateForm() {
 	


   if(document.forms["adds-add-form"]["customcheck"].checked)
    {
    	var redeem_number=document.forms["adds-add-form"]["redeemtext"].value;

    	if(redeem_number == "")
    	{
    		alert("Please define the Redeem limit for this Coupon");
    		return false;
    	}

   }
   else if(document.forms["adds-add-form"]["chkPassport"].checked)
   {
   	var issue_limit=document.forms["adds-add-form"]["txtPassportNumber"].value;

    	if(issue_limit == "")
    	{
    		alert("Please define the Issue limit for this Coupon");
    		return false;
    	}


   }
  
   
  
}
</script>
<script>
$("#redeemtext,#txtPassportNumber").keypress(function (e) {
	if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        return false;
    }
});
</script>
</section>
<!-- /.content -->
</div>

@stop