{% extends "base.html" %}
{% block title %}Dashboard - Hunter Bot{% endblock %}
{% block body %}
<header class="nav">
  <a class="brand" href="{{ url_for('landing') }}"><img src="{{ url_for('static', filename='img/logo-sm.png') }}" alt="Shamuverse logo"><span>HUNTER BOT</span></a>
  <nav><span class="muted">{{ c.name }}</span><a class="btn btn-sm btn-ghost" href="{{ url_for('logout') }}">Logout</a></nav>
</header>
<div class="wrap">
  {% if not ok %}<div class="alert"><b>Hunting is locked.</b> {{ why }}</div>{% endif %}
  <div class="strip">
    <div class="panel"><small>Status</small><b>{% if ok %}<span style="color:var(--green)">ACTIVE</span>{% else %}<span style="color:var(--red)">OFF</span>{% endif %}</b></div>
    <div class="panel"><small>Plan</small><b>{{ plan.name }}</b></div>
    <div class="panel"><small>Expires</small><b>{{ c.expires_at }}</b><span class="muted">{% if days_left >= 0 %}{{ days_left }} days left{% else %}expired{% endif %}</span></div>
    <div class="panel"><small>Hunts left today</small><b id="leftToday">{{ left }}</b><span class="muted">of {{ plan.daily_searches }}</span></div>
  </div>

  <div class="cols">
    <div class="panel">
      <h3>Hunt console</h3>
      <form id="huntForm" data-url="{{ url_for('api_hunt') }}">
        <label>Business type</label><input name="what" placeholder="dentists, salons, restaurants" maxlength="80" required>
        <label>City</label><input name="where" placeholder="Lahore" maxlength="80" required>
        <label>Number of leads (max {{ plan.max_results }})</label>
        <input name="limit" type="number" min="1" max="{{ plan.max_results }}" value="{{ [20, plan.max_results]|min }}">
        <label class="check"><input type="checkbox" name="emails" value="1" {{ '' if plan.emails_allowed else 'disabled' }}> Also find emails {% if not plan.emails_allowed %}<span class="muted">(not in your plan)</span>{% endif %}</label>
        <div class="err" id="huntErr"></div>
        <button class="btn btn-block" id="huntBtn" type="submit" {{ '' if ok else 'disabled' }}>Start hunt</button>
      </form>
    </div>

    <div>
      <div class="panel red" id="resultPanel" hidden>
        <h3>Results <a class="btn btn-sm btn-green" id="dlBtn" href="#">Download Excel</a></h3>
        <div class="stats" style="grid-template-columns:repeat(3,1fr)">
          <div class="stat"><small>Leads</small><b id="rCount">0</b></div>
          <div class="stat"><small>With phone</small><b class="c" id="rPhone">0</b></div>
          <div class="stat"><small>With email</small><b class="c" id="rEmail">0</b></div>
        </div>
        <div class="tbl-wrap"><table><thead><tr><th>Business</th><th>Phone</th><th>Email</th><th>Website</th><th>Address</th></tr></thead><tbody id="rBody"></tbody></table></div>
      </div>

      <div class="panel" style="margin-top:22px">
        <h3>Recent hunts</h3>
        {% if hunts %}
        <div class="tbl-wrap"><table><thead><tr><th>Date</th><th>Search</th><th>Leads</th><th></th></tr></thead><tbody>
          {% for h in hunts %}<tr><td>{{ h.created_at[:16].replace('T',' ') }}</td><td>{{ h.what }} in {{ h.place }}</td><td>{{ h.count }}</td><td><a href="{{ url_for('download', hid=h.id) }}">Download</a></td></tr>{% endfor %}
        </tbody></table></div>
        {% else %}<p class="muted">No hunts yet. Start your first one.</p>{% endif %}
      </div>
    </div>
  </div>
</div>
{% endblock %}