{% extends "base.html" %}
{% block content %}
    {% if not shop %}
        <section class="panel">
            <h2>NPC Shops</h2>
            <p class="muted">Browse by category. Shops give the economy its baseline price floor and ceiling.</p>
        </section>
        <section class="cards">
            {% for entry in shops %}
                <article class="card">
                    <h3>{{ entry.label }}</h3>
                    <p class="muted">{{ entry.count }} items stocked.</p>
                    <a href="/shops/{{ entry.slug }}" class="button primary">Enter Shop</a>
                </article>
            {% endfor %}
        </section>
    {% else %}
        <section class="panel">
            <div class="action-row" style="justify-content: space-between;">
                <div>
                    <h2>{{ shop.label }}</h2>
                    <p class="muted">Wallet cash buys stock instantly.</p>
                </div>
                <a href="/shops" class="button subtle">Back to Shops</a>
            </div>
        </section>
        <section class="cards">
            {% for item in items %}
                <article class="card">
                    <h3>{{ item.name }}</h3>
                    <p class="muted">{{ item.description }}</p>
                    <p class="muted mini">Buy ${{ item.buy_price }} • Sell ${{ item.sell_price }}</p>
                    {% if item.weapon_damage_max %}
                        <p class="muted mini">Damage {{ item.weapon_damage_min }}-{{ item.weapon_damage_max }}</p>
                    {% endif %}
                    {% if item.armor_reduction %}
                        <p class="muted mini">Armor reduction {{ item.armor_reduction }}</p>
                    {% endif %}
                    {% if item.home_life_bonus %}
                        <p class="muted mini">Home life bonus +{{ item.home_life_bonus }}</p>
                    {% endif %}
                    <form method="post" class="inline-form">
                        <input type="hidden" name="item_id" value="{{ item.id }}">
                        <input type="hidden" name="redirect_shop" value="{{ shop.slug }}">
                        <input type="number" name="quantity" min="1" value="1">
                        <button type="submit" class="primary">Buy</button>
                    </form>
                </article>
            {% endfor %}
        </section>
    {% endif %}
{% endblock %}