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

{% if error %}
<div class="panel" style="border-color:var(--color-due);background:var(--color-due-bg);padding:12px 16px;margin-bottom:16px;">
    <p style="color:var(--color-due);margin:0;">{{ error }}</p>
</div>
{% endif %}

<div class="card-grid" style="margin-bottom:20px;">
    <div class="stat-card">
        <div class="label">Active Companies</div>
        <div class="value">{{ companies|length }}</div>
        <div class="sub">of {{ max_companies }} allowed by license</div>
    </div>
    <div class="stat-card">
        <div class="label">Current FY</div>
        <div class="value" style="font-size:18px;">{{ current_fy }}</div>
    </div>
</div>

{% if companies|length < max_companies %}
<div class="panel" style="margin-bottom:16px;">
    <div class="panel-title"><h2>Add New Company</h2></div>
    <form method="post" style="display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;">
        <input type="hidden" name="action" value="add">
        <div class="field" style="flex:2;min-width:200px;margin:0;">
            <label>Company Name *</label>
            <input type="text" name="name" placeholder="e.g. Acme Trading Pvt Ltd" required>
        </div>
        <div class="field" style="flex:1;min-width:120px;margin:0;">
            <label>Short Name</label>
            <input type="text" name="short_name" placeholder="e.g. Acme" maxlength="12">
        </div>
        <button type="submit" class="btn btn-primary">+ Add Company</button>
    </form>
    <p class="field-hint" style="margin-top:10px;">Each company gets its own employee database and financial year data. Users are created separately per company.</p>
</div>
{% else %}
<div class="panel" style="margin-bottom:16px;border-color:var(--color-stamp);">
    <p style="margin:0;font-size:13px;">Your license allows <strong>{{ max_companies }}</strong> {{ 'company' if max_companies == 1 else 'companies' }}. To add more, upgrade your license.</p>
</div>
{% endif %}

<div class="panel">
    <div class="panel-title"><h2>All Companies</h2></div>
    <table class="ledger-table">
        <thead>
            <tr><th>#</th><th>Company Name</th><th>Short Name</th><th>ID</th><th>FY Databases</th><th></th></tr>
        </thead>
        <tbody>
        {% for co in companies %}
        <tr>
            <td class="meta">{{ loop.index }}</td>
            <td class="name-cell"><strong>{{ co.name }}</strong></td>
            <td class="meta">{{ co.short_name }}</td>
            <td><code style="font-family:var(--font-data);font-size:11px;">{{ co.id }}</code></td>
            <td class="meta">
                {% set fys = [] %}
Multiple FYs supported
            </td>
            <td>
                {% if co.id != session.get('company_id') %}
                <form method="post" action="{{ url_for('switch_company') }}" style="display:inline;">
                    <input type="hidden" name="company_id" value="{{ co.id }}">
                    <button type="submit" class="btn btn-secondary" style="font-size:11px;padding:2px 10px;">Switch to</button>
                </form>
                {% else %}
                <span class="stamp active">Current</span>
                {% endif %}
            </td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}