<?xml version="1.0"?>
<t name="Card" t-name="website_blog.dynamic_filter_template_blog_post_card">
    <div t-foreach="records" t-as="data" class="s_blog_posts_post w-100" data-extra-classes="g-3" data-column-classes="col-12 col-sm-6 col-lg-4 col-xxl-3">
        <t t-set="record" t-value="data['_record']"/>
        <div class="card h-100">
            <a class="text-decoration-none text-reset" t-att-href="data['call_to_action_url']" t-att-title="'Read ' + data['name']">
                <div class="s_blog_posts_post_cover o_not_editable card-img-top ratio ratio-16x9">
                    <t t-call="website.record_cover">
                        <t t-set="_record" t-value="record"/>
                        <t t-set="additionnal_classes" t-value="'position-absolute w-100 h-100 bg-600 o_snippet_not_selectable'"/>
                    </t>
                </div>
                <div class="card-body">
                    <div t-if="is_sample" class="h5 o_ribbon_right bg-primary text-uppercase">Sample</div>
                    <h5 class="text-truncate" t-field="record.name"/>
                    <t t-call="website_blog.s_dynamic_snippet_template_date"/>
                    <t t-call="website_blog.s_dynamic_snippet_template_teaser"/>
                </div>
            </a>
            <div class="card-footer d-flex justify-content-between mt-auto border-0 p-3 pt-0 bg-transparent small">
                <t t-call="website_blog.s_dynamic_snippet_template_author"/>
                <span class="text-muted">In <a class="fw-bold" t-field="record.blog_id.name" t-att-href="'/blog/%s' % record.blog_id.id"/>
                    <a t-if="is_sample" class="fw-bold" href="#">Sample</a>
                </span>
            </div>
        </div>
    </div>
</t>

