<templates>
    <div class="main" t-name="root">
        <div class="left-thing">
            <div class="title">Actions</div>
            <div class="panel">
                <button class="o_btn_msg 100">Add 100 messages</button>
                <button class="o_btn_msg 1000">Add 1k messages</button>
                <button class="o_btn_msg 10000">Add 10k messages</button>
                <button class="o_btn_msg 30000">Add 30k messages</button>
                <button class="updateSomeMessages">Update every 10th message</button>
                <button class="clear">Clear</button>
            </div>
            <div class="flags">
                <div>
                    <input type="checkbox" class="o_multiple" id="multipleflag" />
                    <label for="multipleflag">Do it 20x</label>
                </div>
                <div>
                    <input type="checkbox" class="o_clear" id="clearFlag" />
                    <label for="clearFlag">Clear after</label>
                </div>
            </div>
            <div class="info message_count">
                Number of messages: 0
            </div>
            <div class="title">Log <span class="clear-log">(clear)</span></div>
            <div class="log">
                <div class="log-content"/>
            </div>
        </div>
        <div class="right-thing">
            <div class="content">
            </div>
        </div>
    </div>

    <div t-name="message" class="message">
        <span class="author"><t t-esc="widget.author"/></span>
        <span class="msg"><t t-esc="widget.msg"/></span>
        <button class="remove">Remove</button>
    </div>

  <div t-name="counter">
    <button class="o_increment"></button>
  </div>

</templates>