{% extends 'base.html' %}
{% block content %}
<div class="detail-layout">
  <section>
    <h2>{{ listing.title }}</h2>
    {% if listing.image_path %}<img class="thumb" src="{{ url_for('static', filename=listing.image_path) }}" alt="{{ listing.title }}" style="max-width:480px">{% endif %}
    <p>{{ listing.description }}</p>
    <p><small>Seller: <a href="{{ url_for('seller_profile', username=listing.seller_name) }}">{{ listing.seller_name }}</a> · {{ listing.category_name or 'Uncategorized' }} · Status: {{ listing.status }}</small></p>
    <p><small>Listing ★ {{ '%.1f'|format(listing.listing_rating_avg or 0) }} ({{ listing.listing_rating_count }}) · Seller ★ {{ '%.1f'|format(listing.seller_rating_avg or 0) }} ({{ listing.seller_rating_count }})</small></p>
        <p><strong>{{ '%.6f'|format(listing.price_xmr) }} XMR</strong><br><small>USD {{ '%.2f'|format(price_conv.usd) }} · EUR {{ '%.2f'|format(price_conv.eur) }}</small>
    {% if listing.price_currency in ['EUR','USD'] and listing.price_fiat %}<br><small>Seller pegged: {{ listing.price_currency }} {{ '%.2f'|format(listing.price_fiat) }}</small>{% endif %}
    <br><small>Shipping: {{ '%.6f'|format(listing.shipping_price_xmr or 0) }} XMR</small>
    </p>

    {% if bulk_prices %}
    <p><strong>Bulk pricing</strong><br>
      {% for b in bulk_prices %}<small>{{ b.min_quantity }}+ units: {{ '%.6f'|format(b.unit_price_xmr) }} XMR each</small><br>{% endfor %}
    </p>
    {% endif %}

    {% if listing.status == 'active' and current_user and can_purchase_account %}
    <form method="post" action="{{ url_for('buy_listing', listing_id=listing.id) }}" onsubmit="return confirm('Are you sure you want to place this order?');">
      {% if show_seller_pgp_in_checkout %}
      <label>Seller PGP public key
        <textarea rows="5" readonly>{{ listing.seller_pgp_public_key or 'Seller has not published a PGP key.' }}</textarea>
      </label>
      {% endif %}
      <label>Message to seller with your order
        <textarea name="message" rows="3" placeholder="Optional message"></textarea>
      </label>
      <label>Quantity
        <input type="number" name="quantity" min="1" value="1" required>
      </label>
      {% if shipping_options %}
      <label>Shipping option
        <select name="shipping_option_id">
          <option value="">Default shipping ({{ '%.6f'|format(listing.shipping_price_xmr or 0) }} XMR)</option>
          {% for s in shipping_options %}<option value="{{ s.id }}">{{ s.name }} — {{ '%.6f'|format(s.price_xmr) }} XMR</option>{% endfor %}
        </select>
      </label>
      {% endif %}
      <button type="submit">Buy with Escrow</button>
    </form>
    {% elif listing.status == 'active' %}
    <small>Login as buyer/admin (with purchasing enabled) to purchase.</small>
    {% endif %}

    {% if listing.status == 'active' and cart_enabled and current_user %}
    <form method="post" action="{{ url_for('cart_add', listing_id=listing.id) }}">
      <button type="submit" class="secondary">Add to cart</button>
    </form>
    {% endif %}
  </section>

  {% if can_manage_listing %}
  <aside class="right-rail">
    <article class="action-card">
      <h3>Admin listing moderation</h3>
      <p><small>Quick actions for listing #{{ listing.id }}</small></p>
      <div class="grid" style="grid-template-columns:1fr 1fr; gap:.5rem;">
        <form method="post" action="{{ url_for('admin_listings') }}" onsubmit="return confirm('Are you sure you want to place this listing on hold?');">
          <input type="hidden" name="listing_id" value="{{ listing.id }}">
          <input type="hidden" name="action" value="hold">
          <button type="submit" class="secondary">Place on hold</button>
        </form>
        <form method="post" action="{{ url_for('admin_listings') }}" onsubmit="return confirm('Are you sure you want to set this listing active?');">
          <input type="hidden" name="listing_id" value="{{ listing.id }}">
          <input type="hidden" name="action" value="activate">
          <button type="submit">Set active</button>
        </form>
        <form method="post" action="{{ url_for('admin_listings') }}" style="grid-column:1 / -1;" onsubmit="return confirm('Are you sure you want to soft delete this listing?');">
          <input type="hidden" name="listing_id" value="{{ listing.id }}">
          <input type="hidden" name="action" value="delete">
          <button type="submit" class="contrast">Soft delete listing</button>
        </form>
      </div>

      <details open>
        <summary><strong>Edit listing fields</strong></summary>
        <form method="post" action="{{ url_for('admin_listings') }}" style="margin-top:.8rem;" onsubmit="return confirm('Are you sure you want to save these moderation changes?');">
          <input type="hidden" name="action" value="update">
          <input type="hidden" name="listing_id" value="{{ listing.id }}">
          <label>Title<input name="title" value="{{ listing.title }}" required></label>
          <label>Price mode
            <select name="price_currency">
              <option value="XMR" {% if listing.price_currency == 'XMR' or not listing.price_currency %}selected{% endif %}>XMR fixed</option>
              <option value="USD" {% if listing.price_currency == 'USD' %}selected{% endif %}>USD fixed → convert to XMR</option>
              <option value="EUR" {% if listing.price_currency == 'EUR' %}selected{% endif %}>EUR fixed → convert to XMR</option>
            </select>
          </label>
          <label>Price (XMR fallback)
            <input type="number" step="0.000001" name="price_xmr" value="{{ listing.price_xmr }}" required>
          </label>
          <label>Price Fiat (USD/EUR mode)
            <input type="number" step="0.01" name="price_fiat" value="{{ '%.2f'|format(listing.price_fiat or 0) }}">
          </label>
          <label>Shipping (uses selected price mode)
            {% set shipping_conv = conversion_display(listing.shipping_price_xmr or 0) %}
            <input type="number" step="0.000001" name="shipping_price_value" value="{% if listing.price_currency == 'USD' %}{{ '%.2f'|format(shipping_conv.usd) }}{% elif listing.price_currency == 'EUR' %}{{ '%.2f'|format(shipping_conv.eur) }}{% else %}{{ listing.shipping_price_xmr or 0 }}{% endif %}" min="0" required>
          </label>
          <label>Category
            <select name="category_id">
              <option value="">Uncategorized</option>
              {% for c in categories %}
              <option value="{{ c.id }}" {% if listing.category_id == c.id %}selected{% endif %}>{{ c.name }}</option>
              {% endfor %}
            </select>
          </label>
          <label>Status
            <select name="status">
              <option value="active" {% if listing.status == 'active' %}selected{% endif %}>active</option>
              <option value="hold" {% if listing.status == 'hold' %}selected{% endif %}>hold</option>
              <option value="deleted" {% if listing.status == 'deleted' %}selected{% endif %}>deleted</option>
            </select>
          </label>
          <label>Description<textarea name="description" rows="4" required>{{ listing.description }}</textarea></label>
          <button type="submit">Save moderation changes</button>
        </form>
      </details>
    </article>
  </aside>
  {% endif %}
</div>
{% endblock %}