<?xml version="1.0" encoding="utf-8"?>
<templates id="template" xml:space="preserve">
    <t t-name="tour.popover">
        <div t-attf-class="#{ fixed ? 'popover tour fixed' : 'popover tour' }">
            <div class="arrow" t-if="!next"></div>
            <h3 class="popover-title"></h3>
            <div class="popover-content"></div>
            <t t-if="next or end">
                <nav class="popover-navigation">
                    <t t-if="next">
                        <button class="btn btn-sm btn-default" data-role="next"><t t-esc="next"/></button>
                    </t>
                    <small t-if="next &amp;&amp; end">
                        <span class="text-muted"> or </span>
                        <button class="btn-link" data-role="end" style="float: none; padding: 0"><t t-esc="end"/></button>
                    </small>
                    <t t-if="end &amp;&amp; ! next">
                        <button class="btn btn-sm btn-default" data-role="end"><t t-esc="end"/></button>
                    </t>
                </nav>
            </t>
        </div>
    </t>
    <t t-name="tour.popover_title">
        <t t-esc="title"/><button title="End This Tutorial" type="button" class="close" data-role="end">×</button>
    </t>
</templates>
