<?xml version="1.0"?>
<t name="List" t-name="website_blog.dynamic_filter_template_blog_post_list">
    <div t-foreach="records" t-as="data" class="s_blog_posts_post border-0 rounded-3 p-3" data-extra-classes="g-3" data-column-classes="col-12 col-sm-6 col-lg-4">
        <t t-set="record" t-value="data['_record']"/>
        <a class="text-decoration-none text-reset" t-att-title="'Read ' + data['name']" t-att-href="data['call_to_action_url']">
            <div class="d-flex align-items-center small">
                <t t-call="website_blog.s_dynamic_snippet_template_author"/>
                <t t-call="website_blog.s_dynamic_snippet_template_date"/>
            </div>
            <h4 class="mt-2">
                <span t-if="is_sample" class="bg-primary text-uppercase">Sample</span>
                <span t-field="record.name"/>
            </h4>
            <t t-call="website_blog.s_dynamic_snippet_template_teaser"/>
        </a>
    </div>
</t>
