104 lines
3.9 KiB
HTML
104 lines
3.9 KiB
HTML
|
|
|
|
{% extends 'base.html' %}
|
|
|
|
|
|
{% block titulo %}Registro de Grupo de Trabajos {% endblock %}
|
|
|
|
|
|
{% block vertical %} {% include 'partes/vertical.html' %} {% endblock %}
|
|
|
|
|
|
{% block horizontal %} {% include 'partes/horizontal.html' %} {% endblock %}
|
|
|
|
|
|
|
|
{% block seccion %}
|
|
<div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-4">
|
|
<div>
|
|
<h3 class="fw-bold mb-3">Formulario de Registro de Grupo de Trabajo</h3>
|
|
<h6 class="op-7 mb-2">Servicio de Transporte del Ejército Bolivariano</h6>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
|
|
|
|
|
|
{% block contenido %}
|
|
|
|
<div class="container mt-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 col-lg-10">
|
|
<div class="card shadow-lg border-primary">
|
|
<div class="card-header bg-primary text-white py-3">
|
|
<h3 class="mb-0 text-center">
|
|
<i class="bi bi-clipboard-data me-2"></i>Registrar Grupo de Trabajo
|
|
</h3>
|
|
</div>
|
|
<div class="card-body p-4">
|
|
<form method="post" class="ajax-form">
|
|
{% csrf_token %}
|
|
<div class="row mb-3">
|
|
<div class="col-md-6">
|
|
<label for="{{ form.grado.id_for_label }}" class="form-label">{{ form.grado.label }} <span class="text-danger">*</span></label>
|
|
{{ form.grado }}
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="{{ form.nombres.id_for_label }}" class="form-label">{{ form.nombres.label }} <span class="text-danger">*</span></label>
|
|
{{ form.nombres }}
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-md-6">
|
|
<label for="{{ form.cargos.id_for_label }}" class="form-label">{{ form.cargos.label }} <span class="text-danger">*</span></label>
|
|
{{ form.cargos }}
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="{{ form.director.id_for_label }}" class="form-label">{{ form.director.label }} <span class="text-danger">*</span></label>
|
|
{{ form.director }}
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-md-12 text-end">
|
|
<button type="reset" class="btn btn-outline-danger me-2">
|
|
<i class="bi bi-eraser me-2"></i>Limpiar
|
|
</button>
|
|
<button type="submit" class="btn btn-success me-2">
|
|
<i class="bi bi-check-circle me-2"></i>Guardar
|
|
</button>
|
|
<a href="{% url 'listar_subjefes' %}" class="btn btn-secondary async-link" data-url="{% url 'listar_subjefes' %}">
|
|
<i class="bi bi-x-circle me-2"></i>Cancelar
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<style>
|
|
.card {
|
|
border-radius: 15px;
|
|
}
|
|
.card-header {
|
|
border-radius: 15px 15px 0 0 !important;
|
|
}
|
|
.form-control:focus, .form-select:focus {
|
|
border-color: #0d6efd;
|
|
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
|
|
}
|
|
.btn-outline-danger:hover {
|
|
background-color: #dc3545;
|
|
color: white;
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
|
|
|
|
{% block pie %} {% include 'partes/pie.html' %} {% endblock %}
|
|
|