{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Shop Verification - {{ brand_name }}{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/shop_verify.css">
{% endblock %}
{% block content %}
<div class="container">
    <h1 class="brand">Shop Verification Details</h1>

    <a href="/admin/shops" class="back-link">&larr; Back to Registry</a>

    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div class="flash {{ category }}">{{ message }}</div>
            {% endfor %}
        {% endif %}
    {% endwith %}

    <div class="card">
        <h2 class="hil-inline-d462248a40">{{ shop.name }}</h2>

        <div class="detail-row">
            <span class="detail-label">Brand</span>
            <span class="detail-value">{{ shop.brand or '-' }}</span>
        </div>
        <div class="detail-row">
            <span class="detail-label">Shop Code</span>
            <span class="detail-value">{{ shop.code }}</span>
        </div>
        <div class="detail-row">
            <span class="detail-label">Address / Location</span>
            <span class="detail-value">{{ shop.address or '-' }}</span>
        </div>
        <div class="detail-row">
            <span class="detail-label">Business Phone</span>
            <span class="detail-value">{{ shop.phone or '-' }}</span>
        </div>
        <div class="detail-row">
            <span class="detail-label">Business Email</span>
            <span class="detail-value">{{ shop.email or '-' }}</span>
        </div>
        <div class="detail-row">
            <span class="detail-label">Business Type</span>
            <span class="detail-value">{{ shop.business_type or '-' }}</span>
        </div>
        <div class="detail-row">
            <span class="detail-label">Owner / Manager</span>
            <span class="detail-value">{{ shop.owner_name or '-' }}</span>
        </div>
        <div class="detail-row">
            <span class="detail-label">Verification</span>
            <span class="detail-value">
                {% if shop.verified %}
                    <span class="badge verified">Verified</span>
                {% else %}
                    <span class="badge unverified">Unverified</span>
                {% endif %}
            </span>
        </div>
        <div class="detail-row">
            <span class="detail-label">Status</span>
            <span class="detail-value">
                <span class="badge status-{{ shop.status }}">{{ shop.status|capitalize }}</span>
            </span>
        </div>
        <div class="detail-row">
            <span class="detail-label">Registered On</span>
            <span class="detail-value">{{ shop.created_at }}</span>
        </div>
        {% if shop.verified_at %}
        <div class="detail-row">
            <span class="detail-label">Verified At</span>
            <span class="detail-value">{{ shop.verified_at }}</span>
        </div>
        {% endif %}
    </div>

    <div class="card">
        <h3 class="hil-inline-d462248a40">Admin Users & Passwords</h3>
        <p class="hil-inline-d3ed05cb4b">As server owner, you can view admin credentials and reset passwords when requested.</p>
        <div class="admin-list">
            {% for admin in admins %}
                <div class="admin-item">
                    <div class="hil-inline-27f0b73823">
                        <div>
                            <strong>{{ admin[1] }}</strong>
                            {% if admin[2] %}
                                <span class="hil-inline-57f9e31d78">({{ admin[2] }})</span>
                            {% endif %}
                        </div>
                        <span class="password-display">ID: {{ admin[0] }}</span>
                    </div>
                    <div class="hil-inline-0c742d1b4a">
                        To view or reset password, use the form below.
                    </div>
                    <form class="reset-form" method="POST" action="/admin/shops/{{ shop.id }}">
                        <input type="hidden" name="action" value="reset_password">
                        <input type="hidden" name="admin_id" value="{{ admin[0] }}">
                        <input type="password" name="new_password" placeholder="New password (min 8 chars)" minlength="8" required>
                        <button type="submit">Reset Password</button>
                    </form>
                </div>
            {% else %}
                <p class="hil-inline-57f9e31d78">No admin users found.</p>
            {% endfor %}
        </div>
    </div>

    <div class="card">
        <h3 class="hil-inline-d462248a40">Verification Controls</h3>
        <div class="actions">
            <form method="POST" action="/admin/shops/{{ shop.id }}">
                <input type="hidden" name="action" value="verify">
                {% if shop.verified %}
                    <button type="submit" class="btn-warning">Revoke Verification</button>
                {% else %}
                    <button type="submit" class="btn-primary">Verify Shop</button>
                {% endif %}
            </form>
        </div>

        <h4 class="hil-inline-86de7ac63a">Change Status</h4>
        <div class="actions">
            <form method="POST" action="/admin/shops/{{ shop.id }}">
                <input type="hidden" name="action" value="status">
                <input type="hidden" name="status" value="pending">
                <button type="submit" class="btn-warning">Set Pending</button>
            </form>
            <form method="POST" action="/admin/shops/{{ shop.id }}">
                <input type="hidden" name="action" value="status">
                <input type="hidden" name="status" value="active">
                <button type="submit" class="btn-primary">Set Active</button>
            </form>
            <form method="POST" action="/admin/shops/{{ shop.id }}">
                <input type="hidden" name="action" value="status">
                <input type="hidden" name="status" value="suspended">
                <button type="submit" class="btn-danger">Suspend</button>
            </form>
        </div>
    </div>

    {% if shop.id != 1 %}
    <div class="card preserve-section">
        <h3 class="hil-inline-d462248a40">Preserve Shop Data</h3>
        <p class="hil-inline-d3ed05cb4b">This action suspends the shop but keeps users, products, sales, customers, and server registration details untouched.</p>
        <form method="POST" action="/admin/shops/{{ shop.id }}" onsubmit="const shopName = '{{ shop.name|escape }}'; return confirm('Suspend shop ' + shopName + ' while preserving all its data?');">
            <input type="hidden" name="action" value="delete">
            <button type="submit" class="btn-warning hil-inline-1847bbba43">Suspend And Preserve Data</button>
        </form>
    </div>
    {% endif %}
</div>
{% endblock %}