{% extends "base.html" %}
{% block content %}
<section class="panel">
<div class="action-row" style="justify-content: space-between;">
<div>
<h2>Player Market</h2>
<p class="muted">List tradable items, buy from other players, or pull your own listings back.</p>
</div>
<div class="action-row">
<a href="/market" class="button {{ 'primary' if not my_view else 'subtle' }}">Browse Listings</a>
<a href="/market/my-listings" class="button {{ 'primary' if my_view else 'subtle' }}">My Listings</a>
</div>
</div>
</section>
{% if my_view %}
<section class="grid-2">
<article class="panel">
<h2>Create Listing</h2>
{% if sellable_items %}
<form method="post" class="stack">
<input type="hidden" name="action" value="list">
<label>
Item
<select name="item_id">
{% for item in sellable_items %}
<option value="{{ item.id }}">{{ item.name }} ({{ item.quantity }} owned)</option>
{% endfor %}
</select>
</label>
<label>
Quantity
<input type="number" name="quantity" min="1" value="1" required>
</label>
<label>
Price each
<input type="number" name="price_each" min="1" value="100" required>
</label>
<button type="submit" class="primary">List Item</button>
</form>
{% else %}
<p class="muted">You do not have any tradable items to list yet.</p>
{% endif %}
</article>
<article class="panel">
<h2>Listing Rules</h2>
<p class="muted">Listed stock is reserved immediately. If you remove a listing, the remaining quantity returns to inventory.</p>
</article>
</section>
<section class="panel">
<h2>My Listings</h2>
{% if my_listings %}
<table>
<thead>
<tr>
<th>Item</th>
<th>Qty</th>
<th>Price</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
{% for listing in my_listings %}
<tr>
<td>{{ listing.item_name }}</td>
<td>{{ listing.quantity }}</td>
<td>${{ listing.price_each }}</td>
<td>{{ listing.status }}</td>
<td>
{% if listing.status == "active" %}
<form method="post" class="inline-form">
<input type="hidden" name="action" value="remove">
<input type="hidden" name="listing_id" value="{{ listing.id }}">
<button type="submit" class="subtle">Remove</button>
</form>
{% else %}
<span class="muted mini">Closed</span>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<p class="muted">No listings yet.</p>
{% endif %}
</section>
{% else %}
<section class="panel">
<h2>Active Listings</h2>
{% if listings %}
<table>
<thead>
<tr>
<th>Item</th>
<th>Seller</th>
<th>Qty</th>
<th>Price Each</th>
<th>Buy</th>
</tr>
</thead>
<tbody>
{% for listing in listings %}
<tr>
<td>{{ listing.item_name }}<br><span class="muted mini">{{ listing.category|replace('_', ' ')|title }}</span></td>
<td>{{ listing.seller_name }}</td>
<td>{{ listing.quantity }}</td>
<td>${{ listing.price_each }}</td>
<td>
{% if listing.seller_user_id == current_user.id %}
<span class="muted mini">Your listing</span>
{% else %}
<form method="post" class="inline-form">
<input type="hidden" name="action" value="buy">
<input type="hidden" name="listing_id" value="{{ listing.id }}">
<input type="number" name="quantity" min="1" max="{{ listing.quantity }}" value="1">
<button type="submit" class="primary">Buy</button>
</form>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<p class="muted">No active market listings right now.</p>
{% endif %}
</section>
{% endif %}
{% endblock %}
