<!-- Still needs to be adapted: img done needs colors now. -->
<odoo>

<!-- Template -->
<template id="s_masonry_block" name="Masonry">
    <section class="s_masonry_block o_mail_snippet_general" data-vcss="001" data-vxml="001" data-template-name="default_template">
        <div class="container text-white">
            <t t-call="mass_mailing.s_masonry_block_default_template"/>
        </div>
    </section>
</template>

<!-- Templates -->
<template id="s_masonry_block_default_template" groups="base.group_user">
    <div class="row">
        <div class="col-md-6 col-12 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
            <p><br/></p>
        </div>
        <div class="col-md-6 col-12 s_col_no_resize o_masonry_grid_container">
            <div class="row h-100">
                <div class="col-md-6 col-12 pt24 pb8 text-center o_cc" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
                <div class="col-md-6 col-12 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
                <div class="col-md-6 col-12 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
                    <h3><font style="color: white">A great title</font></h3>
                    <p><font style="color: white">And a great subtitle</font></p>
                </div>
                <div class="col-md-6 col-12 pt24 pb8 text-center o_cc" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
            </div>
        </div>
    </div>
</template>

<!-- TODO EGGMAIL: remove masonry variants -->
<template id="s_masonry_block_reversed_template" groups="base.group_user">
    <div class="row">
        <div class="col-md-6 s_col_no_resize o_masonry_grid_container">
            <div class="row h-100">
                <div class="col-md-6 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
                <div class="col-md-6 pt24 pb8 text-center o_cc" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
                <div class="col-md-6 pt24 pb8 text-center o_cc" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
                <div class="col-md-6 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
                    <h3><font style="color: white">A great title</font></h3>
                    <p><font style="color: white">And a great subtitle</font></p>
                </div>
            </div>
        </div>
        <div class="col-md-6 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
            <p><br/></p>
        </div>
    </div>
</template>

<template id="s_masonry_block_images_template" groups="base.group_user">
    <div class="row">
        <div class="col-md-6 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
            <p><br/></p>
        </div>
        <div class="col-md-6 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
            <p><br/></p>
        </div>
    </div>
</template>

<template id="s_masonry_block_image_texts_image_template" groups="base.group_user">
    <div class="row">
        <div class="col-md-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
            <p><br/></p>
        </div>
        <div class="col-md-3 s_col_no_resize o_masonry_grid_container">
            <div class="row h-100">
                <div class="col-md-12 pt24 pb8 text-center o_cc" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
                <div class="col-md-12 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
                    <h3><font style="color: white">A great title</font></h3>
                    <p><font style="color: white">And a great subtitle</font></p>
                </div>
            </div>
        </div>
        <div class="col-md-6 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
            <p><br/></p>
        </div>
    </div>
</template>

<template id="s_masonry_block_mosaic_template" groups="base.group_user">
    <div class="row">
        <div class="col-md-6 s_col_no_resize o_masonry_grid_container">
            <div class="row">
                <div class="col-md-6 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
                <div class="col-md-6 pt24 pb8 text-center o_cc" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 oe_img_bg text-center pt224 pb224" data-name="Block"
                    style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
                    <p><br/></p>
                </div>
            </div>
        </div>
        <div class="col-md-6 s_col_no_resize o_masonry_grid_container">
            <div class="row">
                <div class="col-md-12 oe_img_bg text-center pt224 pb224" data-name="Block"
                    style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
                    <p><br/></p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 pt24 pb8 text-center o_cc" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
                <div class="col-md-6 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
                    <h3><font style="color: white">A great title</font></h3>
                    <p><font style="color: white">And a great subtitle</font></p>
                </div>
            </div>
        </div>
    </div>
</template>

<template id="s_masonry_block_texts_image_texts_template" groups="base.group_user">
    <div class="row">
        <div class="col-md-3 s_col_no_resize o_masonry_grid_container">
            <div class="row h-100">
                <div class="col-md-12 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
                <div class="col-md-12 pt24 pb8 text-center o_cc" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
            </div>
        </div>
        <div class="col-md-6 oe_img_bg text-center pt224 pb224" data-name="Block"
            style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
            <p><br/></p>
        </div>
        <div class="col-md-3 s_col_no_resize o_masonry_grid_container">
            <div class="row h-100">
                <div class="col-md-12 pt24 pb8 text-center o_cc" data-name="Block">
                    <h3>A great title</h3>
                    <p>And a great subtitle</p>
                </div>
                <div class="col-md-12 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
                    <h3><font style="color: white">A great title</font></h3>
                    <p><font style="color: white">And a great subtitle</font></p>
                </div>
            </div>
        </div>
    </div>
</template>

<template id="s_masonry_block_alternation_text_template" groups="base.group_user">
    <div class="row">
        <div class="col-md-3 pt24 pb8 text-center o_cc" data-name="Block">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
        <div class="col-md-3 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
            <h3><font style="color: white">A great title</font></h3>
            <p><font style="color: white">And a great subtitle</font></p>
        </div>
        <div class="col-md-3 pt24 pb8 text-center o_cc" data-name="Block">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
        <div class="col-md-3 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
    </div>
</template>

<template id="s_masonry_block_alternation_text_image_template" groups="base.group_user">
    <div class="row">
        <div class="col-md-3 pt24 pb8 text-center o_cc" data-name="Block">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
        <div class="col-md-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
            <p><br/></p>
        </div>
        <div class="col-md-3 pt24 pb8 text-center o_cc" data-name="Block">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
        <div class="col-md-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
            <p><br/></p>
        </div>
    </div>
</template>

<template id="s_masonry_block_alternation_image_text_template" groups="base.group_user">
    <div class="row">
        <div class="col-md-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
            <p><br/></p>
        </div>
        <div class="col-md-3 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
            <h3><font style="color: white">A great title</font></h3>
            <p><font style="color: white">And a great subtitle</font></p>
        </div>
        <div class="col-md-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
            <p><br/></p>
        </div>
        <div class="col-md-3 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
    </div>
</template>

<template id="s_masonry_block_alternation_text_image_text_template" groups="base.group_user">
    <div class="row">
        <div class="col-md-3 pt24 pb8 text-center o_cc" data-name="Block">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
        <div class="col-md-6 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
            <p><br/></p>
        </div>
        <div class="col-md-3 pt24 pb8 text-center o_cc" data-name="Block">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
    </div>
</template>
<!-- Assets -->
<record id="mass_mailing.s_masonry_block_001_scss" model="ir.asset">
    <field name="name">Masonry block 001 SCSS</field>
    <field name="bundle">mass_mailing.assets_iframe_style</field>
    <field name="path">mass_mailing/static/src/snippets/s_masonry_block/001.scss</field>
</record>

</odoo>
