<header class="page-heading"><p class="eyebrow">INGENIERÍA NAVAL</p><h1>Diseñador de naves</h1><p>Combina cinco cascos con armas, defensa y utilidades. El validador comprueba ranuras, energía, masa, coste y función táctica antes de guardar.</p></header>

<section class="panel" aria-labelledby="design-create-title"><h2 id="design-create-title">Nuevo diseño</h2><form method="post" action="{{ url_for('design_save_action') }}" class="stacked-form"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><div class="form-grid"><label>Nombre <input name="name" maxlength="50" required></label><label>Casco <select name="hull_key">{% for key, hull in HULLS.items() %}<option value="{{ key }}">{{ hull.name }} · energía {{ hull.power }} · masa base {{ hull.mass }}</option>{% endfor %}</select></label><label>Rol <select name="role"><option value="interceptor">Interceptor</option><option value="escort">Escolta</option><option value="artillery">Artillería</option><option value="carrier">Portanaves</option><option value="exploration">Exploración</option><option value="stealth">Sigilo</option><option value="transport">Transporte</option></select></label></div><fieldset><legend>Componentes</legend><p>Selecciona tantas casillas como permitan las ranuras del casco; el reactor auxiliar resta consumo de energía.</p><div class="check-grid">{% for key, component in COMPONENTS.items() %}<label class="check-label"><input type="checkbox" name="components" value="{{ key }}"> {{ component.name }} · {{ component.slot }} · energía {{ component.power }} · masa {{ component.mass }}</label>{% endfor %}</div></fieldset><button class="button button-primary" type="submit">Validar y guardar diseño</button></form></section>

<section class="panel" aria-labelledby="designs-title"><h2 id="designs-title">Diseños guardados</h2><p>El rol modifica el apoyo orbital a invasiones: transporte, portanaves y artillería son los más eficaces. El mantenimiento se paga en deuterio según el tiempo transcurrido.</p>{% if ship_designs %}<div class="card-grid">{% for design in ship_designs %}{% set stats = design.stats_json|from_json %}{% set cost = design.cost_json|from_json %}<article class="entity-card"><h3>{{ design.name }}</h3><p>{{ HULLS[design.hull_key].name }} · rol {{ design.role }} · {{ 'activo' if design.active else 'retirado' }}.</p><dl><div><dt>Potencia</dt><dd>{{ stats.rating }}</dd></div><div><dt>Ataque</dt><dd>{{ stats.attack }}</dd></div><div><dt>Escudo y casco</dt><dd>{{ stats.shield }} / {{ stats.hull }}</dd></div><div><dt>Velocidad</dt><dd>{{ stats.speed }}</dd></div><div><dt>Sigilo</dt><dd>{{ stats.stealth }}</dd></div><div><dt>Masa</dt><dd>{{ stats.mass }}</dd></div><div><dt>Energía</dt><dd>{{ stats.power_used }} / {{ stats.power_available }}</dd></div><div><dt>Mantenimiento</dt><dd>{{ stats.maintenance or 1 }} deuterio por hora y unidad</dd></div><div><dt>Coste</dt><dd>{{ cost.metal }} metal, {{ cost.crystal }} cristal, {{ cost.deuterium }} deuterio</dd></div></dl>{% if design.active %}<form method="post" action="{{ url_for('design_build_action') }}" class="inline-form" data-cost-metal="{{ cost.metal }}" data-cost-crystal="{{ cost.crystal }}" data-cost-deuterium="{{ cost.deuterium }}" data-cost-quantity="quantity"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="design_id" value="{{ design.id }}"><label>Cantidad <input type="number" name="quantity" min="1" max="100" value="1"></label><button class="button" type="submit">Construir en {{ planet.name }}</button></form><form method="post" action="{{ url_for('design_retire_action') }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="design_id" value="{{ design.id }}"><button class="button button-danger" type="submit">Retirar diseño</button></form>{% endif %}</article>{% endfor %}</div>{% else %}<p>Aún no has guardado diseños.</p>{% endif %}</section>

<section class="panel" aria-labelledby="custom-inventory-title"><h2 id="custom-inventory-title">Unidades personalizadas en {{ planet.name }}</h2>{% if custom_inventory %}<ul>{% for item in custom_inventory %}<li>{{ item.quantity }} unidades de {{ item.name }}, casco {{ HULLS[item.hull_key].name }}, rol {{ item.role }}.</li>{% endfor %}</ul>{% else %}<p>No hay unidades personalizadas en este planeta.</p>{% endif %}</section>
