{% extends "admin/base.html" %}
{% block page_title %}🏆 اعلام برندگان — {{ match.title }}{% endblock %}
{% block content %}
<div class="action-bar">
  <div style="display:flex;align-items:center;gap:0.75rem">
    <a href="{{ url_for('admin.matches_list') }}" class="btn btn-ghost btn-sm">← بازگشت</a>
    <h2 style="font-size:1rem;margin:0">🏆 {{ match.title }}</h2>
    <span class="badge badge-cyan">{{ match.game.name }}</span>
  </div>
</div>

<div class="card animate-in" style="max-width:760px">
  <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:0.5rem">
    <div>
      <div style="font-size:0.75rem;color:var(--text-muted);text-transform:uppercase">جایزه کل استخر</div>
      <div style="font-family:'Orbitron';font-size:1.5rem;font-weight:800;color:var(--neon)">{{ match.prize_pool }}</div>
    </div>
    <div style="font-size:0.85rem;color:var(--text-muted)">{{ participants|length }} شرکت‌کننده</div>
  </div>

{% set wids = winner_ids or [] %}
{% if match.status == 'finished' and wids %}
<div style="margin-bottom:1rem;padding:0.75rem 1rem;background:rgba(166,120,232,0.06);border:1px solid rgba(166,120,232,0.2);border-radius:var(--r-sm)">
  <div style="font-family:Orbitron;font-size:0.75rem;color:var(--neon);margin-bottom:0.4rem">🏆 برندگان اعلام‌شده (در صورت تغییر، جوایز قبلی اصلاح می‌شود)</div>
  {% for pid in wids %}
    {% set p = part_by_id.get(pid) %}
    <div style="display:flex;align-items:center;gap:0.6rem;padding:0.3rem 0">
      <span style="width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--neon),var(--purple));display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:0.7rem;color:#000">{{ p.user.display_name[0]|upper if p and p.user else '?' }}</span>
      <span style="font-weight:600">{{ p.user.display_name if p and p.user else 'Unknown' }} · #{{ p.user.numeric_id if p and p.user else '' }}</span>
      <span class="badge badge-neon" style="font-size:0.65rem">{{ ['🥇','🥈','🥉'][loop.index0] if loop.index0 < 3 else '#' ~ (loop.index0 + 1) }}</span>
      <span style="font-size:0.75rem;color:var(--amber);font-family:Orbitron">${{ '%.2f' | format(prize_by_pid.get(pid, 0)) }}</span>
    </div>
  {% endfor %}
