{% extends "base.html" %}
{% block title %}Settings{% endblock %}

{% block content %}
<div class="space-y-6">
    <h1 class="text-2xl font-bold text-white">Settings</h1>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <a href="/settings/data-source" class="glass rounded-xl border border-gray-800 p-6 hover:border-koin-700 transition group">
            <h3 class="text-lg font-semibold text-white group-hover:text-koin-300">Data Source</h3>
            <p class="text-sm text-gray-400 mt-1">Konfigurasi sumber data (CoinGecko/Indodax), API keys, timeframe sync.</p>
        </a>
        <a href="/settings/capital" class="glass rounded-xl border border-gray-800 p-6 hover:border-koin-700 transition group">
            <h3 class="text-lg font-semibold text-white group-hover:text-koin-300">Capital Allocation</h3>
            <p class="text-sm text-gray-400 mt-1">Alokasi modal per koin, rasio 75/25 aktif/cadangan.</p>
        </a>
        <a href="/settings/fees" class="glass rounded-xl border border-gray-800 p-6 hover:border-koin-700 transition group">
            <h3 class="text-lg font-semibold text-white group-hover:text-koin-300">Transaction Fees</h3>
            <p class="text-sm text-gray-400 mt-1">Biaya transaksi beli/jual (Ajaib: 0.31%).</p>
        </a>
        <a href="/settings/export" class="glass rounded-xl border border-gray-800 p-6 hover:border-koin-700 transition group">
            <h3 class="text-lg font-semibold text-white group-hover:text-koin-300">Export Data</h3>
            <p class="text-sm text-gray-400 mt-1">Export OHLCV CSV, sinyal JSON, portofolio, dan timeline.</p>
        </a>
    </div>
</div>
{% endblock %}