# frontend/templates/base.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Local Scripts Web{% endblock %}</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
    {% block extra_css %}{% endblock %}
</head>
<body>
    <header>
        <nav>
            <div class="nav-brand">Local Scripts Web</div>
            <div class="profile-selector">
                <select id="profileSelect" onchange="changeProfile()">
                    <option value="">Loading profiles...</option>
                </select>
                <button onclick="editProfile()">Edit Profile</button>
                <button onclick="newProfile()">New Profile</button>
            </div>
        </nav>
    </header>

    <main>
        {% block content %}{% endblock %}
    </main>

    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
    <script src="{{ url_for('static', filename='js/workdir_config.js') }}"></script>
    {% block extra_js %}{% endblock %}
</body>
</html>