{% extends "base.html" %}
{% block title %}License · WageWise Neo{% endblock %}
{% block content %}
<div class="page-header">
    <div><div class="eyebrow">Setup</div><h1>License</h1></div>
</div>

<div class="card-grid" style="margin-bottom:20px;">
    <div class="stat-card" style="border-color:{{ 'var(--color-paid)' if license_valid else 'var(--color-due)' }}">
        <div class="label">Status</div>
        <div class="value" style="font-size:18px;color:{{ 'var(--color-paid)' if license_valid else 'var(--color-due)' }}">
            {% if license_valid and license_info and license_info.license_type == 'demo' %}
                ⏱ Demo Active
            {% elif license_valid %}
                ✓ Full License Active
            {% else %}
                ✗ Not Activated
            {% endif %}
        </div>
        {% if license_error and not license_valid %}<div class="sub" style="color:var(--color-due);">{{ license_error }}</div>{% endif %}
    </div>
    {% if license_valid and license_info %}
    <div class="stat-card">
        <div class="label">{{ 'Demo Period' if license_info.license_type == 'demo' else 'Licensed To' }}</div>
        <div class="value" style="font-size:16px;">
            {{ license_info.company if license_info.license_type != 'demo' else 'Free trial — no company lock-in yet' }}
        </div>
    </div>
    <div class="stat-card">
        <div class="label">Users Allowed</div>
        <div class="value">{{ license_info.max_users }}</div>
        <div class="sub">Valid {{ license_info.valid_from }} &rarr; {{ license_info.valid_until }} · {{ license_info.days_left }} day(s) left</div>
    </div>
    {% endif %}
</div>

{% if license_valid and license_info and license_info.license_type == 'demo' %}
<div class="panel" style="margin-bottom:20px;background:var(--color-paper-raised);border-color:var(--color-stamp);">
    <p style="margin:0;font-size:13px;">
        <strong>You're on the free demo.</strong> It covers full use of the current install month
        (1st through end of month), plus a further 15 days afterward — then WageWise will ask for
        a purchased license to continue. All your data stays intact either way; nothing is deleted
        when the demo ends.
    </p>
</div>
{% endif %}

<div class="panel" style="margin-bottom:20px;">
    <div class="panel-title"><h2>WageWise License Tiers</h2></div>
    <table class="ledger-table">
        <thead><tr><th>Tier</th><th class="num">Max Users</th><th>Best For</th></tr></thead>
        <tbody>
            <tr><td class="name-cell"><strong>Basic</strong></td><td class="num">2</td><td>Owner + 1 staff</td></tr>
            <tr><td class="name-cell"><strong>Standard</strong></td><td class="num">5</td><td>Small HR / Accounts team</td></tr>
            <tr><td class="name-cell"><strong>Professional</strong></td><td class="num">15</td><td>Medium business</td></tr>
            <tr><td class="name-cell"><strong>Enterprise</strong></td><td class="num">100</td><td>Large / multi-branch</td></tr>
        </tbody>
    </table>
    <p class="field-hint" style="margin-top:10px;">Every paid license runs a minimum of 1 year. Contact your WageWise Neo vendor to purchase or renew.</p>
</div>

<div class="panel" style="max-width:600px;">
    <h3>Activate a Full License</h3>
    {% if success %}
    <div style="background:var(--color-paid-bg);color:var(--color-paid);border:1px solid var(--color-paid);border-radius:4px;padding:10px 14px;margin:12px 0;font-size:13px;">✓ {{ success }}</div>
    {% endif %}
    {% if error %}
    <div style="background:var(--color-due-bg);color:var(--color-due);border:1px solid var(--color-due);border-radius:4px;padding:10px 14px;margin:12px 0;font-size:13px;">✗ {{ error }}</div>
    {% endif %}

    <form method="post" enctype="multipart/form-data" style="margin-top:16px;">
        <div class="field" style="margin-bottom:16px;">
            <label>Option A — Upload your license file</label>
            <input type="file" name="license_file" accept=".wwlic,.lic,.txt">
            <span class="field-hint">The .wwlic file you received by email after payment. This is the easiest way — just select the file and click Activate.</span>
        </div>
        <div class="field" style="margin-bottom:16px;">
            <label>Option B — Paste the license key directly</label>
            <input type="text" name="license_key" placeholder="WAGEWISE-XXXX-XXXX-XXXX-XXXX"
                   style="font-family:var(--font-data);font-size:13px;width:100%;letter-spacing:0.05em;">
            <span class="field-hint">Only needed if you can't upload the file for some reason.</span>
        </div>
        <button type="submit" class="btn btn-primary">Activate License</button>
    </form>

    <div style="margin-top:20px;padding-top:16px;border-top:1px solid var(--color-rule);">
        <p class="field-hint" style="margin:0;">
            <strong>Tip:</strong> You can also just drop the .wwlic file straight into the
            <code>{{ license_dir }}/</code> folder inside your WageWise installation and restart
            the app — it activates automatically, no need to visit this page at all.
        </p>
    </div>
</div>
{% endblock %}