<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">

<t t-name="website.CountdownOption">
    <BuilderRow label.translate="Due Date">
        <BuilderDateTimePicker dataAttributeAction="'endTime'" acceptEmptyDate="false"/>
    </BuilderRow>
    <BuilderRow label.translate="At The End">
        <BuilderSelect preview="false" action="'setEndAction'">
            <BuilderSelectItem actionValue="'nothing'" id="'no_end_action_opt'">Nothing</BuilderSelectItem>
            <BuilderSelectItem actionValue="'redirect'" id="'redirect_end_action_opt'">Redirect</BuilderSelectItem>
            <BuilderSelectItem actionValue="'message_no_countdown'">Message only</BuilderSelectItem>
            <BuilderSelectItem actionValue="'message'">Message + Timer</BuilderSelectItem>
        </BuilderSelect>
        <BuilderButton title.translate="The message will be visible once the countdown ends"
                       t-if="!this.isActiveItem('no_end_action_opt') and !this.isActiveItem('redirect_end_action_opt')"
                       action="'previewEndMessage'"
                       preview="false"
                       icon="'fa-eye'"/>
    </BuilderRow>
    <BuilderRow t-if="this.isActiveItem('redirect_end_action_opt')"
                label.translate="URL">
            <BuilderUrlPicker placeholder.translate="e.g. /my-awesome-page" dataAttributeAction="'redirectUrl'"/>
    </BuilderRow>
    <BuilderRow t-if="!this.isActiveItem('text_layout_opt')" label.translate="Size">
        <BuilderSelect dataAttributeAction="'size'">
            <BuilderSelectItem dataAttributeActionValue="'80'">Small</BuilderSelectItem>
            <BuilderSelectItem dataAttributeActionValue="'120'">Medium</BuilderSelectItem>
            <BuilderSelectItem dataAttributeActionValue="'175'">Large</BuilderSelectItem>
        </BuilderSelect>
    </BuilderRow>
    <BuilderRow label.translate="Display">
        <BuilderSelect dataAttributeAction="'display'">
            <BuilderSelectItem dataAttributeActionValue="'d'">D</BuilderSelectItem>
            <BuilderSelectItem dataAttributeActionValue="'dhm'">D - H - M</BuilderSelectItem>
            <BuilderSelectItem dataAttributeActionValue="'dhms'">D - H - M - S</BuilderSelectItem>
        </BuilderSelect>
    </BuilderRow>

    <BuilderRow t-if="!this.isActiveItem('text_layout_opt')" label.translate="Text Color">
        <BuilderColorPicker dataAttributeAction="'textColor'" enabledTabs="['solid', 'custom']"/>
    </BuilderRow>

    <BuilderRow label.translate="Layout">
        <BuilderSelect action="'setLayout'">
            <BuilderSelectItem actionValue="'circle'" id="'circle_layout_opt'">Circle</BuilderSelectItem>
            <BuilderSelectItem actionValue="'boxes'" id="'boxes_layout_opt'">Boxes</BuilderSelectItem>
            <BuilderSelectItem actionValue="'clean'">Clean</BuilderSelectItem>
            <BuilderSelectItem actionValue="'text'" id="'text_layout_opt'">Text Inline</BuilderSelectItem>
        </BuilderSelect>
    </BuilderRow>
    <t t-if="this.isActiveItem('circle_layout_opt') or this.isActiveItem('boxes_layout_opt')">
        <BuilderRow label.translate="Layout Background" level="2">
            <BuilderSelect dataAttributeAction="'layoutBackground'">
                <BuilderSelectItem dataAttributeActionValue="'inner'">Inner</BuilderSelectItem>
                <BuilderSelectItem dataAttributeActionValue="'plain'">Plain</BuilderSelectItem>
                <BuilderSelectItem dataAttributeActionValue="'none'" id="'no_background_layout_opt'">None</BuilderSelectItem>
            </BuilderSelect>
        </BuilderRow>
        <BuilderRow label.translate="Layout Background Color"
                    t-if="!this.isActiveItem('no_background_layout_opt')" level="3">
            <BuilderColorPicker dataAttributeAction="'layoutBackgroundColor'" enabledTabs="['solid', 'custom']"/>
        </BuilderRow>

        <BuilderRow label.translate="Progress Bar Style" level="2">
            <BuilderSelect dataAttributeAction="'progressBarStyle'">
                <BuilderSelectItem dataAttributeActionValue="'surrounded'">Surrounded</BuilderSelectItem>
                <BuilderSelectItem dataAttributeActionValue="'disappear'">Disappearing</BuilderSelectItem>
                <BuilderSelectItem dataAttributeActionValue="'none'" id="'no_progressbar_style_opt'">None</BuilderSelectItem>
            </BuilderSelect>
        </BuilderRow>

        <t t-if="!this.isActiveItem('no_progressbar_style_opt')">
            <BuilderRow label.translate="Progress Bar Weight" level="3">
                <BuilderSelect dataAttributeAction="'progressBarWeight'">
                    <BuilderSelectItem dataAttributeActionValue="'thin'">Thin</BuilderSelectItem>
                    <BuilderSelectItem dataAttributeActionValue="'thick'">Thick</BuilderSelectItem>
                </BuilderSelect>
            </BuilderRow>
            <BuilderRow label.translate="Progress Bar Color" level="3">
                <BuilderColorPicker dataAttributeAction="'progressBarColor'" enabledTabs="['solid', 'custom']"/>
            </BuilderRow>
        </t>
    </t>
    <t t-if="this.isActiveItem('text_layout_opt')">
        <BuilderRow label.translate="Template" level="2">
            <BuilderSelect id="'countdown_inline_template_opt'" action="'selectCountdownInlineTemplate'" applyTo="'.s_countdown_inline_wrapper'">
                <BuilderSelectItem
                    title.translate="Default"
                    actionParam="{
                        view: 'website.s_countdown_inline_default_template',
                        templateClass: 'o_template_default',
                    }">
                    Default
                </BuilderSelectItem>
                <BuilderSelectItem
                    id="'template_dominoes_opt'"
                    title.translate="Dominoes"
                    actionParam="{
                        view: 'website.s_countdown_inline_dominoes_template',
                        templateClass: 'o_template_dominoes',
                    }">
                    Dominoes
                </BuilderSelectItem>
                <BuilderSelectItem
                    id="'template_wrapped_numbers_opt'"
                    title.translate="Wrapped Numbers"
                    actionParam="{
                        view: 'website.s_countdown_inline_wrapped_numbers_template',
                        templateClass: 'o_template_wrapped_numbers',
                    }">
                    Wrapped Numbers
                </BuilderSelectItem>
                <BuilderSelectItem
                    id="'template_text_opt'"
                    title.translate="Text"
                    actionParam="{
                        view: 'website.s_countdown_inline_text_template',
                        templateClass: 'o_template_text',
                    }">
                    Text
                </BuilderSelectItem>
                <BuilderSelectItem
                    id="'template_big_numbers_opt'"
                    title.translate="Big Numbers"
                    actionParam="{
                        view: 'website.s_countdown_inline_big_numbers_template',
                        templateClass: 'o_template_big_numbers',
                    }">
                    Big Numbers
                </BuilderSelectItem>
            </BuilderSelect>
        </BuilderRow>
        <BuilderRow label.translate="Round Corners" applyTo="'.o_count_item_nbs'" t-if="isActiveItem('template_wrapped_numbers_opt')" level="3">
            <BuilderNumberInput styleAction="'border-radius'" unit="'px'" min="0"/>
        </BuilderRow>
        <BuilderRow label.translate="Color" applyTo="'.s_countdown_inline'" level="2">
            <BuilderSelect>
                <BuilderSelectItem id="'color_default_opt'" title.translate="Default" classAction="'o_countdown_default'">Default</BuilderSelectItem>
                <BuilderSelectItem title.translate="Primary" classAction="'o_countdown_primary'">Primary</BuilderSelectItem>
                <BuilderSelectItem title.translate="Secondary" classAction="'o_countdown_secondary'">Secondary</BuilderSelectItem>
                <BuilderSelectItem title.translate="Info" classAction="'o_countdown_info'">Info</BuilderSelectItem>
                <BuilderSelectItem title.translate="Success" classAction="'o_countdown_success'">Success</BuilderSelectItem>
                <BuilderSelectItem title.translate="Warning" classAction="'o_countdown_warning'">Warning</BuilderSelectItem>
                <BuilderSelectItem title.translate="Danger" classAction="'o_countdown_danger'">Danger</BuilderSelectItem>
                <BuilderSelectItem title.translate="Light" classAction="'o_countdown_light'">Light</BuilderSelectItem>
                <BuilderSelectItem title.translate="Dark" classAction="'o_countdown_dark'">Dark</BuilderSelectItem>
            </BuilderSelect>
        </BuilderRow>
        <BuilderRow label.translate="Subtle colors" applyTo="'.s_countdown_inline'" level="3">
            <BuilderCheckbox id="'subtle_colors_opt'" classAction="'o_countdown_subtle'" t-if="!this.isActiveItem('color_default_opt') and !this.isActiveItem('template_text_opt') and !this.isActiveItem('template_big_numbers_opt')"/>
        </BuilderRow>
        <BuilderRow label.translate="Label" applyTo="'.s_countdown_inline'" level="2">
            <BuilderSelect>
                <BuilderSelectItem title.translate="Default" classAction="''">Default</BuilderSelectItem>
                <BuilderSelectItem title.translate="Compact" classAction="'o_label_compact'">Compact</BuilderSelectItem>
                <BuilderSelectItem title.translate="None" classAction="'o_label_none'">None</BuilderSelectItem>
            </BuilderSelect>
        </BuilderRow>
        <BuilderRow label.translate="Alignment" level="2">
            <BuilderButtonGroup applyTo="'.s_countdown_inline_wrapper'">
                <BuilderButton icon="'fa-align-left'" title.translate="Left" classAction="''"/>
                <BuilderButton icon="'fa-align-center'" title.translate="Center" classAction="'align-self-center text-center'"/>
                <BuilderButton icon="'fa-align-right'" title.translate="Right" classAction="'align-self-end text-end'"/>
            </BuilderButtonGroup>
        </BuilderRow>
        <BuilderRow label.translate="Font Monospace" applyTo="'.s_countdown_inline'" level="2">
            <BuilderCheckbox
                id="'font_monospace_opt'"
                classAction="'o_count_monospace'"
                t-if="this.isActiveItem('template_dominoes_opt') or this.isActiveItem('template_wrapped_numbers_opt') or this.isActiveItem('template_big_numbers_opt')"
                />
        </BuilderRow>
        <hr class="mx-3"/>
        <BuilderRow label.translate="Edge Spacing" applyTo="'.s_countdown_inline_wrapper'">
            <BuilderRange styleAction="'padding'" min="0" max="200" step="1" displayRangeValue="true" unit="'px'"/>
        </BuilderRow>
        <BuilderContext applyTo="'.s_countdown_inline_wrapper'">
            <BorderConfigurator label.translate="Border"/>
        </BuilderContext>
    </t>
</t>

<t t-name="website.s_countdown.end_message">
    <div class="s_countdown_end_message d-none">
        <div class="oe_structure">
            <section class="s_picture pt64 pb64" data-snippet="s_picture">
                <div class="container">
                    <h2 style="text-align: center;">Happy Odoo Anniversary!</h2>
                    <p style="text-align: center;">As promised, we will offer 4 free tickets to our next summit.<br/>Visit our Facebook page to know if you are one of the lucky winners.</p>
                    <div class="row s_nb_column_fixed">
                        <div class="col-lg-12" style="text-align: center;">
                            <figure class="figure w-100">
                                <img src="/web/image/website.library_image_18" class="figure-img img-fluid rounded" alt="Countdown is over - Firework"/>
                            </figure>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</t>

</templates>
