@extends('layouts.app')
@vite(['resources/css/app.css', 'resources/js/app.js'])
@section('content')

<fieldset>
	<legend align="center"><h1>Mostrar Proyectos para Revisión</h1></legend>
	<div id="mensaje" style="display: none;"></div>
	
	
    			<div style="padding:10px;font:Verdana, Geneva, sans-serif; font-size:14px" align="center">
                    <span style="padding:5px"><span style="vertical-align:middle; margin-right:5px;background-color:#FF0; width:10px; height:10px; display:inline-block; border:1px solid #000"></span><span style="vertical-align:middle">Proyectos Nuevos</span></span>
<!--jomp-->         <span style="padding:5px"><span style="vertical-align:middle; margin-right:5px;background-color:#ff9936; width:10px; height:10px; display:inline-block; border:1px solid #000"></span><span style="vertical-align:middle">Proyectos Activos Diferidos</span></span><!--jomp--> 
                    <span style="padding:5px"><span style="vertical-align:middle; margin-right:5px;background-color:#804040; width:10px; height:10px; display:inline-block; border:1px solid #000"></span><span style="vertical-align:middle">Proyectos Reactivados</span></span>
                	<span style="padding:5px"><span style="vertical-align:middle; margin-right:5px;background-color:#81CCDD; width:10px; height:10px; display:inline-block; border:1px solid #000"></span><span style="vertical-align:middle">Proyectos Desistidos</span></span>
                	<span style="padding:5px"><span style="vertical-align:middle; margin-right:5px;background-color:red; width:10px; height:10px; display:inline-block; border:1px solid #000"></span><span style="vertical-align:middle">Proyectos Paralizados</span></span>
                    <span style="padding:5px"><span style="vertical-align:middle; margin-right:5px;background-color:#0C0; width:10px; height:10px; display:inline-block; border:1px solid #000"></span><span style="vertical-align:middle">Proyectos en Operación</span></span>
                </div>

			<div class="demo">
			<div id="accordion" class="ui-accordion ui-widget ui-helper-reset ui-accordion-icons" role="tablist">
						<div class="ui-accordion-header ui-helper-reset ui-state-default ui-state-active ui-corner-top" role="tab" aria-expanded="true" aria-selected="true" tabindex="0"><span class="ui-icon ui-icon-triangle-1-s"></span>
				<div style="display:table;width:100%">
					<div style="display:table-cell;padding:0px 10px;font-size:20px;vertical-align:middle;width:50px">
						612					</div>
					<div style="display:table-cell;padding:0px 10px;font-size:17px">
						<div>Central Hidroeléctrica la Miel II</div>
						<div>Responsable: Jaqueline Vidal</div>
						<div>Fecha Actualización: 2024-12-17</div>
					</div>
					<div style="display:table-cell;width:75px;padding:4px 10px;vertical-align:middle;">
						<div style="display:inline-block;height:100%;border:1px solid #464646;padding:5px;color:#000;-moz-border-radius:7px;border-radius:7px;-webkit-border-radius:7px;background-color:#fff">
							<div style="font-size:12px;">Notificar: </div>
							<div style="display:table;text-align:center;font-family: Arial,Helvetica,sans-serif !important;font-size: 12px !important;" align="center">
								<div style="display:table-cell"><input type="button" style="padding:4px;margin:3px" name="notificar_612" proid="612" id="notificar_612_si" value="SI" class="notificar boton_disabled"></div>
								<div style="display:table-cell"><input type="button" style="padding:4px;margin:3px" name="notificar_612" proid="612" id="notificar_612_no" value="NO" class="notificar boton_activo"></div>														
							</div>
							<!--<div style="font-size:11px;"><input type="checkbox" name="notificar_612" class="notificar_612" id="notificar_no_612" value="no"boton_activo><label for="notificar_no_612">No</label></div>-->
						</div>
					</div>
					<div style="display:table-cell;width:300px;padding:0px;vertical-align:middle;">
						<div style="float:left"><span url="ficha/autorizar_subida_proyecto/612" id="aprob_612" noti="no" new="0" class="aprobar boton_alerta">Aprobar</span></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/verFicha/612.html" rel="shadowbox" class="boton" style="padding:8px">Ficha</a></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/editar/612/1.html" rel="shadowbox" class="boton">Editar</a></div>						<div style="float:left"><a href="https://pm.portalminero.com/ficha/actualiza/612/1.html" rel="shadowbox" class="boton">Actualiza</a></div>
						<div style="float:left"><a href="http://conf.portalminero.com/pages/viewpreviousversions.action?pageId=20712743" class="boton" target="_blank" rel="shadowbox">Ver</a></div>
					</div>
				</div>
		</div>
		<div class="contenedor ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" role="tabpanel">

						<table width="98%" align="center" cellspacing="0" cellpadding="9" border="1">
			<thead>
				<tr><th>id</th>
				<th>Usuario</th>
				<th>Tipo</th>
				<th>Versión</th>
				<th>Calificar</th>
				<th>Notificar</th>
				<th>Cambios Realizados</th>
				<th>Fecha Proyecto</th>
				<th>Fecha Actualizado</th>
				<th>Calificar</th>
			</tr></thead>
			<tbody>
								<tr>
					<td>108382</td>
					<td>Jaqueline Vidal</td>
					<td>Actualiza</td>
					<td>1</td>
					<td>si</td>
					<td>no</td>
					<td>
						<li>- Última Información</li><li>- Historial</li>					</td>
					<td>2024-12-17</td>
					<td>2024-12-16</td>
					<td></td>
				</tr>
						</tbody>
		</table>
					</div>
						<div class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" aria-selected="false" tabindex="-1"><span class="ui-icon ui-icon-triangle-1-e"></span>
				<div style="display:table;width:100%">
					<div style="display:table-cell;padding:0px 10px;font-size:20px;vertical-align:middle;width:50px">
						686					</div>
					<div style="display:table-cell;padding:0px 10px;font-size:17px">
						<div>Proyecto Llahuin/Llanos</div>
						<div>Responsable: Jaqueline Vidal</div>
						<div>Fecha Actualización: 2024-12-17</div>
					</div>
					<div style="display:table-cell;width:75px;padding:4px 10px;vertical-align:middle;">
						<div style="display:inline-block;height:100%;border:1px solid #464646;padding:5px;color:#000;-moz-border-radius:7px;border-radius:7px;-webkit-border-radius:7px;background-color:#fff">
							<div style="font-size:12px;">Notificar: </div>
							<div style="display:table;text-align:center;font-family: Arial,Helvetica,sans-serif !important;font-size: 12px !important;" align="center">
								<div style="display:table-cell"><input type="button" style="padding:4px;margin:3px" name="notificar_686" proid="686" id="notificar_686_si" value="SI" class="notificar boton_disabled"></div>
								<div style="display:table-cell"><input type="button" style="padding:4px;margin:3px" name="notificar_686" proid="686" id="notificar_686_no" value="NO" class="notificar boton_activo"></div>														
							</div>
							<!--<div style="font-size:11px;"><input type="checkbox" name="notificar_686" class="notificar_686" id="notificar_no_686" value="no"boton_activo><label for="notificar_no_686">No</label></div>-->
						</div>
					</div>
					<div style="display:table-cell;width:300px;padding:0px;vertical-align:middle;">
						<div style="float:left"><span url="ficha/autorizar_subida_proyecto/686" id="aprob_686" noti="no" new="0" class="aprobar boton_alerta">Aprobar</span></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/verFicha/686.html" rel="shadowbox" class="boton" style="padding:8px">Ficha</a></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/editar/686/1.html" rel="shadowbox" class="boton">Editar</a></div>						<div style="float:left"><a href="https://pm.portalminero.com/ficha/actualiza/686/1.html" rel="shadowbox" class="boton">Actualiza</a></div>
						<div style="float:left"><a href="http://conf.portalminero.com/pages/viewpreviousversions.action?pageId=20712813" class="boton" target="_blank" rel="shadowbox">Ver</a></div>
					</div>
				</div>
		</div>
		<div class="contenedor ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;">

						<table width="98%" align="center" cellspacing="0" cellpadding="9" border="1">
			<thead>
				<tr><th>id</th>
				<th>Usuario</th>
				<th>Tipo</th>
				<th>Versión</th>
				<th>Calificar</th>
				<th>Notificar</th>
				<th>Cambios Realizados</th>
				<th>Fecha Proyecto</th>
				<th>Fecha Actualizado</th>
				<th>Calificar</th>
			</tr></thead>
			<tbody>
								<tr>
					<td>108390</td>
					<td>Jaqueline Vidal</td>
					<td>Actualiza</td>
					<td>1</td>
					<td>si</td>
					<td>no</td>
					<td>
						<li>- Última Información</li><li>- Historial</li>					</td>
					<td>2024-12-17</td>
					<td>2024-12-17</td>
					<td></td>
				</tr>
						</tbody>
		</table>
					</div>
						<div class="diferido ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" aria-selected="false" tabindex="-1"><span class="ui-icon ui-icon-triangle-1-e"></span>
				<div style="display:table;width:100%">
					<div style="display:table-cell;padding:0px 10px;font-size:20px;vertical-align:middle;width:50px">
						1788					</div>
					<div style="display:table-cell;padding:0px 10px;font-size:17px">
						<div>Proyecto Sol del Loa II</div>
						<div>Responsable: Maria Ignacia Castro</div>
						<div>Fecha Actualización: 2024-12-17</div>
					</div>
					<div style="display:table-cell;width:75px;padding:4px 10px;vertical-align:middle;">
						<div style="display:inline-block;height:100%;border:1px solid #464646;padding:5px;color:#000;-moz-border-radius:7px;border-radius:7px;-webkit-border-radius:7px;background-color:#fff">
							<div style="font-size:12px;">Notificar: </div>
							<div style="display:table;text-align:center;font-family: Arial,Helvetica,sans-serif !important;font-size: 12px !important;" align="center">
								<div style="display:table-cell"><input type="button" style="padding:4px;margin:3px" name="notificar_1788" proid="1788" id="notificar_1788_si" value="SI" class="notificar boton_disabled"></div>
								<div style="display:table-cell"><input type="button" style="padding:4px;margin:3px" name="notificar_1788" proid="1788" id="notificar_1788_no" value="NO" class="notificar boton_activo"></div>														
							</div>
							<!--<div style="font-size:11px;"><input type="checkbox" name="notificar_1788" class="notificar_1788" id="notificar_no_1788" value="no"boton_activo><label for="notificar_no_1788">No</label></div>-->
						</div>
					</div>
					<div style="display:table-cell;width:300px;padding:0px;vertical-align:middle;">
						<div style="float:left"><span url="ficha/autorizar_subida_proyecto/1788" id="aprob_1788" noti="no" new="0" class="aprobar boton_alerta">Aprobar</span></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/verFicha/1788.html" rel="shadowbox" class="boton" style="padding:8px">Ficha</a></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/editar/1788/1.html" rel="shadowbox" class="boton">Editar</a></div>						<div style="float:left"><a href="https://pm.portalminero.com/ficha/actualiza/1788/1.html" rel="shadowbox" class="boton">Actualiza</a></div>
						<div style="float:left"><a href="http://conf.portalminero.com/pages/viewpreviousversions.action?pageId=22124946" class="boton" target="_blank" rel="shadowbox">Ver</a></div>
					</div>
				</div>
		</div>
		<div class="contenedor ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;">

						<table width="98%" align="center" cellspacing="0" cellpadding="9" border="1">
			<thead>
				<tr><th>id</th>
				<th>Usuario</th>
				<th>Tipo</th>
				<th>Versión</th>
				<th>Calificar</th>
				<th>Notificar</th>
				<th>Cambios Realizados</th>
				<th>Fecha Proyecto</th>
				<th>Fecha Actualizado</th>
				<th>Calificar</th>
			</tr></thead>
			<tbody>
								<tr>
					<td>108404</td>
					<td>Maria Ignacia Castro</td>
					<td>Actualiza</td>
					<td>1</td>
					<td>si</td>
					<td>no</td>
					<td>
						<li>- Última Información</li><li>- Historial</li>					</td>
					<td>2024-12-17</td>
					<td>2024-12-17</td>
					<td></td>
				</tr>
						</tbody>
		</table>
					</div>
						<div class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" aria-selected="false" tabindex="-1"><span class="ui-icon ui-icon-triangle-1-e"></span>
				<div style="display:table;width:100%">
					<div style="display:table-cell;padding:0px 10px;font-size:20px;vertical-align:middle;width:50px">
						2107					</div>
					<div style="display:table-cell;padding:0px 10px;font-size:17px">
						<div>La Valenciana</div>
						<div>Responsable: Jaqueline Vidal</div>
						<div>Fecha Actualización: 2024-12-17</div>
					</div>
					<div style="display:table-cell;width:75px;padding:4px 10px;vertical-align:middle;">
						<div style="display:inline-block;height:100%;border:1px solid #464646;padding:5px;color:#000;-moz-border-radius:7px;border-radius:7px;-webkit-border-radius:7px;background-color:#fff">
							<div style="font-size:12px;">Notificar: </div>
							<div style="display:table;text-align:center;font-family: Arial,Helvetica,sans-serif !important;font-size: 12px !important;" align="center">
								<div style="display:table-cell"><input type="button" style="padding:4px;margin:3px" name="notificar_2107" proid="2107" id="notificar_2107_si" value="SI" class="notificar boton_disabled"></div>
								<div style="display:table-cell"><input type="button" style="padding:4px;margin:3px" name="notificar_2107" proid="2107" id="notificar_2107_no" value="NO" class="notificar boton_activo"></div>														
							</div>
							<!--<div style="font-size:11px;"><input type="checkbox" name="notificar_2107" class="notificar_2107" id="notificar_no_2107" value="no"boton_activo><label for="notificar_no_2107">No</label></div>-->
						</div>
					</div>
					<div style="display:table-cell;width:300px;padding:0px;vertical-align:middle;">
						<div style="float:left"><span url="ficha/autorizar_subida_proyecto/2107" id="aprob_2107" noti="no" new="0" class="aprobar boton_alerta">Aprobar</span></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/verFicha/2107.html" rel="shadowbox" class="boton" style="padding:8px">Ficha</a></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/editar/2107/1.html" rel="shadowbox" class="boton">Editar</a></div>						<div style="float:left"><a href="https://pm.portalminero.com/ficha/actualiza/2107/1.html" rel="shadowbox" class="boton">Actualiza</a></div>
						<div style="float:left"><a href="http://conf.portalminero.com/pages/viewpreviousversions.action?pageId=26117617" class="boton" target="_blank" rel="shadowbox">Ver</a></div>
					</div>
				</div>
		</div>
		<div class="contenedor ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;">

						<table width="98%" align="center" cellspacing="0" cellpadding="9" border="1">
			<thead>
				<tr><th>id</th>
				<th>Usuario</th>
				<th>Tipo</th>
				<th>Versión</th>
				<th>Calificar</th>
				<th>Notificar</th>
				<th>Cambios Realizados</th>
				<th>Fecha Proyecto</th>
				<th>Fecha Actualizado</th>
				<th>Calificar</th>
			</tr></thead>
			<tbody>
								<tr>
					<td>108394</td>
					<td>Jaqueline Vidal</td>
					<td>Actualiza</td>
					<td>1</td>
					<td>si</td>
					<td>no</td>
					<td>
						<li>- Última Información</li><li>- Historial</li>					</td>
					<td>2024-12-17</td>
					<td>2024-12-17</td>
					<td></td>
				</tr>
						</tbody>
		</table>
					</div>
						<div class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" aria-selected="false" tabindex="-1"><span class="ui-icon ui-icon-triangle-1-e"></span>
				<div style="display:table;width:100%">
					<div style="display:table-cell;padding:0px 10px;font-size:20px;vertical-align:middle;width:50px">
						4168					</div>
					<div style="display:table-cell;padding:0px 10px;font-size:17px">
						<div>Línea de Transmisión y Central BESS Halcón 5</div>
						<div>Responsable: Maria Ignacia Castro</div>
						<div>Fecha Actualización: 2024-12-17</div>
					</div>
					<div style="display:table-cell;width:75px;padding:4px 10px;vertical-align:middle;">
						<div style="display:inline-block;height:100%;border:1px solid #464646;padding:5px;color:#000;-moz-border-radius:7px;border-radius:7px;-webkit-border-radius:7px;background-color:#fff">
							<div style="font-size:12px;">Notificar: </div>
							<div style="display:table;text-align:center;font-family: Arial,Helvetica,sans-serif !important;font-size: 12px !important;" align="center">
								<div style="display:table-cell"><input type="button" style="padding:4px;margin:3px" name="notificar_4168" proid="4168" id="notificar_4168_si" value="SI" class="notificar boton_disabled"></div>
								<div style="display:table-cell"><input type="button" style="padding:4px;margin:3px" name="notificar_4168" proid="4168" id="notificar_4168_no" value="NO" class="notificar boton_activo"></div>														
							</div>
							<!--<div style="font-size:11px;"><input type="checkbox" name="notificar_4168" class="notificar_4168" id="notificar_no_4168" value="no"boton_activo><label for="notificar_no_4168">No</label></div>-->
						</div>
					</div>
					<div style="display:table-cell;width:300px;padding:0px;vertical-align:middle;">
						<div style="float:left"><span url="ficha/autorizar_subida_proyecto/4168" id="aprob_4168" noti="no" new="0" class="aprobar boton_alerta">Aprobar</span></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/verFicha/4168.html" rel="shadowbox" class="boton" style="padding:8px">Ficha</a></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/editar/4168/1.html" rel="shadowbox" class="boton">Editar</a></div>						<div style="float:left"><a href="https://pm.portalminero.com/ficha/actualiza/4168/1.html" rel="shadowbox" class="boton">Actualiza</a></div>
						<div style="float:left"></div>
					</div>
				</div>
		</div>
		<div class="contenedor ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;">

						<table width="98%" align="center" cellspacing="0" cellpadding="9" border="1">
			<thead>
				<tr><th>id</th>
				<th>Usuario</th>
				<th>Tipo</th>
				<th>Versión</th>
				<th>Calificar</th>
				<th>Notificar</th>
				<th>Cambios Realizados</th>
				<th>Fecha Proyecto</th>
				<th>Fecha Actualizado</th>
				<th>Calificar</th>
			</tr></thead>
			<tbody>
								<tr>
					<td>108413</td>
					<td>Alda Oyarzún</td>
					<td>Actualiza</td>
					<td>1</td>
					<td>si</td>
					<td>no</td>
					<td>
						<li>- Total Hitos</li><li>- Última Información</li><li>- Historial</li>					</td>
					<td>2024-12-17</td>
					<td>2024-12-17</td>
					<td></td>
				</tr>
						</tbody>
		</table>
					</div>
						<div class="nuevo ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" aria-selected="false" tabindex="-1"><span class="ui-icon ui-icon-triangle-1-e"></span>
				<div style="display:table;width:100%">
					<div style="display:table-cell;padding:0px 10px;font-size:20px;vertical-align:middle;width:50px">
						4484					</div>
					<div style="display:table-cell;padding:0px 10px;font-size:17px">
						<div>Mejoramiento ruta intercomunal del secano y ruta N-52, Ñuble</div>
						<div>Responsable: Jaqueline Vidal</div>
						<div>Fecha Actualización: 2024-12-18</div>
					</div>
					<div style="display:table-cell;width:75px;padding:4px 10px;vertical-align:middle;">
						<div style="display:inline-block;height:100%;border:1px solid #464646;padding:5px;color:#000;-moz-border-radius:7px;border-radius:7px;-webkit-border-radius:7px;background-color:#fff">
							<div style="font-size:12px;">Notificar: </div>
							<div style="display:table;text-align:center;font-family: Arial,Helvetica,sans-serif !important;font-size: 12px !important;" align="center">
								<div style="display:table-cell"><input type="button" style="padding:4px;margin:3px" name="notificar_4484" proid="4484" id="notificar_4484_si" value="SI" class="notificar boton_activo"></div>
																						
							</div>
							<!--<div style="font-size:11px;"><input type="checkbox" name="notificar_4484" class="notificar_4484" id="notificar_no_4484" value="no"boton_disabled><label for="notificar_no_4484">No</label></div>-->
						</div>
					</div>
					<div style="display:table-cell;width:300px;padding:0px;vertical-align:middle;">
						<div style="float:left"><span url="ficha/autorizar_subida_proyecto/4484" id="aprob_4484" noti="si" new="1" class="aprobar boton_alerta">Aprobar</span></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/verFicha/4484.html" rel="shadowbox" class="boton" style="padding:8px">Ficha</a></div>
						<div style="float:left"><a href="https://pm.portalminero.com/ficha/editar/4484/1.html" rel="shadowbox" class="boton">Editar</a></div>						<div style="float:left"><a href="https://pm.portalminero.com/ficha/actualiza/4484/1.html" rel="shadowbox" class="boton">Actualiza</a></div>
						<div style="float:left"></div>
					</div>
				</div>
		</div>
		<div class="contenedor ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;">

						<table width="98%" align="center" cellspacing="0" cellpadding="9" border="1">
			<thead>
				<tr><th>id</th>
				<th>Usuario</th>
				<th>Tipo</th>
				<th>Versión</th>
				<th>Calificar</th>
				<th>Notificar</th>
				<th>Cambios Realizados</th>
				<th>Fecha Proyecto</th>
				<th>Fecha Actualizado</th>
				<th>Calificar</th>
			</tr></thead>
			<tbody>
								<tr>
					<td>108396</td>
					<td>Jaqueline Vidal</td>
					<td>Actualiza</td>
					<td>1</td>
					<td>si</td>
					<td>si</td>
					<td>
						<li>- Estado de Proyecto</li><li>- Total Contactos</li><li>- Última Información</li><li>- Historial</li>					</td>
					<td>2024-12-17</td>
					<td>2024-12-17</td>
					<td></td>
				</tr>
							<tr>
					<td>108397</td>
					<td>Jaqueline Vidal</td>
					<td>Actualiza</td>
					<td>1</td>
					<td>si</td>
					<td>si</td>
					<td>
											</td>
					<td>2024-12-18</td>
					<td>2024-12-17</td>
					<td></td>
				</tr>
						</tbody>
		</table>
					</div>
					</div>
		</div>

</fieldset>
@endsection