{% extends "admin/base.html" %}

{% block title %}Pricing | Admin{% endblock %}

{% block content %}
<div class="admin-page-head">
  <div>
    <p class="eyebrow-dark">Bulk price tools</p>
    <h1>Pricing</h1>
    <p class="mt-3 max-w-3xl text-sm font-bold text-zinc-600">Preview percentage changes before applying. POA and unparsable prices are skipped, and applied changes are recorded in price history.</p>
  </div>
</div>

<form class="admin-panel mt-8" method="post">
  <h2>Price Update</h2>
  <div class="mt-5 grid gap-4 md:grid-cols-4">
    <label><span class="form-label">Category</span><select class="form-input" name="category"><option value="">All categories</option>{% for option in filter_options.categories %}<option value="{{ option.category }}" {% if filters.category == option.category %}selected{% endif %}>{{ option.category }}</option>{% endfor %}</select></label>
    <label><span class="form-label">Make</span><select class="form-input" name="make"><option value="">All makes</option>{% for option in filter_options.makes %}<option value="{{ option.make }}" {% if filters.make == option.make %}selected{% endif %}>{{ option.make }}</option>{% endfor %}</select></label>
    <label><span class="form-label">Status</span><select class="form-input" name="status"><option value="">Any status</option>{% for option in filter_options.statuses %}<option value="{{ option.status }}" {% if filters.status == option.status %}selected{% endif %}>{{ option.status }}</option>{% endfor %}</select></label>
    <label><span class="form-label">Published</span><select class="form-input" name="published"><option value="">Published + drafts</option><option value="1" {% if filters.published == '1' %}selected{% endif %}>Published only</option><option value="0" {% if filters.published == '0' %}selected{% endif %}>Drafts only</option></select></label>
    <label><span class="form-label">Min price</span><input class="form-input" name="price_min" value="{{ filters.price_min }}"></label>
    <label><span class="form-label">Max price</span><input class="form-input" name="price_max" value="{{ filters.price_max }}"></label>
    <label><span class="form-label">Direction</span><select class="form-input" name="direction"><option value="increase" {% if direction == 'increase' %}selected{% endif %}>Increase</option><option value="decrease" {% if direction == 'decrease' %}selected{% endif %}>Decrease</option></select></label>
    <label><span class="form-label">Percentage</span><input class="form-input" type="number" step="0.01" min="0" name="percentage" value="{{ percentage or '' }}" placeholder="10"></label>
    <label><span class="form-label">Rounding</span><select class="form-input" name="rounding"><option value="none" {% if rounding == 'none' %}selected{% endif %}>No rounding</option><option value="10" {% if rounding == '10' %}selected{% endif %}>Nearest 10</option><option value="50" {% if rounding == '50' %}selected{% endif %}>Nearest 50</option><option value="100" {% if rounding == '100' %}selected{% endif %}>Nearest 100</option></select></label>
  </div>
  <div class="mt-5 flex flex-wrap gap-3">
    <button class="btn-primary" type="submit">Dry Run Preview</button>
    {% if preview %}
      <button class="btn-outline" type="submit" name="apply" value="1" onclick="return confirm('Apply these price changes and write price history?');">Apply Previewed Changes</button>
    {% endif %}
  </div>

  {% if preview %}
    <div class="mt-6 overflow-x-auto rounded-lg border border-zinc-200">
      <table class="min-w-full divide-y divide-zinc-200">
        <thead class="bg-zinc-100"><tr><th class="table-heading">Listing</th><th class="table-heading">Old price</th><th class="table-heading">New price</th><th class="table-heading">Status</th></tr></thead>
        <tbody class="divide-y divide-zinc-200">
          {% for item in preview %}
            <tr>
              <td class="table-cell"><strong>{{ item.listing.public_stock_number or item.listing.stock_number }}</strong> {{ item.listing.title_en }}</td>
              <td class="table-cell">{{ item.old_price }}</td>
              <td class="table-cell">{{ item.new_price or '-' }}</td>
              <td class="table-cell">{{ item.skip or 'Ready' }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% endif %}
</form>

<section class="admin-panel mt-6">
  <h2>Recent Price History</h2>
  <div class="mt-4 overflow-x-auto">
    <table class="min-w-full divide-y divide-zinc-200">
      <thead class="bg-zinc-100"><tr><th class="table-heading">Time</th><th class="table-heading">Listing</th><th class="table-heading">Old</th><th class="table-heading">New</th><th class="table-heading">Change</th><th class="table-heading">User</th></tr></thead>
      <tbody class="divide-y divide-zinc-200">
        {% for row in history %}
          <tr><td class="table-cell">{{ row.created_at }}</td><td class="table-cell">{{ row.public_stock_number or row.stock_number }} {{ row.title_en or '' }}</td><td class="table-cell">{{ row.old_price }}</td><td class="table-cell">{{ row.new_price }}</td><td class="table-cell">{{ row.change_type }} {{ row.percentage }}%</td><td class="table-cell">{{ row.changed_by }}</td></tr>
        {% else %}
          <tr><td class="table-cell" colspan="6">No price changes yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}