{% extends "base.html" %}

{% block title %}Settings - LogThread{% endblock %}

{% block content %}
<div class="max-w-4xl mx-auto py-8 px-4">
    <h1 class="text-3xl font-bold mb-8">Settings</h1>
    
    <div class="bg-white rounded-lg shadow p-6 mb-6">
        <h2 class="text-xl font-semibold mb-4">Account Settings</h2>
        <p class="text-gray-600">Manage your account preferences and settings.</p>
    </div>

    <div class="bg-white rounded-lg shadow p-6 mb-6">
        <h2 class="text-xl font-semibold mb-4">API Keys</h2>
        <p class="text-gray-600">Create and manage API keys for accessing LogThread services.</p>
        <a href="/settings/billing" class="mt-4 inline-block text-blue-600 hover:underline">Manage Billing →</a>
    </div>
</div>
{% endblock %}