{% extends "base.html" %}
{% block title %}Switch Company · WageWise Neo{% endblock %}
{% block content %}
<div class="page-header">
    <div><div class="eyebrow">Account</div><h1>Switch Company</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="panel" style="max-width:480px;">
    <form method="post">
        <div class="field" style="margin-bottom:20px;">
            <label>Select Company</label>
            {% for co in companies %}
            <label style="display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--color-rule);border-radius:6px;margin-bottom:8px;cursor:pointer;{{ 'border-color:var(--color-paid);background:var(--color-paid-bg);' if co.id == session.get('company_id','') }}">
                <input type="radio" name="company_id" value="{{ co.id }}" {{ 'checked' if co.id == session.get('company_id','') }}>
                <div>
                    <div style="font-weight:600;">{{ co.name }}</div>
                    <div class="meta">{{ co.short_name }}</div>
                </div>
            </label>
            {% endfor %}
        </div>
        <div class="actions-row">
            <button type="submit" class="btn btn-primary">Switch Company</button>
            <a href="{{ url_for('dashboard') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}