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

{% block title %}Branches{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/branches.css">
{% endblock %}
{% block content %}
<div class="wrap">
    <p><a href="/admin">&larr; Back to Admin</a></p>
    <h2>Branch Manager</h2>

    <div class="card">
        <h3 class="hil-inline-d462248a40">Create Branch</h3>
        <form method="POST" action="/admin/branches">
            <input type="hidden" name="action" value="add_branch">
            <input name="name" placeholder="Branch name (example: Town Center)" required>
            <input name="location" placeholder="Location (optional)">
            <button type="submit">Add Branch</button>
        </form>
    </div>

    <div class="card">
        <h3 class="hil-inline-d462248a40">Switch Branch</h3>
        <form method="POST" action="/admin/branches">
            <input type="hidden" name="action" value="switch_branch">
            <select name="branch_id" required>
                {% for b in branches %}
                    <option value="{{ b[0] }}" {% if current_branch_id == b[0] %}selected{% endif %}>{{ b[1] }}{% if b[2] %} - {{ b[2] }}{% endif %}</option>
                {% endfor %}
            </select>
            <button type="submit">Use This Branch</button>
        </form>
        <p class="hil-inline-589824fec3">Sales, inventory, and analytics will reflect the selected branch.</p>
    </div>

    <div class="card">
        <h3 class="hil-inline-d462248a40">All Branches</h3>
        <table>
            <thead><tr><th>Name</th><th>Location</th><th>Status</th><th>Created</th></tr></thead>
            <tbody>
            {% for b in branches %}
                <tr>
                    <td>{{ b[1] }}</td>
                    <td>{{ b[2] }}</td>
                    <td>{% if current_branch_id == b[0] %}<span class="pill">Current</span>{% else %}Active{% endif %}</td>
                    <td>{{ b[4] }}</td>
                </tr>
            {% else %}
                <tr><td colspan="4">No branches yet.</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}