{% extends "@crud\\crud.html.twig" %}
{% block jquery %}
{{ parent() }}
<script type="text/javascript">
$(function()
{
$("#buscar").click(function(e){
if ($('#cedula').val())
{
var url='{{ path('search_recluta_asignado', {'cedula': '__CEDULA__'}) }}';
url=url.replace('__CEDULA__',$('#cedula').val());
$('#contenedor_cambio').mask(' Buscando...');
$.getJSON(url , function(result){
$('#contenedor_cambio').unmask();
if (result.ok)
{
$('#resultados').removeClass('hide');
$('#base').val(result.base);
$('#centro').html(result.centros);
$('#unidad').html(result.unidades);
$('#unidad_asignada').val(result.unidad);
$('#recluta').val(result.recluta);
$('#asignado_a').html(result.asignado);
}
else
{
showError(bootbox, result.error);
}
});
}
});
$("#cambiar").click(function(e){
if ($('#unidad').val()!=$('#unidad_asignada').val())
{
var url='{{ path('do_cambiar_unidad', {'reclutaProceso': '__RECLUTA__', 'unidad': '__UNIDAD__'}) }}';
url=url.replace('__RECLUTA__',$('#recluta').val());
url=url.replace('__UNIDAD__',$('#unidad').val());
$('#contenedor_cambio').mask(' Cambiando...');
$.getJSON(url , function(result){
$('#contenedor_cambio').unmask();
if (result.ok)
{
showError(bootbox, 'Cambio realizado');
$('#resultados').addClass('hide');
$('#cedula').val('');
}
else
{
showError(bootbox, result.error);
}
});
}
else
{
showError(bootbox, 'No ha cambiado la unidad');
}
});
$("#base").change(function(e){
if ($("#base").val())
{
$('#resultados').mask(' Cargando...');
var url = '{{ path('load_centros_por_base', {'base': '__BASE__'}) }}';
url = url.replace('__BASE__', $("#base").val());
$('#centro').load(url, function(){
$('#unidad').html('');
$('#resultados').unmask();
});
}
});
$("#centro").change(function(e){
if ($("#centro").val())
{
$('#resultados').mask(' Cargando...');
var url = '{{ path('load_unidades_por_centro', {'centro': '__CENTRO__'}) }}';
url = url.replace('__CENTRO__', $("#centro").val());
$('#unidad').load(url, function(){
$('#resultados').unmask();
});
}
});
});
</script>
{% endblock %}
{% block content %}
<div class="widget-box transparent">
<div class="widget-header widget-header-flat">
<h4 class="widget-title lighter">
<i class="fas fa-pencil-alt orange"></i>
Cambiar unidad a recluta
</h4>
<!--div class="widget-toolbar">
<a href="#" data-action="collapse">
<i class="fas fa-chevron-up"></i>
</a>
</div-->
</div>
<div id='contenedor_cambio' class="widget-body" style="display: block;">
<div class="widget-main no-padding">
<br>
<table>
<thead>
<tr>
<td style='padding: 8px'>
Indique la cédula del recluta:
</td>
<td style='padding: 8px'>
<input id='cedula' type='text'> <button id='buscar'>Buscar</button>
</td>
</tr>
<thead>
<tbody id='resultados' class='hide'>
<tr>
<td style='padding: 8px'>
Asignado a:
<input id='unidad_asignada' type='hidden'>
<input id='recluta' type='hidden'>
</td>
<td style='padding: 8px' id='asignado_a'>
jajajajajaja
</td>
</tr>
<tr>
<td style='padding: 8px'>
Cambiar a:
</td>
<td style='padding: 8px'>
</td>
</tr>
<tr>
<td style='padding: 8px'>
Base Movilización:
</td>
<td style='padding: 8px'>
<select id='base'>
{% for base in bases %}
<option value='{{ base.id }}'>{{ base }}</option>
{% endfor %}
</select>
</td>
</tr>
<tr>
<td style='padding: 8px'>
Centro Movilización:
</td>
<td style='padding: 8px'>
<select id='centro'>
</select>
</td>
</tr>
<tr>
<td style='padding: 8px'>
Unidad Militar:
</td>
<td style='padding: 8px'>
<select id='unidad'>
</select>
</td>
</tr>
<tr>
<td style='padding: 8px'>
</td>
<td style='padding: 8px'>
<button id='cambiar'>Cambiar</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
{% endblock %}