{% extends "base/templates/base.html" %}
<script type="text/javascript" src="{% url 'comextweb.helpers.utils.mediaurl' application='apps/frontend/persona' folder='media' %}js/persona.js?v={{settings.JS_VERSION}}"></script>

{% block breadcumb %}
	<ul class="breadcrumb">
		<li><a href="/"><i class="icon-home2 position-left"></i>Principal</a></li>
		<li class="active">Registrar GPS</li>
	</ul>
{% endblock %}

{% block content %}
<div class="tabbable tab-content-bordered">
	<form id="registrar_bodega" method="post" name="RegistrarGpsForm">
		{% csrf_token %}
		{{form.id}}{{form.errors.id}}
		{{ form.non_field_errors }}
	
		
		<ul class="nav nav-tabs nav-tabs-highlight">
			<li class="active"><a href="#informacion_general" data-toggle="tab">Información General</a></li>
		</ul>
		<div class="tab-content">
			<!-- informacion general -->
			<div class="tab-pane has-padding active" id="informacion_general">
				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label>Estado:</label>
							{{ form.estado }}{{ form.errors.estado }}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label>IMEI:</label>
							{{ form.imei }}{{ form.errors.imei }}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label>Marca:</label>
							{{ form.marca }}{{ form.errors.marca }}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label>Modelo:</label>
							{{ form.modelo }}{{ form.errors.modelo }}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label>Número Teléfono:</label>
							{{ form.numero_telefono }}{{ form.errors.numero_telefono }}
						</div>
					</div>
				</div>
			</div>
			<!-- /informacion general -->
		</div>
		
		<br/>
		
		<div class="row">
			<div class="col-sm-2">
				<div class="form-group">
					<button class="btn btn-success btn-sm" onclick="registrarGps(this);"><span class="icon-floppy-disk"></span> Guardar</button>
				</div>
			</div>
		</div>
	</form>
</div>
{% endblock %}
{% block footer_js %}
	<script type="text/javascript">
		$(function(){
		});
	</script>
{% endblock %}