{% extends "admin_base.html" %}
{% block title %}Listings — GoldBuy Admin{% endblock %}

{% block admin_content %}
<div class="admin-header">
    <h1>Listings</h1>
    <div class="admin-header-tools">
        <form method="get" action="{{ url_for('admin_listings') }}" class="admin-search">
            {% if active_status %}<input type="hidden" name="status" value="{{ active_status }}">{% endif %}
            <input type="search" name="q" value="{{ q }}"
                   placeholder="Search item, seller, phone, location&hellip;">
            <button type="submit" class="btn btn-small">Search</button>
        </form>
        <a class="btn btn-small btn-outline" href="{{ url_for('export_listings') }}">
            &#8595; Export Excel</a>
    </div>
</div>

<div class="filter-tabs">
    <a href="{{ url_for('admin_listings', q=q or none) }}"
       class="{% if not active_status %}active{% endif %}">
        All <span>{{ tab_counts.get('', 0) }}</span></a>
    {% for s in STATUSES %}
    <a href="{{ url_for('admin_listings', status=s, q=q or none) }}"
       class="{% if active_status == s %}active{% endif %}">
        {{ STATUS_LABELS[s] }} <span>{{ tab_counts.get(s, 0) }}</span></a>
    {% endfor %}
</div>

{% if not listings %}
    <p class="empty">No listings match{% if q %} “{{ q }}”{% endif %}.</p>
{% endif %}

{% for l in listings %}
<article class="listing status-border-{{ l['status'] }}">
    <div class="listing-header">
        <h2>{{ l['item_title'] }}
            <span class="status-pill status-{{ l['status'] }}">{{ STATUS_LABELS[l['status']] }}</span>
        </h2>
        <span class="listing-date">#{{ l['id'] }} &middot; {{ l['created_at'] }}</span>
    </div>

    <div class="listing-body">
        <div class="listing-photos">
            {% for filename in photos.get(l['id'], []) %}
                <a href="{{ url_for('static', filename='uploads/' ~ filename) }}" target="_blank">
                    <img src="{{ url_for('static', filename='uploads/' ~ filename) }}"
                         alt="Photo of {{ l['item_title'] }}">
                </a>
            {% else %}
                <span class="hint">No photos</span>
            {% endfor %}
        </div>

        <div class="listing-info">
            <p><strong>Asking price:</strong> KSh {{ l['price'] }}
               {% if l['offer_amount'] %}<span class="offer-tag">Offered KSh {{ l['offer_amount'] }}</span>{% endif %}</p>
            {% if l['meeting_at'] or l['meeting_place'] %}
            <p><strong>Meeting:</strong>
               {{ l['meeting_at'] }}{% if l['meeting_place'] %} &middot; {{ l['meeting_place'] }}{% endif %}</p>
            {% endif %}
            <p><strong>Seller:</strong> {{ l['seller_name'] }}</p>
            <p><strong>Phone:</strong>
                <a class="phone-link" href="tel:{{ l['phone'] }}">{{ l['phone'] }}</a>
                <a class="wa-link" target="_blank"
                   href="https://wa.me/{{ l['phone']|wa }}?text=Hello {{ l['seller_name'] }}, about the {{ l['item_title'] }} you posted on GoldBuy&hellip;">
                   WhatsApp</a></p>
            <p><strong>Location:</strong> {{ l['location'] }}</p>
            <p><strong>Details:</strong><br>{{ l['details'] }}</p>
        </div>
    </div>

    <div class="listing-actions">
        <form method="post" action="{{ url_for('set_status', listing_id=l['id']) }}">
            {{ csrf_field() }}
            <input type="hidden" name="next" value="{{ request.full_path }}">
            <label class="hint" for="status-{{ l['id'] }}">Status:</label>
            <select id="status-{{ l['id'] }}" name="status" onchange="this.form.submit()">
                {% for s in STATUSES %}
                <option value="{{ s }}" {% if l['status'] == s %}selected{% endif %}>
                    {{ STATUS_LABELS[s] }}</option>
                {% endfor %}
            </select>
        </form>
        <form method="post" action="{{ url_for('delete_listing', listing_id=l['id']) }}"
              onsubmit="return confirm('Delete this listing and its photos?');">
            {{ csrf_field() }}
            <input type="hidden" name="next" value="{{ request.full_path }}">
            <button type="submit" class="btn btn-small btn-danger">Delete</button>
        </form>
    </div>

    <details class="notes" {% if l['notes'] %}open{% endif %}>
        <summary>Notes {% if l['notes'] %}&#9998;{% endif %}</summary>
        <form method="post" action="{{ url_for('save_notes', listing_id=l['id']) }}">
            {{ csrf_field() }}
            <input type="hidden" name="next" value="{{ request.full_path }}">
            <textarea name="notes" rows="2"
                      placeholder="e.g. No answer 2x. Wants 50k, offered 42k.">{{ l['notes'] }}</textarea>
            <button type="submit" class="btn btn-small btn-outline">Save notes</button>
        </form>
    </details>

    <details class="notes" {% if l['offer_amount'] or l['meeting_at'] %}open{% endif %}>
        <summary>Deal &amp; meeting {% if l['offer_amount'] %}&#128176;{% endif %}</summary>
        <form method="post" action="{{ url_for('save_deal', listing_id=l['id']) }}" class="deal-form">
            {{ csrf_field() }}
            <input type="hidden" name="next" value="{{ request.full_path }}">
            <div class="deal-grid">
                <label>Your offer (KSh)
                    <input type="text" name="offer_amount" value="{{ l['offer_amount'] }}"
                           placeholder="e.g. 42000"></label>
                <label>Meeting date/time
                    <input type="text" name="meeting_at" value="{{ l['meeting_at'] }}"
                           placeholder="e.g. Fri 11 Jul, 2pm"></label>
                <label>Meeting place
                    <input type="text" name="meeting_place" value="{{ l['meeting_place'] }}"
                           placeholder="e.g. KCB Sarit Centre"></label>
            </div>
            <button type="submit" class="btn btn-small btn-outline">Save deal</button>
        </form>
    </details>
</article>
{% endfor %}
{% endblock %}