<link id="site-color" rel="stylesheet" href="{$data.base_assets}layouts/layout-icon-menu/css/color/light/color-default.min.css"/>
 
<style type="text/css">
	.form-group {
 	   margin-bottom: 2px !important;
	}
	.form-control{
		padding: 0rem 0rem !important;
	}
	}

</style>
<section id="main" class="container-fluid" style="padding-top: 3px;">
	<div class="row">
		<section id="content-wrapper" class="form-elements">
			
		</section>
	 	<div class="content" >
	 		<div class="row">
		 		{if $data.message neq ''}
		 		<div class="col-sm-12">
		            <div class="alert alert-info alert-dismissible fade in" role="alert">
						<button type="button" class="close" data-dismiss="alert" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
						<strong>{$data.message}.</strong>
					</div>
				</div>
	            {/if}
	           	<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
	           		<div class="panel panel-default">
	           		  	<div class="panel-heading">                                
							<h3 class="panel-title">
								<h2>
									<span class="fa fa-user"></span>
									EVENT LIST
								</h2>
							</h3>
	                        <ul class="panel-controls  pull-right">
	                            <a href="{$data.base_url}event/create">
	                            	<button class="btn btn-small btn-success">ADD NEW EVENT</button>
	                            </a>
	                        </ul>
	                    </div>
	                    <div class="panel-body">
	                    	<table class="table datatable" id="customers2">
	                        	<thead>
									<tr>
										<th>Name</th>
										<!-- <th>Start Date</th>
										<th>End Date</th> -->
										<th>Action</th>
									</tr>
								</thead>
								<tbody>
									{section name = i loop = $data.event}
	                                    <tr>
	                                        <td>{$data.event[i].name|upper}</td>
	                                       <!--  <td>{$data.event[i].start_date|upper}</td>
	                                        <td>{$data.event[i].end_date|upper}</td> -->
	                                       	<td>
	                                       		<a href="{$data.base_url}event/update/{$data.event[i].id}">
	                                        		 <span class="btn btn-primary"><i class="fa fa-pencil"></i></span>
	                                        	</a>
	                                        	<a href="{$data.base_url}event/delete/{$data.event[i].id}">
	                                        		 <span class="btn btn-danger"><i class="fa fa-trash-o"></i></span> 
	                                        	</a>
	                                        </td>
	                                        
	                                       
	                                    </tr>   
	                                {/section}
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
 
 

 