    <!-- Container for the javascript chart -->
    <div id="chart">
        <div class="a1" >
            <!-- Toggle On/Off indicators-->
            <button id="enable_indicators" type="button" onclick="UI.controls.showAtPos(event,'indicators')">Indicators</button>
            <!-- Container exchange_name for any indicator output -->
            <div id="indicator_output" ></div>
            <!-- Chart specific controls -->
            <div id="chart_controls">
                <!-- Trading pair selector -->
                <form id="tp_selector" action="/settings" method="post">
                    <input type="hidden" name="setting" value="trading_pair" />
                    <label for="symbols" >Trading Pair</label>
                    <input list="symbols" name="symbol" id="symbol" style="width: 96px;">
                    <datalist id="symbols">
                        {% for symbol in symbols %}
                        <option>{{ symbol }}</option>
                        {% endfor %}
                    </datalist>
                </form>
                <!-- Time timeframe selector -->
                <form action="/settings" method="post">
                    <input type="hidden" name="setting" value="interval" />
                    <select id="timeframe" name="timeframe" onchange="this.form.submit()">
                        {% for time_frame in intervals %}
                        <option {% if time_frame == interval_state %} selected="selected" {%endif%}>{{ time_frame }}</option>
                        {% endfor %}
                    </select>
                </form>
                <!-- Exchange selector -->
                <form action="/settings" method="post">
                    <input type="hidden" name="setting" value="exchange" />
                    <select id="exchange_name" name="exchange_name" onchange="this.form.submit()">
                        {% for exchange in cond_exchanges %}
                        <option {% if exchange == selected_exchange %} selected="selected" {%endif%}>{{ exchange }}</option>
                        {% endfor %}
                    </select>
                </form>
            </div>
        </div>
    </div>
