@extends('layouts.app')
@vite(['resources/css/app.css', 'resources/js/app.js'])
@section('content')
<fieldset>
                <legend align="center"><h1>Socios Asignados a Dn Enrique</h1></legend>
				<div style="padding:10px;font:Verdana, Geneva, sans-serif; font-size:14px" align="center">
                	<span style="padding:5px"><span style="vertical-align:middle">Activo: Funcionamiento normal</span></span>
                	<span style="padding:5px"><span style="vertical-align:middle">Moroso: No ha pagado</span></span>
                    <span style="padding:5px"><span style="vertical-align:middle; margin-right:5px;background-color:#339933; width:10px; height:10px; display:inline-block; border:1px solid #000"></span><span style="vertical-align:middle">Socio que pronto caducará</span></span>
                	<span style="padding:5px"><span style="vertical-align:middle; margin-right:5px;background-color:#fff000; width:10px; height:10px; display:inline-block; border:1px solid #000"></span><span style="vertical-align:middle">Pendiente: Caducado por sistema</span></span>
                	<span style="padding:5px"><span style="vertical-align:middle; margin-right:5px;background-color:#999; width:10px; height:10px; display:inline-block; border:1px solid #000"></span><span style="vertical-align:middle">Inactivo: No renovó</span></span>
                </div>
                <div id="caja_socios">
         		<table width="90%" align="center" cellspacing="0" cellpadding="9" border="1" id="mostrar_socios">
					<thead>
						<tr><th><a href="https://pm.portalminero.com/socio/mostrar/id/desc.html" class="boton_titulo">ID</a></th>
						<th><a href="https://pm.portalminero.com/socio/mostrar/nombre/desc.html" class="boton_titulo">Nombre Fantasía</a></th>
						<th><a href="https://pm.portalminero.com/socio/mostrar/razon/desc.html" class="boton_titulo">Razón Social</a></th>
						<th><a href="https://pm.portalminero.com/socio/mostrar/rut/desc.html" class="boton_titulo">Rut</a></th>
						<th><a href="https://pm.portalminero.com/socio/mostrar/incripcion/desc.html" class="boton_titulo">Activación</a></th>
						<th><a href="https://pm.portalminero.com/socio/mostrar/caduca/desc.html" class="boton_titulo">Caduca</a></th>
						<th><a href="https://pm.portalminero.com/socio/mostrar/membresia/desc.html" class="boton_titulo">Membresía</a></th>
						<th><a href="https://pm.portalminero.com/socio/mostrar/vendedora/desc.html" class="boton_titulo">Vendedora</a></th>
                        <th><a href="https://pm.portalminero.com/socio/mostrar/estado/desc.html" class="boton_titulo">Estado</a></th>
					</tr></thead>
				<tbody>	
									<tr>
						<td>1265</td>
						<td>acme 2</td>
						<td>acme 2</td>
						<td nowrap="nowrap">7811254+9</td>
						<td nowrap="nowrap">2022-10-11</td>
						<td nowrap="nowrap">2025-10-30</td>
						<td>Premium</td>
						<td>Dn Enrique</td>
                        <td>Activo</td>
					</tr>
								</tbody>
				</table>
                </div>    
</fieldset>
@endsection