{{define "whitelist-content"}}
<div id="tab-whitelist" class="tab-content">
    <div class="sticky-header">
        <div style="display: flex; justify-content: space-between; align-items: center;">
            <h2 style="margin: 0;">Trading Whitelist</h2>
            <button class="add-btn" onclick="showAddModal()">➕ Add Symbol</button>
        </div>
    </div>

    <table>
        <thead>
            <tr>
                <th>Symbol</th>
                <th>Name</th>
                <th>WKN</th>
                <th>ISIN</th>
                <th>Status</th>
                <th>Notes</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody id="whitelist-body">
            <tr><td colspan="7" style="text-align: center;">Loading...</td></tr>
        </tbody>
    </table>
</div>

<div id="whitelist-modal" class="modal">
    <div class="modal-content">
        <h2 id="modal-title">Add Symbol</h2>
        <form id="whitelist-form" onsubmit="saveWhitelist(event)">
            <input type="hidden" id="entry-id" value="">
            <div class="form-group">
                <label>Symbol *</label>
                <input type="text" id="entry-symbol" required>
            </div>
            <div class="form-group">
                <label>Name</label>
                <input type="text" id="entry-name">
            </div>
            <div class="form-group">
                <label>WKN</label>
                <input type="text" id="entry-wkn">
            </div>
            <div class="form-group">
                <label>ISIN</label>
                <input type="text" id="entry-isin">
            </div>
            <div class="form-group">
                <label class="checkbox-label">
                    <input type="checkbox" id="entry-enabled" checked>
                    <span>Enabled (allow trading)</span>
                </label>
            </div>
            <div class="form-group">
                <label>Notes</label>
                <textarea id="entry-notes"></textarea>
            </div>
            <div class="form-actions">
                <button type="submit" class="action-btn save-btn">Save</button>
                <button type="button" class="action-btn cancel-btn" onclick="closeModal()">Cancel</button>
            </div>
        </form>
    </div>
</div>
{{end}}