<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <template id="website.s_dynamic_snippet_template">
        <section t-att-data-snippet="snippet_name"
            t-attf-class="#{snippet_name} #{snippet_classes} s_dynamic o_dynamic_snippet_empty pt64 pb64"
            t-att-data-custom-template-data="custom_template_data or '{}'"
            t-att-data-number-of-records="is_single_record and '1' or ''">
            <div t-attf-class="s_dynamic_snippet_container {{container_classes or 'container'}}">
                <div class="row s_nb_column_fixed">
                    <!-- Dynamic snippet loading effect -->
                    <section class="s_dynamic_snippet_holder d-none px-4 placeholder-glow">
                        <div class="row">
                            <span class="placeholder col-3 rounded"/>
                            <span class="placeholder col-2 offset-7 rounded"/>
                            <span class="placeholder mt-3 col-6 rounded"/>
                        </div>
                        <div class="row mt-4">
                            <span class="placeholder col-12 rounded" style="height: 250px;"/>
                        </div>
                    </section>
                    <section t-attf-class="{{is_single_record and 'd-none' or 'justify-content-between d-flex'}} s_dynamic_snippet_title oe_unremovable oe_unmovable flex-column flex-md-row mb-lg-0 pb-3 pb-md-0 s_col_no_resize">
                        <div>
                            <h2 class="h3">Our latest content</h2>
                            <p class="lead">Check out what's new in our company !</p>
                        </div>
                        <div t-if="main_page_url">
                            <a title="See All" t-att-href="main_page_url">See all<span class="fa fa-long-arrow-right ms-2"/></a>
                        </div>
                    </section>
                    <section t-attf-class="s_dynamic_snippet_content oe_unremovable oe_unmovable o_not_editable col s_col_no_resize #{content_classes}">
                        <div class="css_non_editable_mode_hidden">
                            <div class="missing_option_warning alert alert-info fade show d-none d-print-none rounded-0">
                                Your Dynamic Snippet will be displayed here... This message is displayed because you did not provide enough options to retrieve its content.<br/>
                            </div>
                        </div>
                        <div class="dynamic_snippet_template">
                            <t t-out="0"/>
                        </div>
                    </section>
                </div>
            </div>
        </section>
    </template>
    <template id="s_dynamic_snippet" name="Dynamic Snippet">
        <t t-call="website.s_dynamic_snippet_template"
            snippet_name.f="s_dynamic_snippet"/>
    </template>

<asset id="website.s_dynamic_snippet_000_scss" name="Dynamic snippet 000 SCSS">
    <bundle>web.assets_frontend</bundle>
    <path>website/static/src/snippets/s_dynamic_snippet/000.scss</path>
</asset>

<asset id="website.s_dynamic_snippet_000_xml" name="Dynamic snippet 000 XML">
    <bundle>web.assets_frontend</bundle>
    <path>website/static/src/snippets/s_dynamic_snippet/000.xml</path>
</asset>

</odoo>
