<script>
$(document).ready(function(){
	var colsNames = ['id','Nombre','Identidad','Correo','Teléfono', 'Celular'];
	var colsModel = [ 
		{name:'id',index:'id', width:55, hidden: true},
		{name:'Nombre', index:'Nombre', sopt: 'like', formatter: function(cellvalue, options, rowObject){
				return jqGridCreateLink('mantenimiento/Cliente/' + rowObject.id, cellvalue);
			}},
		{name:'Identidad',index:'Identidad', width:35,sopt: 'like',},
		{name:'Correo', index:'Correo', width: 40, search: false, formatter: function(cellvalue, options, rowObject){
			return '<a href="mailto:' + cellvalue + '">' + cellvalue + '</a>';
		}},
		{name:'Telefono', index:'Telefono', width: 35, search: false},
		{name:'Celular', index:'Celular', width: 35, search: false},
	];	
		
	var grid = jqGridStart('list', 'pager', 'mantenimiento/ajax/CargarClientes', colsNames, colsModel, '', '' );

	grid.jqGrid('filterToolbar', {stringResult: true, searchOnEnter: true});
})
</script>
<div class="row">
	<div class="col-md-12">
		<div class="page-header">
			<a class="btn btn-default pull-right" href="<?php echo base_url('index.php/mantenimiento/cliente'); ?>">
				<span class="glyphicon glyphicon-file"></span>
				Nuevo Cliente
			</a>
			<h1>Clientes</h1>
		</div>
		<ol class="breadcrumb">
		  <li><a href="<?php echo base_url('index.php'); ?>">Inicio</a></li>
		  <li class="active">Clientes</li>
		</ol>
		<div class="row">
			<div class="col-md-12">
				<div class="table-responsive">
					<table id="list"></table>
					<div id="pager"></div>
				</div>
			</div>
		</div>
	</div>
</div>

