<article>
	<h1><span class="icon-text-document"></span> &nbsp;&nbsp;Plantillas</h1>
    <h2>Plantillas Compartidas</h2>
    <section>
		<p>
		Comparte con la comunidad <strong>Melissa</strong> y <strong>Clarissa</strong>, la experiencia y fiabilidad de crear reportes a través de plantillas y gane más tiempo en su elaboración. 
		</p>
		<p>Descargue o agregue plantillas:</p>
		<p>
			<input type="text" class="caja-texto catx" id="buscar" style="float: left" placeholder="Buscar Plantillas" onKeyUp="return buscarPlantilla($('#buscar').val());" />
			<a class="a_plan" onClick="nuevaPlantilla();"><span class="icon-add-to-list"></span> 
            Agregar Plantilla</a>
		</p>
		<br>
   		<p>
			<table>
				<thead>
					<tr>
						<th style="width:22px">&nbsp;</th>
						<th style="width:81px">Programa</th>
						<th style="width:290px">Descripcion</th>
						<th style="width:180px">Autor</th>
						<th style="width:60px">Entidad</th>
						<th style="width:22px"><span class="icon-download"></span></th>
					</tr>
				</thead>
			</table>
			<div style="text-align: center" id="listarPlantilla"></div>
			<table>
				<tfoot>
					<tr>
						<td style="width:654px; color: #3E4095">
						22 plantillas diponibles - 12 de Melissa - 10 de Clarissa
						</td>
					</tr>
				</tfoot>
			</table>
		</p>
		<p>
			<h3>Véase también</h3>
			<a href="#">¿Como generar plantilla en Melissa?</a><br>
			<a href="#">¿Como generar plantilla en Clarissa?</a><br>
			<a href="#">¿Como usar plantillas externas?</a><br>
			<a href="#">¿Como usar plantillas internas?</a>
		</p>
    </section>    
</article>
 <script>
	 function nuevaPlantilla(){
		 $("#dialog-confirm7").dialog({
			resizable: false,
			height: "auto",
			width: 600,
			modal: true,
			buttons: {
				"Registrar": function() { registrarPlantilla($('#autor').val(),$('#entidad').val(),$('#estadopla').val(),$('#enlacepla').val(),$('#descripcion').val());},
				Cancel: function() { $(this).dialog("close");},
			}
		});
	 }
</script><!--ACTIVA LA VENTANA MODAL OCULTO -->
<div id="dialog-confirm7" title="NUEVA PLANTILLA" style="display:none">
	<p>
		<style type="text/css">
			.planti_inpts{
				width: 98%;
				margin-top: 4px;
				margin-bottom: 4px;
				padding-left: 10px;
				padding-top: 5px;
				padding-bottom: 5px;
			}
		</style>
		<center>
			<table width="100%" border="0">
			  <tbody>
				<tr>
				  <td><h3>Ingrese datos para nueva plantilla</h3></td>
				</tr>
				<tr>
				  <td><form action="subir_plantilla.php" class="dropzone" name="file"></form></td>
				</tr>
				<tr>
				  <td><input type="text" id="autor" class="planti_inpts" placeholder="Autor"></td>
				</tr>
				<tr>
				  <td>					
            		<input type="text" maxlength="6" id="entidad" style="width: 60px;float:left;" class="planti_inpts soloNumero" placeholder="Código" onKeyUp="return buscarCodigoEntidad($('#entidad').val());">
            		<label for="textfield">
						<span id="buscarCodigoEntidad" style="float: left;margin-top: 12px;margin-left: 10px;font-size: 12px;">
           					<span class="icon-chevron-left"></span> Ingrese código de la entidad.
           				</span>
            		</label>
					<input type="hidden" id="estadopla" value="0">
					<input type="hidden" id="enlacepla" value="0">
				  </td>
				</tr>
				<tr>
				  <td>
				  <textarea id="descripcion" class="planti_inpts" placeholder="Descripción de la plantilla"></textarea>
				  </td>
				</tr>
				<tr>
					<td align="center">
						<div id="registrarPlantilla"></div>
					</td>
				</tr>
			  </tbody>
			</table>
		</center>
	</p>
</div><!--VENTANA MODAL OCULTO -->
<link href="lib/dropzone.css" type="text/css" rel="stylesheet" />
<script src="lib/dropzone_subir_plantilla.js"></script>
<script src="js/plantilla.js"></script>
<script src="js/entidad.js"></script>
