{% extends "base.html" %}

{% block content %}
<div style="max-width: 600px; margin: 80px auto;">
    <h2 style="text-align: center; margin-bottom: 30px;">🔑 Branch Activation</h2>
    
    <div style="background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 20px;">
        <h3>Registration Status</h3>
        {% if trial_days > 0 %}
            <p style="color: #e67e22; font-weight: bold;">⏱️ Trial Mode ({{ trial_days }} days remaining)</p>
        {% else %}
            <p style="color: #e74c3c; font-weight: bold;">❌ Trial Expired</p>
        {% endif %}
        {% if branch_id %}
            <p><strong>Branch ID:</strong> {{ branch_id }}</p>
        {% endif %}
    </div>

    <form method="POST">
        <div style="margin-bottom: 20px;">
            <label style="display: block; margin-bottom: 5px; font-weight: bold;">Registration Key:</label>
            <input type="text" name="registration_key" required style="width: 100%; padding: 10px; font-size: 16px; border: 1px solid #ddd; border-radius: 5px;">
        </div>
        
        <button type="submit" class="btn btn-primary" style="width: 100%;">✅ Activate Branch</button>
    </form>
    
    <div style="margin-top: 30px; text-align: center;">
        {% if 'user' in session %}
            <a href="/dashboard" class="btn btn-danger" style="text-decoration: none;">⬅️ Back to Dashboard</a>
        {% else %}
            <a href="/login" class="btn btn-danger" style="text-decoration: none;">⬅️ Back to Login</a>
        {% endif %}
    </div>
</div>
{% endblock %}