<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-success 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">
				<ul class="panel-controls">
                    <h4 class="page-content-title float-xs-left">Contact List</h4>
					<a href="{$data.base_url}contact/create">
						<span class="btn btn-primary float-xs-right">ADD NEW CONTACT</span>
					</a>
				</ul>
			</div>
					
			<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">

	            	<h4></h4>
					<table id="initscroll" border="1" data-plugin="datatable" data-scroll-x="true" data-b-auto-width="false" data-scroll-y="380" data-scroll-collapse="true" data-defer-render="false" data-paging="false" class="table table-striped table-hover display nowrap">
							<thead>
								<tr>
									<th>Name</th>
									<!-- <th>Address</th> -->
									<th>City</th>
									<th>Number</th>
									<th>Category</th>
									<th>Action</th>
									
									
								</tr>
							</thead>
							<tbody>
								{section name = i loop = $data.contact}
                                    <tr>
                                        <td>{$data.contact[i].name|upper}</td>
                                       <!--  <td>{$data.contact[i].address|nl2br}</td> -->
                                        <td>{$data.contact[i].city|upper}</td>
                                        <td>{$data.contact[i].mobile|upper}</td>
                                        <td>{$data.contact[i].catname|upper}</td>
                                       	<td>
                                       		<a href="{$data.base_url}contact/update/{$data.contact[i].id}">
                                        		 <span class="btn btn-primary"><i class="fa fa-pencil"></i></span>
                                        	</a>
                                        	<a href="{$data.base_url}contact/delete/{$data.contact[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>
</section>
 
 

 