<?xml version="1.0"?>
<t name="Horizontal" t-name="website_blog.dynamic_filter_template_blog_post_horizontal">
    <div t-foreach="records" t-as="data" class="s_blog_posts_post w-100" data-number-of-elements="1">
        <t t-set="record" t-value="data['_record']"/>
        <div t-attf-class="pb-4 {{not data_last and 'border-bottom'}}">
            <div class="row flex-md-nowrap">
                <div class="s_blog_posts_post_cover_col col mb-2 mb-md-0">
                    <a class="d-block h-100 text-decoration-none" t-att-href="data['call_to_action_url']" t-att-title="'Read ' + data['name']">
                        <div class="s_blog_posts_post_cover h-100">
                            <t t-call="website.record_cover">
                                <t t-set="_record" t-value="record"/>
                                <t t-set="additionnal_classes" t-value="'h-100 rounded-3 overflow-hidden o_snippet_not_selectable'"/>
                            </t>
                        </div>
                    </a>
                </div>
                <div class="col-12 col-md d-flex flex-column justify-content-between">
                    <a class="mb-2 mb-md-5 text-decoration-none text-reset" t-att-href="data['call_to_action_url']" t-att-title="'Read ' + data['name']">
                        <div t-if="is_sample" class="h5 o_ribbon_right bg-primary text-uppercase">Sample</div>
                        <h4 class="mb-2 mt-0" t-field="record.name"/>
                        <t t-call="website_blog.s_dynamic_snippet_template_date"/>
                        <p class="s_blog_posts_post_subtitle mt-1 mb-0 lead overflow-hidden" t-field="record.subtitle"/>
                    </a>
                    <div class="d-flex justify-content-between 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>
        </div>
    </div>
</t>
