<!-- MAIN CONTENT WRAPPER -->		
<script src="assets/js/king-table.js"></script>
<?php
/*
			<!-- main -->
			<div class="col-lg-12">
					<ul class="breadcrumb">
						<li><i class="fa fa-home"></i><a href="/home">Home</a></li>
						<!--<li><a href="#">Forms</a></li>-->
						<li class="active">Designation</li>
					</ul>
			</div>
*/
?>
			<div class="content">
				<div class="main-content">
					<div class="row">
                    	
                        <div class="col-md-4">
							<!-- ADVANCED VALIDATION -->
							<div class="widget">
								<div class="widget-header">
									<h3><i class="fa fa-check-circle"></i> User Type</h3></div>
								<div class="widget-content">
                    <form id="frmmain" name="frmmain" data-parsley-validate novalidate>
                    <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
					<input type="hidden" name="ut_id" id="ut_id">
<?php echo csrf_field(); ?>           
<div class="alert  alert-info " >
    <ul><li class="fa fa-cog  fa-1x fa-fw"></li>Kindly enter User type..</ul>
</div>						
<div class="alert alert-success print-success-msg" style="display:none">
    <ul></ul>
</div>	
<div class="alert alert-danger print-error-msg" style="display:none">
    <ul></ul>
</div>

                        <div class="form-group">
                            <label for="text-input1">User type*</label>
                            <input type="text" name="usertype" id="usertype" class="form-control" >
                            <small class="text-danger" id="errusertype"></small>
                        </div>
                        <div class="form-group">
                            <label>Description</label>
                            <textarea class="form-control" name="description" id="description" rows="5" cols="30" ></textarea>
                            <small class="text-danger" id="errdescription" ></small>
                        </div>
                        <div class="form-group">
                            <label for="multiselect1">Status*</label>
                            <br/>
                                <select name="status" id="status" class="form-control input-lg" required>
                                    <option value="Active">Active</option>
                                    <option value="Inactive">Inactive</option>
                                </select>
                            <small class="text-danger" id="errstatus"></small>
                        </div>
                        <br/>
                        <button type="submit" id="submit" name="submit" class="btn btn-primary">Submit</button>
                    </form>
								</div>
							</div>
							<!-- END ADVANCED VALIDATION -->
						</div>
                    
						<div class="col-md-8">
							<!-- BASIC VALIDATION -->
								<div class="widget widget-table">
						<div class="widget-header">
							<h3><i class="fa fa-table"></i> View user types</h3> 
                        </div>
						<div class="widget-content">
	<table id="datatable-data-export" class="table table-sorting table-striped table-hover table-bordered datatable">
		<thead>
			<tr>
				<th>User type</th>
				<th>Description</th>
				<th>Status</th>
				<th>Action</th>
			</tr>
		</thead>
		<tbody>
		<?php $__currentLoopData = $data['UserType']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $UserType): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
			<tr>
				<td><?php echo e($UserType->ut_type); ?></td>
				<td><?php echo e($UserType->ut_description); ?></td>
				<td><?php echo e($UserType->ut_status); ?></td>				
<td> 
	<span class="btn btn-default btn-xs editlink"  onclick="Edit(<?php echo e($UserType->ut_id); ?>)">Edit</span>  
	<span class="btn btn-default btn-xs" onclick="Delete(<?php echo e($UserType->ut_id); ?>)">Delete </span>
</td>
			</tr>
		<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
		</tbody>
	</table>
							
						</div>
					</div>
							<!-- END BASIC VALIDATION -->
						</div>

					</div>
				</div>
			</div>
			<!-- /main -->

<script type="application/javascript">
i=0;
                       $(document).on('submit', '#frmmain', function()
                       {
						 		$(".alert-info").find("ul").html('<li class="fa fa-cog fa-spin fa-1x fa-fw"></li>Processing...');
							   
								var _token = $("input[name='_token']").val();
								var usertype = $("input[name='usertype']").val();
								var description = $("#description").val();
								var status = $("#status").val();
								
								document.getElementById("errusertype").innerHTML = "";
						   
							   if(usertype == "")
							   {
									document.getElementById("errusertype").innerHTML = "User type should not be empty...";
									$(".alert-info").find("ul").html('<li class="fa fa-cog fa-1x fa-fw"></li>Kindly check the error...');
							   }
							   else
							   {
								  if(i==0)
                                  { 
								   i++;
								   //alert(i);
										$.ajax({
											url: "/utype",
											type:'POST',
											data: {_token:_token, usertype:usertype, description:description, status:status},
											success: function(data) {											
												if(data.status == 1)
												{
													printSuccessMsg(data.message);
													$('#sideMenu').load('usertype');
												}
												else
												{
													printErrorMsg(data.message)
												}
											}
										});					   
									}						
							   }						

							function printErrorMsg (msg) {
								$(".alert-info").css('display','none');
								$(".print-success-msg").css('display','none');
								$(".print-error-msg").find("ul").html('');
								$(".print-error-msg").css('display','block');
								$(".print-error-msg").find("ul").append('<li class="fa fa-times-circle fa-1x fa-fw"></li>'+msg);
							}
							
							function printSuccessMsg (msg) {
								$(".alert-info").css('display','none');
								$(".print-error-msg").css('display','none');
								$(".print-success-msg").find("ul").html('');
								$(".print-success-msg").css('display','block');
								$(".print-success-msg").find("ul").append('<li class="fa fa-check  fa-1x fa-fw"></li>'+msg);
								//Code to redirect page
								//var url = "/dashboard";
								//$(location).attr('href',url);
							}
                        	return false;
                       });

function Edit(id)
{
	$.ajax({
		type: "GET",
		url:"/editusertype",
		dataType: "json",
		data: {
			'_token': $('input[name=_token]').val(),
			'id': id
		},
		success: function (data) {
		 $.each(data,function(i,obj)
			{  
				 $('#ut_id').val(obj.ut_id);
				 $('#usertype').val(obj.usertype);
				 $('#description').val(obj.description);
				 $('#status').val(obj.status);
			 });  
			}
	  });  
}
</script>					  