<?xml version="1.0"?>
<t name="Big picture" t-name="website_blog.dynamic_filter_template_blog_post_big_picture">
    <div t-foreach="records" t-as="data" class="s_blog_posts_post position-relative w-100" 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="s_blog_posts_post_cover position-relative d-block h-100 rounded shadow-sm overflow-hidden text-decoration-none text-reset ratio ratio-1x1" t-att-title="'Read ' + data['name']" t-att-href="data['call_to_action_url']">
            <t t-call="website.record_cover">
                <t t-set="_record" t-value="record"/>
                <t t-set="use_filters" t-value="True"/>
                <t t-set="additionnal_classes" t-value="'h-100 w-100 bg-600 position-absolute o_snippet_not_selectable'"/>

                <div class="s_blog_post_big_picture_infos position-absolute top-0 start-0 w-100 h-100 text-white">
                    <div class="s_blog_posts_post_cover_header d-flex flex-column justify-content-end w-100">
                        <div t-if="is_sample" class="h5 o_ribbon_right bg-primary text-uppercase">Sample</div>
                        <h3 class="s_blog_post_big_picture_title m-0 px-4 text-white" t-field="record.name"/>
                    </div>
                    <div class="s_blog_posts_post_cover_hidden h-auto py-2 px-4">
                        <t t-call="website_blog.s_dynamic_snippet_template_author"/>
                        <p class="s_blog_posts_post_subtitle w-100 mt-2 m-0 lead overflow-hidden" t-field="record.subtitle"/>
                    </div>
                </div>
            </t>
        </a>
    </div>
</t>
