<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Serviaseo S.A</title>
<link rel="stylesheet" type="text/css" href="../css/select2.css">
<style type="text/css">
body,td,th { font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
}
body { margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.kk { font-size: 14px;}
a:link { text-decoration: none;
}
a:visited { text-decoration: none;
}
a:hover { text-decoration: none;
}
a:active { text-decoration: none;
}
</style>
<script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
jQuery(document).ready(function($){ $(document).ready(function() { $('.selector').select2(); });
});
</script>
<script>
function multiplicar(){ m1 =document.getElementsByClassName("multiplicando").value; m2 =document.getElementsByClassName("multiplicador").value; //m1 = document.getElementById("multiplicando").value; //m2 = document.getElementById("multiplicador").value; r = m1*m2;
//document.getElementById("resultado").value = r; document.getElementsByClassName("resultado").value= r; }
</script>
<script>
var parametro;
function popupnit()
{<!----parametro2 = window.open("ventana_buscar.php","","width=400,height=300,top=146,left=459,directories=no, status=no, menubar=no,toolbar=no");--->parametro = window.open("ventana_buscarproveedor.php","","width=400,height=300,top=146,left=459,directories=no, status=no, menubar=no,toolbar=no");parametro.document.getElementById('1').value = "nombre_provvedor" ;parametro.document.getElementById('2').value = "nit_proveedor" ;//parametro.document.getElementById('3').value = "aseguradoranit" ;
}
</script>
<body>
<table width="45%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2" class="textcen"> </td>
</tr>
<tr>
<td width="28" height="21"><center>
<form name="form1" method="post" action="agregarr.php">
<table width="874" border="0" align="center" cellpadding="0" cellspacing="0" class="hg">
<tr>
<td height="32" colspan="3" bgcolor="#FF6600"><span class="texy"><center>
AGREGAR REPARACIÓN AL VEHICULO <? echo strtoupper($placa_reparaciones) ?>
</center></span></td>
</tr>
<tr>
<td> </td>
<td height="32" colspan="2"><input name="id_reparaciones" type="hidden" id="id_reparaciones" size="40"></td>
</tr>
<tr>
<td width="12"> </td>
<td width="137" height="32"><span class="texy">Placa:</span></td>
<td width="725"><input name="placa_reparaciones" type="text" id="placa_reparaciones" value="<?php echo $placa_reparaciones ?>" size="12" readonly></td>
</tr>
<tr>
<td> </td>
<td height="31"><span class="texy">Fecha Ingreso:</span></td>
<td><input name="fechaentrada_reparaciones" type="date" id="fechaentrada_reparaciones" value="<?php echo $fechaentrada_reparaciones ?>" size="40" required>
Hora Entrad:
<input name="hora1" type="text" class="hora1" id="hora1" value="00:00" size="5" /></td>
</tr>
<tr>
<td> </td>
<td height="32"><span class="texy">Fecha Salida:</span></td>
<td><input name="fechasalida_reparaciones" type="date" id="fechasalida_reparaciones" value="<?php echo $fechasalida_reparaciones ?>" size="40"> Hora Salida:
<input name="hora2" type="text" class="hora2" id="hora2" value="00:00" size="5" /></td>
<script>
document.querySelector('.hora1').addEventListener('keypress',validateHour); document.querySelector('.hora1').addEventListener('blur',formatHour); document.querySelector('.hora2').addEventListener('keypress',validateHour); document.querySelector('.hora2').addEventListener('blur',formatHour);
function validateHour( e )
{ e.preventDefault( );
if ( !isNaN(e.key) || e.key==':' )
{ var position = this.selectionStart;
var text = this.value;
var textStart = text.substr(0,position);
var textEnd = text.substr(this.selectionEnd);
var textNew;
if ( e.key != ':' || ( e.key == ':' && (textStart+textEnd).search(':') == -1 ) ) { textNew = textStart + e.key + textEnd;
if ( textNew.search(':') != -1 ) { var aText = textNew.split(':'); textStart = aText[0];
textEnd = aText[1];
if( textStart<24 && textEnd<60 )
{ if ( e.key == ':' && textStart.length < 2 )
{ if ( textStart.length == 0 )
{ position++;
}
textStart = textStart.padStart(2, '0');
position++;
}
textNew = textStart + ':' + textEnd;
}
else
{ return;
}
}
else
{ switch( textNew.length )
{ case 1:
break;
case 2:
if ( textNew >= 24 )
{ textNew = '00:' + textNew;
position = 4;
}
else if ( e.key == ':' )
{ textNew = textNew + ':';
position++;
}
break;
case 3:
if ( textNew.substr(0, 2) < 24 && textNew.substr(2, 1) < 60 )
{ textNew = textNew.substr(0, 2) + ':' + textNew.substr(2, 1);
}
else if ( textNew.substr(0, 1) < 24 && textNew.substr(1, 2) < 60 )
{ textNew = textNew.substr(0, 1).padStart(2, '0') + ':' + textNew.substr(2, 1);
}
else
{ return;
}
position++;
break;
case 4:
if ( textNew.substr(0, 2) < 24 && textNew.substr(2, 2) < 60 )
{ textNew = textNew.substr(0, 2) + ':' + textNew.substr(2, 2);
position++;
}
else
{ return;
}
break;
default:
return false;
}
}
if ( textNew.length <= 5 )
{ this.value = textNew;
this.selectionStart = ++position;
this.selectionEnd = this.selectionStart;
}
}
}
}
function formatHour()
{ var text = this.value;
if ( text != "" )
{ textPart = text.split(':');
if ( textPart.length == 2 )
{ textPart[0] = textPart[0].padStart(2, '0');
textPart[1] = textPart[1].padStart(2, '0');
}
else
{ switch ( text.length )
{ case 1:
case 2:
textPart[0] = 0;
textPart.push(text);
break;
case 3:
if ( text.substr(0, 1)<24 && text.substr(1, 2)<60 )
{ textPart[0] = text.substr(0, 1);
textPart.push(text.substr(1, 2));
}
else if ( text.substr(0, 2)<24 && text.substr(2, 1)<60 )
{ textPart[0] = text.substr(0, 2);
textPart.push(text.substr(2, 1));
}
break;
case 4:
textPart[0] = text.substr(0, 2);
textPart.push(text.substr(2, 2));
break;
}
}
if ( textPart.length == 2 )
{ textPart[0] = String(textPart[0]).padStart(2, '0');
textPart[1] = String(textPart[1]).padStart(2, '0');
this.value = textPart.join(':'); }
else
{ this.value = '';
}
}
}
</script>
<!------------Script para add campos--------------->
<script type="text/javascript">
$(document).ready(function(){ var maxField = 20; //Input fields increment limitation
var addButton = $('.add_button'); //Add button selector var wrapper = $('.field_wrapper'); //Input field wrapper var fieldHTML = '<div><table width="459" border="0" cellpadding="0" cellspacing="0"><tr><td width="32"><input name="cantidad_repuesto[]" type="text" class="form-control-file multiplicando" id="cantidad_repuesto" size="2" onChange="multiplicar();"/></td><td width="123"><input name="repuesto_repuesto[]" type="text" class="form-control-file" id="repuesto_repuesto" size="20" onkeyup="javascript:this.value=this.value.toUpperCase();"/></td><td width="89"><input name="proveedor_repuesto[]" type="text" class="form-control-file" id="proveedor_repuesto" size="14" onClick="popupnit()" readonly/></td><td width="80"><input name="nitproveedor_repuesto[]" type="text" class="form-control-file" id="nitproveedor_repuesto" size="12" readonly/></td><td width="75"><input name="valoruni_repuesto[]" type="text" class="form-control-file multiplicador" id="valoruni_repuesto" size="8" onChange="multiplicar();"/></td><td width="60"><input name="valortotal_repuesto[]" type="text" class="form-control-file resultado" id="valortotal_repuesto" size="8"/></td><a href="javascript:void(0);" style="color: blue; float:right;" class="remove_button" title="Remove field">X</a></table></div>'; //New input field html
var x = 1; $(addButton).click(function(){ if(x < maxField){ //Check maximum number of input fields x++; //Increment field counter
$(wrapper).append(fieldHTML); // Add field html
}
});
$(wrapper).on('click', '.remove_button', function(e){ //Once remove button is clicked e.preventDefault();
$(this).parent('div').remove(); //Remove field html x--; //Decrement field counter
});
});
</script>
</tr>
<tr>
<td> </td>
<td height="32"><span class="texy">Tipo Reparación:</span></td>
<td><select name="tipo_reparaciones" id="tipo_reparaciones">
<option value="">Seleccione</option>
<option value="Preventiva">Preventiva</option>
<option value="Correctiva">Correctiva</option>
</select></td>
</tr>
<tr>
<td> </td>
<td height="50" colspan="2"><table width="859" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="78">CANT</td>
<td width="181">REPUESTO</td>
<td width="152">PROVEEDOR</td>
<td width="79">NIT</td>
<td width="115">VALOR UNIT</td>
<td width="254">TOTAL</td>
</tr>
</table>
<div style="width:79%" class="field_wrapper">
<div style="width:100%">
<table width="448" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="123"><input name="cantidad_repuesto[]" type="text" class="form-control-file multiplicando" id="cantidad_repuesto" size="2" onChange="multiplicar();"/></td>
<td width="32"><input name="repuesto_repuesto[]" type="text" class="form-control-file" id="repuesto_repuesto" size="20" onkeyup="javascript:this.value=this.value.toUpperCase();"/></td>
<td width="89"><input name="proveedor_repuesto[]" type="text" class="form-control-file" id="proveedor_repuesto" onClick="popupnit()" size="14" readonly/></td>
<td width="80"><input name="nitproveedor_repuesto[]" type="text" class="form-control-file" id="nitproveedor_repuesto" size="12" readonly/></td>
<td width="75"><input name="valoruni_repuesto[]" type="text" class="form-control-file multiplicador" id="valoruni_repuesto" size="8" onChange="multiplicar();"/></td>
<td width="49"><input name="valortotal_repuesto[]" type="text" class="form-control-file resultado" id="valortotal_repuesto" size="8"/>
</td>
</tr>
</table>
</div>
</div>
<a href="javascript:void(0);" style='color:blue' class="add_button"><span class="kk">+ Repuesto</span></a></td>
</tr>
<tr>
<td> </td>
<td height="32"><span class="texy">Conductor</span></td>
<td><select style="width:250px" name="conductor_reparaciones" required="required" class="campos selector" id="conductor_reparaciones">
<option value="">Seleccione:</option>
<?php $query = $mysqli -> query ("SELECT * FROM conductores_nom WHERE estado_conductor='activo' AND pqr_conductor='1' ORDER BY nombre_conductor ASC"); while ($valores = mysqli_fetch_array($query)) {echo '<option value="'.strtoupper ($valores[nombre_conductor]).'">'.strtoupper ($valores[nombre_conductor]).'</option>'; }
?>
</select></td>
</tr>
<tr>
<td> </td>
<td height="32"><span class="texy">Estado Reparación:</span></td>
<td><select style="width:200px" name="estado_reparaciones" id="estado_reparaciones" class="campos selector" required>
<option value="Vigente" selected>Vigente</option>
<option value="Listo">Listo</option>
</select></td>
</tr>
<tr>
<td> </td>
<td height="32" colspan="2"><input type="submit" name="button" id="button" value="Aceptar">
<input type="submit" name="button2" id="button2" onClick="window.close();" value="Cancelar" />
</td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td height="30" colspan="3" bgcolor="#FF6600"> </td>
</tr>
</table>
</form>
</center></td>
<td width="550"> </td>
</tr>
<tr>
<td height="21" colspan="2"><p> </p>
</body>
</html>
