{% extends "online/base.html" %}
{% block title %}Tienda de {{ game.name }}{% endblock %}
{% block content %}
<header><p class="eyebrow">CONTENIDO DIGITAL OPCIONAL</p><h1>Tienda de {{ game.name }}</h1><p>{{ site.store_notice }}</p></header>
{% if not game_config.store_enabled %}
  <div class="notice notice-warning" role="status">La tienda está desactivada en este universo.</div>
{% elif not payment.enabled %}
  <div class="notice notice-warning" role="status">Los pagos están desactivados temporalmente.</div>
{% elif product_cards %}
<div class="server-grid">
{% for card in product_cards %}
  {% set product = card.product %}
  <article class="server-card">
    <h2>{{ product.name }}</h2><p>{{ product.description }}</p>
    <p>Entrega por unidad: <strong>{{ product.amount|number }}</strong>{% if product.item_key %} de {{ product.item_key }}{% endif %}.</p>
    <p><strong>{{ "%.2f"|format(product.price_cents / 100) }} {{ product.currency }}</strong> por unidad.</p>
    {% if product.per_account_limit %}<p>Límite por cuenta: {{ product.per_account_limit }}.</p>{% endif %}
    <form method="post" action="{{ url_for('online_store_buy', product_id=product.id) }}" class="server-form">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      {% if card.target_scope == "planet" %}
      <label for="planet-{{ product.id }}">{% if product.product_type == "moon" %}Planeta donde formar la luna{% elif product.product_type == "ship" %}Planeta donde estacionar las naves{% else %}Planeta que recibirá los recursos{% endif %}</label>
      <select id="planet-{{ product.id }}" name="planet_id" required {% if not card.planets %}disabled{% endif %}>{% for option in card.planets %}{% set planet = option.row %}<option value="{{ planet.id }}">{{ planet.name }} [{{ planet.galaxy }}:{{ planet.system }}:{{ planet.position }}]{% if product.product_type == "resource" and product.item_key in ["metal","crystal","deuterium"] %} — {{ planet[product.item_key]|number }} almacenado de {{ option.caps[product.item_key]|number }}{% endif %}</option>{% endfor %}</select>
      {% if not card.planets %}<p class="notice notice-warning" role="status">{% if product.product_type == "moon" %}No tienes ningún planeta sin luna ni otra compra lunar pendiente.{% elif product.product_type == "ship" %}Ningún planeta cumple las condiciones de esta nave.{% else %}No existe un planeta válido para la entrega.{% endif %}</p>{% endif %}
      {% else %}
      <p>Destino: imperio {{ empire.name }} del universo {{ game.name }}. No necesita elegir planeta.</p>
      {% endif %}
      {% if product.product_type not in ["technology", "moon"] %}<label for="quantity-{{ product.id }}">Cantidad de unidades del producto</label><input id="quantity-{{ product.id }}" name="quantity" type="number" min="1" max="{{ product.per_order_limit or 1 }}" value="1">{% else %}<input type="hidden" name="quantity" value="1">{% endif %}
      {% if product.product_type == "resource" and product.item_key in ["metal","crystal","deuterium"] %}<p>Si la entrega supera el almacén, conservarás todo lo comprado, pero ese recurso no volverá a producirse hasta quedar por debajo de su capacidad.</p>{% endif %}
      <label class="check-label"><input type="checkbox" name="purchase_terms" value="1" required> Acepto las <a href="{{ url_for('online_purchase_terms') }}" target="_blank">condiciones de la compra digital</a>.</label>
      <button class="button button-primary" type="submit" {% if card.target_scope == "planet" and not card.planets %}disabled{% endif %}>Continuar a PayPal</button>
    </form>
  </article>
{% endfor %}
</div>
{% else %}<p>No hay productos disponibles.</p>{% endif %}
<p><a href="{{ url_for('online_purchases') }}">Consultar mi historial de compras</a></p>
{% endblock %}