</div>
{% endif %}

  {% if participants %}
  <form method="POST" id="awardForm">
    <div class="form-group">
      <label>استخر جایزه (برای دکمه‌های تقسیم خودکار)</label>
      <input class="input" type="number" id="poolInput" value="{{ match.prize_pool or 0 }}" min="0" step="0.01" style="max-width:220px">
      <div style="display:flex;gap:0.5rem;margin-top:0.5rem;flex-wrap:wrap">
        <button type="button" class="btn btn-outline btn-sm" onclick="fillPreset('equal')">تقسیم مساوی بین مقام‌های انتخابی</button>
        <button type="button" class="btn btn-outline btn-sm" onclick="fillPreset('503020')">۵۰٪ / ۳۰٪ / ۲۰٪</button>
        <button type="button" class="btn btn-outline btn-sm" onclick="fillPreset('603010')">۶۰٪ / ۳۰٪ / ۱۰٪</button>
      </div>
    </div>

    <div class="form-group">
      <label>برندگان را به ترتیب مقام انتخاب کنید و جایزه هر مقام را وارد کنید:</label>
      <div style="font-size:0.72rem;color:var(--text-muted);margin-top:0.3rem;margin-bottom:0.5rem">
        📢 پس از تأیید، برندگان به‌صورت عمومی روی صفحه تورنمنت و «تاریخچه نتایج» اعلام می‌شوند · جایزه هر مقام جداگانه به کیف پول برداشت واریز می‌شود · +۱۰۰ امتیاز برد / +۲۰ امتیاز حضور در لیدربورد ثبت می‌شود
      </div>
      <div style="display:grid;gap:0.6rem;margin-top:0.5rem">
        {% for i in range(1, 7) %}
        {% set medals = {1:'🥇 مقام اول',2:'🥈 مقام دوم',3:'🥉 مقام سوم'} %}
        <div style="display:grid;grid-template-columns:130px 1fr 150px;gap:0.5rem;align-items:center">
          <span style="font-size:0.8rem;font-weight:700;color:{{ 'var(--amber)' if i <= 3 else 'var(--text-muted)' }}">{{ medals.get(i, '#' ~ i) }}</span>
          <select name="slot_{{ i }}" class="input" style="padding:0.5rem">
            <option value="">— انتخاب بازیکن —</option>
            {% for p in participants %}
            <option value="{{ p.id }}" {% if prev_slot.get(i) == p.id %}selected{% endif %}>{{ p.user.display_name }} · #{{ p.user.numeric_id }}{% if p.team_id %} (تیم){% endif %}</option>
            {% endfor %}
          </select>
          <input class="input" type="number" name="prize_{{ i }}" id="prize_{{ i }}" placeholder="$ جایزه" min="0" step="0.01"
                 value="{{ '%g' | format(prev_prizes.get(i, 0)) if prev_prizes.get(i) else '' }}" style="padding:0.5rem">
        </div>
        {% endfor %}
      </div>
      <div style="font-size:0.75rem;color:var(--text-muted);margin-top:0.5rem">مقام‌های ۴ به بعد اختیاری‌اند · جمع جوایز پرداختی: <strong id="prizeSum" style="font-family:Orbitron">0</strong></div>
    </div>

    <div style="display:flex;gap:0.8rem;margin-top:1.5rem">
      <button type="submit" class="btn btn-primary" style="flex:1;justify-content:center;padding:0.9rem">
        🏆 اعلام برندگان، پرداخت جوایز و ثبت امتیازها
      </button>
      <a href="{{ url_for('admin.matches_list') }}" class="btn btn-outline">انصراف</a>
    </div>
  </form>
  <script>
    function fillPreset(mode) {
      const pool = parseFloat(document.getElementById('poolInput').value || 0);
      if (!pool || pool <= 0) { alert('اول مبلغ استخر جایزه را وارد کنید'); return; }
      const prizes = [document.getElementById('prize_1'), document.getElementById('prize_2'), document.getElementById('prize_3')];
      prizes.forEach(el => { if (el) el.value = ''; });
      if (mode === 'equal') {
        let n = 0;
        for (let i = 1; i <= 6; i++) {
          const s = document.querySelector('select[name="slot_' + i + '"]');
          if (s && s.value) n++;
        }
        if (!n) { alert('اول بازیکنان مقام‌ها را انتخاب کنید'); return; }
        const share = Math.floor((pool / n) * 100) / 100;
        for (let i = 1; i <= 6; i++) {
          const s = document.querySelector('select[name="slot_' + i + '"]');
          const el = document.getElementById('prize_' + i);
          if (el) el.value = (s && s.value) ? share : '';
        }
      } else if (mode === '503020') {
        const pcts = [0.5, 0.3, 0.2];
        prizes.forEach((el, idx) => { if (el) el.value = Math.floor(pool * pcts[idx] * 100) / 100; });
      } else if (mode === '603010') {
        const pcts = [0.6, 0.3, 0.1];
        prizes.forEach((el, idx) => { if (el) el.value = Math.floor(pool * pcts[idx] * 100) / 100; });
      }
      updateSum();
    }
    function updateSum() {
      let sum = 0;
      for (let i = 1; i <= 6; i++) {
        const el = document.getElementById('prize_' + i);
        if (el && el.value) sum += parseFloat(el.value);
      }
      document.getElementById('prizeSum').textContent = sum.toFixed(2) + ' $';
    }
    document.querySelectorAll('input[name^="prize_"]').forEach(el => el.addEventListener('input', updateSum));
    updateSum();
  </script>
  {% else %}
  <div style="text-align:center;padding:2rem;color:var(--text-muted)">هیچ شرکت‌کننده‌ای در این مسابقه ثبت‌نام نکرده است.</div>
  {% endif %}
</div>
{% endblock %}