@extends('layouts.default')
@section('content')
<div class="right_col" role="main">
  	<div class="">
	    <div class="page-title">
	      	<div class="title_left">
	        	<h3>Refer Friend</h3>
	      	</div>
	    </div>
	    {{ Userdefined::showMessage() }}
	    <div class="row">
        	<div class="col-md-12 col-sm-12 col-xs-12">
            	<div class="x_panel">
	            	<div class="x_content">
						<h3 class="col-md-12">Refer Friend</h3>
				     	<form id="refer_friend_form" action=" " method="post" class="form-horizontal form-label-left" data-toggle="validator">
				     		<div class="row">
			              		<div class="row">
				              		<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
					                  	<label class="control-label col-md-3 col-sm-3 col-xs-12">Refer Student Name<i class="mandatory">*</i></label>
					                  	<div class="col-md-9 col-sm-9 col-xs-12">
					                    	<input type="text" id="refer_s_name" name="refer_s_name" class="form-control" required maxlength="50">
					                    	<div class="help-block with-errors"></div>
					                  	</div>
					                </div>
					                <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
					                  	<label class="control-label col-md-3 col-sm-3 col-xs-12">Email<i class="mandatory">*</i></label>
					                  	<div class="col-md-9 col-sm-9 col-xs-12">
					                    	<input type="email" id="refer_s_email" name="refer_s_email" class="form-control" pattern="[a-z0-9._-]+@[a-z0-9.-]+\.[a-z.]{2,}$" data-pattern-error="Also, include a TLD. (Example: .com, .co.in, .co.us ...)" required maxlength="50">
					                    	<div class="help-block with-errors"></div>
					                  	</div>
					                </div>
				               	</div>
				                <div class="row">
					                <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
					                  	<label class="control-label col-md-3 col-sm-3 col-xs-12">Mobile<i class="mandatory">*</i></label>
					                  	<div class="col-md-9 col-sm-9 col-xs-12">
					                    	<input type="text" id="refer_s_mobile" name="refer_s_mobile" class="form-control" data-inputmask="'mask' : '(999) 999-9999'" pattern="^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$" data-pattern-error="Valid Mobile Number Format. Example:(011) 123-4567" required maxlength="14">
					                    	<div class="help-block with-errors"></div>
					                  	</div>
					                </div>
				                </div>
			              	</div>
				            <div class="col-md-12 text-right">
				               	<div class="btn-group">
				                  	<button type="submit" class="btn btn-success btn-md col-md-offset-0" name="refer_friend" value="1">Submit</button>
				               	</div>
				            </div>
				            {{ csrf_field()}}
				     	</form>
			     	</div>
		     	</div>
	     	</div>
     	</div>
     	<div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
	            <div class="x_content">
                   	<table class="table table-striped table-bordered dt-responsive nowrap datatable-responsive jambo_table" cellspacing="0" width="100%">
	             	<thead>
	                    <tr>
	                      	<th>S.No</th>
	                      	<th>Refer Name</th>
	                      	<th>Refer Email</th>
	                      	<th>Refer Mobile</th>
	                    </tr>
	   				</thead>
	 				<tbody>
	              	 	@foreach($refer_list as $k=>$refer_lists)
	                    <tr style="text-align: center">
	                      	<td>{{ $k+1 }}</td>
	                      	<td>{{ $refer_lists->refer_s_name }}</td>
	                      	<td>{{ $refer_lists->refer_s_email }}</td>
	                      	<td>{{ $refer_lists->refer_s_mobile }}</td>
	                    </tr>
						@endforeach
	 				</tbody>
				</table>
          		</div>
            </div>
        </div>
 	</div>
 	</div>
</div>
@stop