{{define "whitelist-modal"}}
<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}}