Organisms

[[[[If?
    &subject=`[[+multiple_steps]]`
    &operator=`notempty`
    &then=`$fbPrepareSteps`
]]]]

[[!$fbRenderFormWrapper?
    &form_id=`[[+form_id]]`
    &current_id=`[[*id]]`
    &current_pagetitle=`[[*pagetitle]]`
    &current_menutitle=`[[*menutitle]]`
    &form_size=`[[+form_size]]`
    &form_layout=`[[+form_layout]]`
    &segment_type=`[[+segment_type]]`
    &padding=`[[+padding]]`

    &button_type=`[[+button_type]]`
    &button_size=`[[+button_size]]`
    &button_alignment=`[[+button_alignment]]`

    &multiple_steps=`[[+multiple_steps:empty=``]]`
    &prev_steps=`[[+section.1:empty=``]]`
    &next_steps=`[[+section.2:empty=``]]`
    &prev_forms=`[[+prev_forms:empty=``]]`
    &next_forms=`[[+next_forms:empty=``]]`
    &prev_step=`[[+prev_steps.last:empty=``]]`
    &next_step=`[[+next_steps.first:empty=``]]`
    &first_step=`[[+step.first:empty=``]]`
    &last_step=`[[+step.last:empty=``]]`
    &redirect_id=`[[+redirect_id:empty=``]]`
]]

[[%formblocks.email.introtext]]<br/><br/>

[[!fbFormReport?
    &formID=`[[*id]][[+prev_forms:prepend=`,`]]`
    &tplPrefix=`[[*fb_email_tpl_prefix]]`
    &tplSectionHeader=`fbEmailSectionHeader`
    &outputReverse=`1`
]]

<br/><br/><br/>

[[%formblocks.email.footer]]

[[modifiedIf?
    &subject=`[[+segment_type]]`
    &operator=`isnot`
    &operand=`none`
    &then=`segment`
    &else=`[[*fb_form_layout:isnot=`inline`:then=`fieldset`]]`
    &toPlaceholder=`segment_parent`
]]
[[+force_segment:eq=`1`:then=`segment`:else=`[[+segment_parent]]`:toPlaceholder=`segment`]]

<fieldset [[+title:notempty=`id="fb[[*id]]-[[stripAsAlias? &input=`[[+title]]`]]"`]] class="ui [[+padding]] [[+segment]] [[+background:setBackground]]">
    [[+legend:notempty=`<legend class="ui [[+form_size]] header">[[+legend]]</legend>`]]
    [[*fb_form_layout:is=`inline`:then=`<span class="equal width fields">`]]
    [[+main]]
    [[*fb_form_layout:is=`inline`:then=`</span>`]]
</fieldset>

<script>
    window.addEventListener('DOMContentLoaded', function() {
        $('.ui.form#form-test-example').submit(function (event) {
            event.preventDefault();
            var formData = $(this).serialize();

            $.ajax({
                type: "POST",
                url: "https://global.romanesco-nursery.loc/forms/test-example?mode=ajax",
                data: formData,
                dataType: "json",
                encode: true,
            }).done(function (data) {
                // If we receive a success message, show an alert.
                if (data.success) {
                    console.log(data.success);

                    // $('body')
                    //     .toast({
                    //         message: data.message,
                    //         class: 'success',
                    //         showIcon: 'checkmark',
                    //         //displayTime: 0,
                    //         //closeIcon: true
                    //     })
                    // ;
                    $('.ui.form#form-test-example .dimmer').addClass('active');

                    setTimeout(function () {
                        $('.ui.form#form-test-example > div')
                            .replaceWith('<div class="ui success message">' + data.message + '<\/div>')
                        ;
                    }, 2000)

                } else {
                    console.log(data.errors);

                    $.each(data.errors, function(key, item) {
                        console.log(item);

                        $('body')
                            .toast({
                                message: key + '<br>' + item,
                                class: 'error',
                                showIcon: 'exclamation circle',
                                //displayTime: 0,
                                closeIcon: true
                            })
                        ;

                        //$("#" + key).parent('.field').addClass('error');
                    });


                }
            });
        });
    });
</script>

[[loadAssets? &component=`toast`]]
[[loadAssets? &component=`loader`]]
[[loadAssets? &component=`dimmer`]]

<script>
    window.addEventListener('DOMContentLoaded', function() {
        $('.ui.form#form-[[*alias]]')
            .form({
                on: 'submit',
                fields: {
                    [[!fbFormReport:strip?
                        &formID=`[[*id]]`
                        &tplPrefix=`fbValidationRow_`
                        &requiredOnly=`1`
                    ]]
                },
                onSuccess: function(e) {
                    [[[[modifiedIf?
                        &subject=`[[++formblocks.antispam_hooks]]`
                        &operator=`contains`
                        &operand=`recaptchav3`
                        &then=`
                            !recaptchav3_render?
                                &tpl=`recaptchaOnSuccessV3`
                                &token_key=`token-[[*id]]`
                                &action_key=`fb[[*id]]`
                            `
                    ]]]]
                }
            })
        ;
    });
</script>

[[[[Switch?
    &get=`[[*content_type]]`
    &c1=`1`     &do1=`*content`
    &c2=`11`    &do2=`$contentMarkdownWrapper? &container_type=`[[+container_type]]` &background=`[[+background:default=`[[++layout_background_default]]`]]``
    &c3=`10`    &do3=`$contentMJML`
    &default=`*content`
]]]]

/*******************************
    CUSTOM CSS

    Global additions to Semantic UI styles, based on site content and settings.
    This mostly contains the Global Backgrounds.

    NB: DO NOT EDIT DIRECTLY!

    Generated by MODX when saving the Global Backgrounds. If you want to add
    styling manually, create a globalBackgroundsTheme chunk or add them
    somewhere in your Semantic UI theme (or site folder).

*******************************/

@import url("/[[++romanesco.semantic_css_path]]/backgrounds[[++minify_css_js:eq=`1`:then=`.min`]].css");


/* Load all backgrounds set under Global Content */

[[- DEPRECATED MIGX TV BACKGROUNDS ]]
[[-getImageList?
    &docid=`[[++romanesco.global_backgrounds_id]]`
    &tvname=`global_background_img`
    &tpl=`globalBackgroundImgCSS`
]]

[[pdoResources?
    &parents=`[[++romanesco.global_backgrounds_id]]`
    &limit=`0`
    &depth=`0`
    &showUnpublished=`1`
    &tpl=`globalBackgroundCSS`
    &where=`{"template:=":"27"}`
    &tvPrefix=``
]]

/* Load additional backgrounds for given context */

[[pdoResources?
    &parents=`[[++romanesco.global_backgrounds_id]]`
    &limit=`0`
    &showUnpublished=`1`
    &tpl=`globalBackgroundCSS`
    &where=`[{"template:=":"27"},{"uri:LIKE":"%/[[+context]]/%"}]`
    &tvPrefix=``
]]


/* Load all backgrounds based on an overview image */

[[pdoResources?
    [[+context:notempty=`&context=`[[+context]]``]]
    &parents=`0`
    &limit=`0`
    &showUnpublished=`1`
    &tpl=`globalBackgroundImgOverviewCSS`
    &includeTVs=`overview_img_pano,overview_img_wide`
    &processTVs=`1`
    &tvFilters=`header_background_img!==`
    &tvPrefix=``
]]


/* Additional styles */

[[[[modifiedIf?
    &subject=`globalBackgroundsTheme`
    &operator=`iselement`
    &operand=`chunk`
    &then=`$globalBackgroundsTheme`
    &else=``
]]]]

[[modifiedIf?
    &subject=`[[getRawTVValue? &tv=`footer_visibility`]]`
    &operator=`EQ`
    &operand=`@INHERIT default`
    &then=`[[[[#[[*parent]].footer_inheritance:contains=`inherit_visibility`:then=`*footer_visibility:replace=`default==[[++footer_visibility_default]]``:else=`++footer_visibility_default`]]]]`
    &else=`[[*footer_visibility]]`
    &toPlaceholder=`footer_visibility`
]]
[[modifiedIf?
    &subject=`[[getRawTVValue? &tv=`footer_type`]]`
    &operator=`EQ`
    &operand=`@INHERIT default`
    &then=`[[[[#[[*parent]].footer_inheritance:contains=`inherit_type`:then=`*footer_type:replace=`default==[[++global_footer_id]]``:else=`++global_footer_id`]]]]`
    &else=`[[*footer_type]]`
    &toPlaceholder=`footer_type`
]]
[[modifiedIf?
    &subject=`[[getRawTVValue? &tv=`footer_background`]]`
    &operator=`EQ`
    &operand=`@INHERIT`
    &then=`[[[[#[[*parent]].footer_inheritance:contains=`inherit_background`:then=`*footer_background:empty=`[[++footer_background_default]]``:else=`++footer_background_default`]]]]`
    &else=`[[*footer_background]]`
    &toPlaceholder=`footer_background`
]]

[[[[[[If?
    &subject=`[[getRawTVValue? &tv=`footer_cta`]]`
    &operator=`EQ`
    &operand=`@INHERIT`
    &then=`
        If?
            &subject=`inherit_cta`
            &operator=`inarray`
            &operand=`[[#[[*parent]].footer_inheritance]]`
            &then=`[[*footer_cta:notempty=`$ctaFooter`]]`
        `
    &else=`*footer_cta:notempty=`$ctaFooter``
]]]]]]

[[If? &subject=`[[+footer_visibility]]` &operator=`notempty` &then=`
<footer id="footer" class="ui vertical segment [[setBackground? &background=`[[+footer_background]]`]]">
    [[[[If?
        &subject=`[[+footer_type]]`
        &operator=`notempty`
        &then=`pdoField?
            &id=`[[+footer_type]]`
            &field=`content`
        `
    ]]]]

    [[[[modifiedIf?
        &subject=`footerCopyrightTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerCopyrightTheme`
        &else=`$footerCopyright`
    ]]]]
</footer>
`]]

<title>[[++romanesco.title_format]]</title>

<meta charset="[[++modx_charset]]">
<meta name="description" content="[[*description]]">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

[[$openGraphMeta]]

<base href="[[!++site_url]]">

<script>document.documentElement.className = 'js';</script>

[[++minify_css_js:eq=`1`:then=`.min`:toPlaceholder=`minify`]]
[[modifiedIf?
    &subject=`[[++critical_css]]_[[*critical_css_uri:notempty=`1`]]`
    &operator=`eq`
    &operand=`1_1`
    &then=`1`
    &toPlaceholder=`load_critical_css`
]]
[[modifiedIf?
    &subject=`[[++theme_font_page]][[++theme_font_header]]`
    &operator=`notempty`
    &then=`[[++theme_font_header]][[++theme_font_page:prepend=`[[++theme_font_header:notempty=`&family=`]]`]]`
    &toPlaceholder=`load_google_fonts`
]]
[[[[If?
    &subject=`[[++cache_buster]]`
    &operator=`eq`
    &operand=`1`
    &then=`$cacheBusterPlaceholders`
]]]]
[[[[modifiedIf?
    &subject=`headPreloadLinksTheme`
    &operator=`iselement`
    &operand=`chunk`
    &then=`$headPreloadLinksTheme`
    &else=`$headPreloadLinks`
]]]]

[[+load_critical_css:eq=`1`:then=`
<link rel="stylesheet" href="[[*critical_css_uri:replace=`.css==[[+cache_buster_css]].css`]]">
<link rel="stylesheet" href="[[++romanesco.semantic_dist_path]]/semantic[[+minify]][[+cache_buster_css]].css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="[[++romanesco.custom_css_path]]/site[[+minify]][[+cache_buster_css]].css" media="print" onload="this.media='all'">
`:else=`
<link rel="stylesheet" href="[[++romanesco.semantic_dist_path]]/semantic[[+minify]][[+cache_buster_css]].css">
<link rel="stylesheet" href="[[++romanesco.custom_css_path]]/site[[+minify]][[+cache_buster_css]].css">
`]]

[[+load_google_fonts:notempty=`
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=[[+load_google_fonts:replace=` ==+`]]&display=swap" media="print" onload="this.media='all'">
`]]

[[- LOAD JS ASSETS WITH DEFER, SO DOWNLOADING WILL START EARLY WITHOUT BLOCKING RENDERING ]]
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script defer src="[[++romanesco.semantic_js_path]]/jquery-offline.min[[+cache_buster_js:notempty=`.360`]].js"></script>
<script defer src="[[++romanesco.semantic_dist_path]]/semantic[[+minify]][[+cache_buster_js]].js"></script>
<script defer src="[[++romanesco.semantic_js_path]]/onmediaquery[[+minify]][[+cache_buster_js]].js"></script>
<script defer src="[[++romanesco.semantic_vendor_path]]/vanilla-lazyload/lazyload.min[[+cache_buster_js]].js"></script>
<script defer src="[[++romanesco.semantic_vendor_path]]/scrolldir/scrolldir.auto.min[[+cache_buster_js]].js"></script>
<script defer src="[[++romanesco.semantic_js_path]]/site[[+minify]][[+cache_buster_js]].js"></script>

[[- LOAD ADDITIONAL ASSETS, BASED ON CERTAIN CONDITIONS ]]
[[[[If?
    &subject=`[[cbHasFields? &field=`[[++romanesco.cb_field_map_id]]` &then=`1`]]`
    &operator=`notempty`
    &then=`loadAssets? &component=`map``
]]]]
[[[[If?
    &subject=`[[cbHasFields? &field=`[[++romanesco.cb_field_code_id]]` &then=`1`]][[*context_key:is=`hub`:or:is=`notes`:then=`1`]][[*uri:contains=`notes/`:then=`1`]][[*content_type:is=`11`:then=`1`]]`
    &operator=`notempty`
    &then=`loadAssets? &component=`syntax-highlighting``
]]]]
[[[[If?
    &subject=`[[*context_key]]`
    &operator=`is`
    &operand=`hub`
    &then=`loadAssets? &component=`hub``
]]]]

[[[[modifiedIf?
    &subject=`headAdditional`
    &operator=`iselement`
    &operand=`chunk`
    &then=`$headAdditional`
]]]]
[[++head_additional]]

[[- SET PLACEHOLDER WITH GLOBALLY EXCLUDED RESOURCES ]]
[[beforeEach?
    &input=`[[++nav_exclude_resources]]`
    &before=`-`
    &toPlaceholder=`excluded_resources`
]]

[[[[++romanesco.favicon_version:notempty=`$favicons`]]]]

[[[[If?
    &subject=`[[getContextSetting:default=`[[++google_analytics_ua]]`? &context=`[[*context_key]]` &setting=`google_analytics_ua`]]`
    &operator=`notempty`
    &then=`$googleAnalytics`
    &else=`++alternative_tracking_code`
]]]]

[[[[If?
    &subject=`[[++romanesco.private_backyard]]`
    &operator=`EQ`
    &operand=`1`
    &then=`!checkPermissions? &context=`hub``
]]]]

[[$structuredDataSite]]

[[[[*comments_toggle:eq=`1`:then=`$commentScript[[++comment_platform]]`]]]]
[[modifiedIf?
    &subject=`[[++formblocks.antispam_hooks]]`
    &operator=`contains`
    &operand=`recaptchav3`
    &then=`<script async defer src="https://www.google.com/recaptcha/api.js?render=[[++recaptchav3.site_key]]&hl=[[++cultureKey]]"></script>`
]]
[[[[modifiedIf?
    &subject=`footerAdditional`
    &operator=`iselement`
    &operand=`chunk`
    &then=`$footerAdditional`
]]]]
[[++footer_additional]]

<div class="ui container">
    [[[[modifiedIf?
        &subject=`[[getRawTVValue? &tv=`sidebar_sticky`]]`
        &operator=`contains`
        &operand=`@INHERIT`
        &then=`#[[*parent]].sidebar_inheritance:contains=`inherit_sticky`:then=`[[*sidebar_sticky]]`:else=`[[++sidebar_sticky]]``
        &else=`*sidebar_sticky`
        &toPlaceholder=`sidebar_sticky_tv`
    ]]]]
    [[modifiedIf?
        &subject=`[[*sidebar_sticky]]`
        &operator=`is`
        &operand=`default`
        &then=`[[++sidebar_sticky]]`
        &else=`[[+sidebar_sticky_tv]]`
        &toPlaceholder=`sidebar_sticky`
    ]]

    [[[[If?
        &subject=`[[++submenu_locality]]`
        &operator=`is`
        &operand=`current`
        &then=`$subNavVerticalLocal`
        &else=`$subNavVertical`
    ]]?
        &sticky=`[[*sidebar_cta:is=``:then=`[[+sidebar_sticky:eq=`1`:then=`sticky`]]`]]`
    ]]
    [[[[If?
        &subject=`[[*sidebar_cta]]`
        &operator=`notempty`
        &then=`$ctaSidebar`
    ]]?
        &sticky=`[[+sidebar_sticky:eq=`1`:then=`sticky`]]`
    ]]
</div>

[[modifiedIf?
    &subject=`[[*header_visibility]]`
    &operator=`EQ`
    &operand=`default`
    &then=`[[++header_visibility_default]]`
    &else=`[[*header_visibility]]`
    &toPlaceholder=`header_visibility`
]]
[[modifiedIf?
    &subject=`[[getRawTVValue? &tv=`header_visibility`]]`
    &operator=`contains`
    &operand=`@INHERIT`
    &then=`[[#[[*parent]].header_inheritance:contains=`inherit_visibility`:then=`[[+header_visibility]]`:else=`[[++header_visibility_default]]`]]`
    &else=`[[+header_visibility]]`
    &toPlaceholder=`hero`
]]

<header id="header" class="[[+hero:eq=`0`:then=`without hero`]] [[++navbar_sticky:eq=`0`:then=`non-stick`]]">
    [[[[modifiedIf?
        &subject=`masthead`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$masthead`
    ]]]]

    [[[[modifiedIf?
        &subject=`mainNavTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$mainNavTheme`
        &else=`$mainNav`
    ]]]]

    [[[[If?
        &subject=`[[+hero]]`
        &operator=`EQ`
        &operand=`1`
        &then=`$hero`
    ]]]]

    [[[[If?
        &subject=`[[++search.add_to_menu]]`
        &operator=`EQ`
        &operand=`1`
        &then=`$searchForm`
    ]]]]
</header>

<header id="header" class="[[++navbar_sticky:eq=`1`:then=`ui sticky`]] inverted primary-color">
    [[[[modifiedIf?
        &subject=`masthead`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$masthead`
    ]]]]

    [[[[modifiedIf?
        &subject=`mainNavVerticalTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$mainNavVerticalTheme`
        &else=`$mainNavVertical`
    ]]]]

    [[[[If?
        &subject=`[[+hero]]`
        &operator=`EQ`
        &operand=`1`
        &then=`$heroVertical`
    ]]]]

    [[[[If?
        &subject=`[[++search.add_to_menu]]`
        &operator=`EQ`
        &operand=`1`
        &then=`$searchForm`
    ]]]]
</header>

[[[[If?
    &subject=`[[+pattern_template]]`
    &operator=`inarray`
    &operand=`patternLayoutAtom,patternLayoutMolecule,patternLayoutOrganism`
    &then=`
        Rowboat?
            &table=`modx_site_htmlsnippets`
            &tpl=`displayRawElement`
            &where=`{"name":"[[+pattern_name]]"}`
            &toPlaceholder=`[[+prefix]].raw_element`
        `
]]]]

[[[[If?
    &subject=`[[+pattern_template]]`
    &operator=`EQ`
    &operand=`patternLayoutTemplate`
    &then=`
        Rowboat?
            &table=`modx_site_templates`
            &tpl=`displayRawTemplate`
            &where=`{"templatename":"[[+pattern_name]]"}`
            &toPlaceholder=`[[+prefix]].raw_element`
        `
]]]]

[[[[If?
    &subject=`[[+pattern_template]]`
    &operator=`EQ`
    &operand=`patternLayoutFormula`
    &then=`
        Rowboat?
            &table=`modx_site_snippets`
            &tpl=`displayRawElement`
            &where=`{"name":"[[+pattern_name]]"}`
            &toPlaceholder=`[[+prefix]].raw_element`
        `
]]]]

[[[[If?
    &subject=`[[+pattern_template]]`
    &operator=`EQ`
    &operand=`patternLayoutComputation`
    &then=`
        Rowboat?
            &table=`modx_site_plugins`
            &tpl=`displayRawPlugin`
            &where=`{"name":"[[+pattern_name]]"}`
            &toPlaceholder=`[[+prefix]].raw_element`
        `
]]]]

[[[[If?
    &subject=`[[+pattern_template]]`
    &operator=`EQ`
    &operand=`patternLayoutBosonField`
    &then=`
        Rowboat?
            &table=`modx_contentblocks_field`
            &tpl=`displayRawContentBlock`
            &where=`{"id":"[[+pattern_id]]","parent":"0"}`
            &toPlaceholder=`[[+prefix]].raw_element`
        `
]]]]

[[[[If?
    &subject=`[[+pattern_template]]`
    &operator=`EQ`
    &operand=`patternLayoutBosonLayout`
    &then=`
        Rowboat?
            &table=`modx_contentblocks_layout`
            &tpl=`displayRawContentBlock`
            &where=`{"id":"[[+pattern_id]]"}`
            &toPlaceholder=`[[+prefix]].raw_element`
        `
]]]]

<div class="ui list">
    [[[[If?
        &subject=`assignedTVs`
        &operator=`inarray`
        &operand=`[[+pattern_list]]`
        &then=`assignedTVs:toPlaceholder=`[[+prefix]].tv_list`? &template=`[[+pattern_name:empty=``]]``
    ]]]]

    [[If:empty=`<div class="muted item"><em>[[%romanesco.patterns.not_found]]</em></div>`?
        &subject=`assignedTVs`
        &operator=`inarray`
        &operand=`[[+pattern_list]]`
        &then=`[[+[[+prefix]].tv_list]]`
        &else=`
            [[includedTVs? &input=`[[+[[+prefix]].raw_element]]`]]
            [[includedChunks? &input=`[[+[[+prefix]].raw_element]]` &name=`[[+pattern_name]]` &id=`[[+pattern_id]]` &type=`[[+pattern_template]]`]]
            [[includedSnippets? &input=`[[+[[+prefix]].raw_element]]`]]
        `
    ]]
</div>

<svg class="hidden">
    [[migxLoopCollection?
        &packageName=`romanescobackyard`
        &classname=`rmOption`
        &where=`{"key":"status_progress"}`
        &tpl=`statusIndicatorSVGSymbol`
    ]]
    [[migxLoopCollection?
        &packageName=`romanescobackyard`
        &classname=`rmOption`
        &where=`{"key":"status_health"}`
        &tpl=`statusIndicatorSVGSymbol`
    ]]
</svg>

<div class="ui grid">
    <div class="nine wide column">
        <h1 class="ui header">
            [[*pagetitle]]
            <span class="sub header">[[*longtitle]]</span>
        </h1>
    </div>
    <div class="seven wide right aligned bottom aligned column">
        <div class="ui basic icon buttons">
            <a href="[[~[[++site_start]]]]status/" class="ui button" title="Status grid">
                <i class="list icon"></i>
            </a>
            <a href="[[~[[++site_start]]]]backstop/" class="ui button" title="Visual regression tests">
                <i class="eye icon"></i>
            </a>
        </div>
    </div>
</div>

<div class="ui hidden divider"></div>

[[migxLoopCollection?
    &packageName=`romanescobackyard`
    &classname=`rmOption`
    &where=`{"key":"status_progress"}`
    &wrapperTpl=`kanbanGridStepsWrapper`
    &tpl=`kanbanGridStepsRow`
]]
<div class="ui stackable equal width celled kanban grid">
    [[migxLoopCollection?
        &packageName=`romanescobackyard`
        &classname=`rmOption`
        &where=`{"key":"content_priority"}`
        &tpl=`kanbanGridRow`
    ]]
</div>

<div class="ui container">
    <div class="ui large feed">
        [[migxLoopCollection?
            &packageName=`romanescobackyard`
            &classname=`rmTask`
            &tpl=`projectHubRow`
            &where=`{"resource_id":"[[++romanesco.dashboard_id:empty=`[[*id]]`]]","type":"project-hub","deleted":"0"}`
            &sortConfig=`[{"sortby":"date","sortdir":"DESC"}]`
        ]]
        <div class="event">
            <div class="label">
                <i class="lab icon"></i>
            </div>
        </div>
    </div>
</div>

<div class="ui list">
    [[- This should really be a snippet, but my PHP skills were not sufficient at the time.

        What all these snippet calls do, is query the database tables of each element type
        and look for signs of the given pattern name.

        All Rowboat calls are nested into their parent If call using the mosquito technique.
        This ensures that no database queries are being performed unless the If criteria are met.
    ]]

    [[[[If?
        &subject=`assignedTemplates`
        &operator=`inarray`
        &operand=`[[+pattern_list]]`
        &then=`getTmplvarID:toPlaceholder=`tmplvarid`? &tv=`[[+pattern_name:empty=``]]``
    ]]]]

    [[[[If?
        &subject=`assignedTemplates`
        &operator=`inarray`
        &operand=`[[+pattern_list]]`
        &then=`
            Rowboat?
                &table=`modx_site_tmplvar_templates`
                &tpl=`assignedTemplatesRow`
                &limit=`0`
                &where=`{ "tmplvarid":"[[+tmplvarid]]" }`
                &toPlaceholder=`[[+prefix]].assigned_templates`
            `
    ]]]]

    [[[[If?
        &subject=`[[+pattern_template]]`
        &operator=`inarray`
        &operand=`patternLayoutAtom,patternLayoutMolecule,patternLayoutOrganism`
        &then=`
            Rowboat?
                &table=`modx_site_tmplvars`
                &tpl=`includedPatternsRow`
                &sortBy=`name`
                &limit=`0`
                &where=`{ "elements:LIKE":"%[[+pattern_name]]%" }`
                &toPlaceholder=`[[+prefix]].referring_tvs`
            `
    ]]]]

    [[[[If?
        &subject=`[[+pattern_template]]`
        &operator=`inarray`
        &operand=`patternLayoutElectronTV,patternLayoutElectronSS,patternLayoutElectronCC,patternLayoutAtom,patternLayoutMolecule,patternLayoutOrganism,patternLayoutFormula`
        &then=`
            Rowboat?
                &table=`modx_site_htmlsnippets`
                &tpl=`includedPatternsRow`
                &sortBy=`static_file`
                &limit=`0`
                &where=`{ "snippet:LIKE":"%[[+pattern_name]]%" }`
                &toPlaceholder=`[[+prefix]].referring_chunks`
            `
    ]]]]

    [[[[If?
        &subject=`[[+pattern_template]]`
        &operator=`inarray`
        &operand=`patternLayoutElectronTV,patternLayoutElectronSS,patternLayoutElectronCC,patternLayoutAtom,patternLayoutMolecule,patternLayoutOrganism,patternLayoutFormula`
        &then=`
            Rowboat?
                &table=`modx_site_snippets`
                &tpl=`includedPatternsRow`
                &sortBy=`name`
                &limit=`0`
                &where=`{ "snippet:LIKE":"%[[+pattern_name]]%" }`
                &toPlaceholder=`[[+prefix]].referring_snippets`
            `
    ]]]]

    [[[[If?
        &subject=`[[+pattern_template]]`
        &operator=`inarray`
        &operand=`patternLayoutElectronTV,patternLayoutElectronSS,patternLayoutElectronCC,patternLayoutAtom,patternLayoutMolecule,patternLayoutOrganism,patternLayoutFormula`
        &then=`
            Rowboat?
                &table=`modx_site_templates`
                &tpl=`includedTemplatesRow`
                &sortBy=`templatename`
                &limit=`0`
                &where=`{ "content:LIKE":"%[[+pattern_name]]%" }`
                &toPlaceholder=`[[+prefix]].referring_templates`
            `
    ]]]]

    [[[[If?
        &subject=`[[+pattern_template]]`
        &operator=`inarray`
        &operand=`patternLayoutAtom,patternLayoutMolecule,patternLayoutOrganism`
        &then=`
            Rowboat?
                &table=`modx_site_content`
                &tpl=`includedPagesRow`
                &limit=`0`
                &where=`{ "properties:LIKE":"%$[[+pattern_name]]%", "id:NOT LIKE":"[[*id]]", "published:=":"1" }`
                &toPlaceholder=`[[+prefix]].referring_pages`
            `
    ]]]]

    [[[[If?
        &subject=`[[+pattern_template]]`
        &operator=`inarray`
        &operand=`patternLayoutTemplate`
        &then=`
            Rowboat?
                &table=`modx_site_content`
                &tpl=`includedPagesRow`
                &limit=`0`
                &where=`{ "content:LIKE":"%[[+pattern_name]]%" }`
                &toPlaceholder=`[[+prefix]].referring_pages`
            `
    ]]]]

    [[[[If?
        &subject=`[[+pattern_template]]`
        &operator=`EQ`
        &operand=`patternLayoutBosonField`
        &then=`
            Rowboat?
                &table=`modx_site_content`
                &tpl=`rawID`
                &limit=`0`
                &where=`{ "properties:LIKE":"%field__:[[+pattern_id]]___settings%" }`
                &outputSeparator=`,`
                &toPlaceholder=`[[+prefix]].raw_pages`
            `
    ]]]]

    [[[[If?
        &subject=`[[+pattern_template]]`
        &operator=`EQ`
        &operand=`patternLayoutBosonLayout`
        &then=`
            Rowboat?
                &table=`modx_site_content`
                &tpl=`rawID`
                &limit=`0`
                &where=`{ "properties:LIKE":"%layout__:[[+pattern_id]]___content%" }`
                &outputSeparator=`,`
                &toPlaceholder=`[[+prefix]].raw_pages`
            `
    ]]]]

    [[- The If statements generating the raw_pages placeholder could be replaced
        by placing the where clause directly in the pdoMenu call.
    ]]

    [[[[If?
        &subject=`[[+[[+prefix]].raw_pages]]`
        &operator=`notempty`
        &then=`
            pdoMenu?
                &parents=`0`
                &context=`web,hub,global`
                &resources=`[[+[[+prefix]].raw_pages]]`
                &showHidden=`1`
                &showUnpublished=`1`
                &tplOuter=`@INLINE [[+wrapper]]`
                &tpl=`includedPagesRow`
                &toPlaceholder=`[[+prefix]].referring_pages`
            `
    ]]]]

    [[[[If?
        &subject=`[[+pattern_template]]`
        &operator=`inarray`
        &operand=`patternLayoutElectronTV,patternLayoutElectronSS,patternLayoutElectronCC,patternLayoutAtom,patternLayoutMolecule,patternLayoutOrganism,patternLayoutFormula`
        &then=`
            referringBosons:toPlaceholder=`[[+prefix]].referring_bosons`?
                &pattern=`[[+pattern_name:empty=``]]`
                &type=`[[+pattern_template]]`
            `
    ]]]]

    [[- Initially, every referring element query was controlled by a checkbox in CB.
        This proved to be very hard to maintain, so instead it's just the assigned
        templates that's being handled this way now.

        So if the Assigned Templates setting is not checked in CB, we can display
        the other elements (if set).
    ]]

    [[If:empty=`<div class="muted item"><em>[[%romanesco.patterns.not_found]]</em></div>`?
        &subject=`assignedTemplates`
        &operator=`inarray`
        &operand=`[[+pattern_list]]`
        &then=`[[+[[+prefix]].assigned_templates]]`
        &else=`
            [[+[[+prefix]].referring_tvs:empty=``]]
            [[+[[+prefix]].referring_chunks:empty=``]]
            [[+[[+prefix]].referring_snippets:empty=``]]
            [[+[[+prefix]].referring_templates:empty=``]]
            [[+[[+prefix]].referring_pages:empty=``]]
            [[+[[+prefix]].referring_bosons:empty=``]]
        `
    ]]
</div>

[[*alias:replace=`-==_`:toPlaceholder=`backstop_id`]]
{
    "id": "[[+backstop_id]]",
    "viewports": [
        {
            "label": "phone",
            "width": 320,
            "height": 480
        },{
            "label": "tablet",
            "width": 800,
            "height": 600
        },{
            "label": "desktop",
            "width": 1440,
            "height": 960
        }
    ],
    "scenarios": [
        [[pdoResources?
            &parents=`0`
            &resources=`[[+resources]]`
            &limit=`0`
            &tpl=`@INLINE
            {
                "label": "[[+pagetitle]] ([[+id]])",
                "url": "[[+site_url:empty=`[[++site_url]]`]][[+uri]]",
                "referenceUrl": "[[+reference_url:empty=`[[++romanesco.backstop_reference_url]]`]][[+uri]]",
                "delay": 1,
                "hideSelectors": [
                    [[+hide_selectors:append=`,`]]
                    ".publication .meta",
                    ".ui.active.embed"
                ],
                "removeSelectors": [
                    [[+remove_selectors:append=`,`]]
                    "#menu .item.highlight .basic.button",
                    "#author-about",
                    "#disqus_thread",
                    ".g-recaptcha"
                ],
                "hoverSelector": "",
                "clickSelector": "",
                "postInteractionWait": 1,
                "selectors": [
                    [[+selectors]]
                ],
                "selectorExpansion": true,
                "expect": 0,
                "misMatchThreshold" : 0.1,
                "requireSameDimensions": false
            }`
            &outputSeparator=`,`
        ]]
    ],
    "paths": {
        "bitmaps_reference": "_backstop/[[+backstop_id]]/bitmaps_reference",
        "bitmaps_test": "_backstop/[[+backstop_id]]/bitmaps_test",
        "engine_scripts": "_backstop/[[+backstop_id]]/engine_scripts",
        "html_report": "_backstop/[[+backstop_id]]/html_report",
        "ci_report": "_backstop/[[+backstop_id]]/ci_report"
    },
    "report": ["browser"],
    "engine": "puppeteer",
    "engineOptions": {
        "args": ["--no-sandbox"]
    },
    "puppeteerOffscreenCaptureFix": [[+fix_offscreen_capture:default=`true`]],
    "asyncCaptureLimit": 3,
    "asyncCompareLimit": 30,
    "debug": false,
    "debugWindow": false
}

<svg class="hidden">
    [[migxLoopCollection?
        &packageName=`romanescobackyard`
        &classname=`rmOption`
        &where=`{"key":"status_progress"}`
        &tpl=`statusIndicatorSVGSymbol`
    ]]
    [[migxLoopCollection?
        &packageName=`romanescobackyard`
        &classname=`rmOption`
        &where=`{"key":"status_health"}`
        &tpl=`statusIndicatorSVGSymbol`
    ]]
</svg>

<div class="ui grid">
    <div class="nine wide column">
        <h1 class="ui header">
            [[*pagetitle]]
            <span class="sub header">[[*longtitle]]</span>
        </h1>
    </div>
    <div class="seven wide right aligned bottom aligned column">
        <a class="ui legend icon button" title="Show legend">
            <i class="info icon"></i>
        </a>
        <div class="ui basic icon buttons">
            <a href="[[~[[*id]]]]/kanban/" class="ui button" title="Kanban view">
                <i class="trello icon"></i>
            </a>
            <a href="[[~[[*id]]]]/backstop/" class="ui button" title="Visual regression tests">
                <i class="eye icon"></i>
            </a>
        </div>
    </div>
</div>

<table class="ui very compact sortable celled status table">
    <thead>
    <tr>
        <th>[[%romanesco.status.table_indicator]]</th>
        <th>[[%romanesco.status.table_id]]</th>
        <th>[[%romanesco.status.table_resource]]</th>
        <th>[[%romanesco.status.table_tasks]]</th>
        [[*id:SeoTabIndexation:isnot=`[[*id]]`:then=`
        <th>[[%romanesco.status.table_indexation]]</th>
        `]]
        <th>[[%romanesco.status.table_owner]]</th>
        <th>[[%romanesco.status.table_date_due]]</th>
    </tr>
    </thead>
    <tbody>
    [[pdoMenu?
        &contexts=`[[+context:default=`web`]]`
        &parents=`0`
        &showHidden=`1`
        &showUnpublished=`1`
        &includeTVs=`status_progress,status_health,content_owner,planning_date_due`
        &processTVs=`1`
        &tplOuter=`@INLINE [[+wrapper]]`
        &tpl=`statusGridRow`
        &where=`{"contentType:=":"text/html"}`
    ]]
    </tbody>
</table>

<div class="ui small legend modal">
    <div class="header">
        [[%romanesco.status.legend]]
    </div>

    <div class="content">
        <div class="ui two column grid">
            <div class="ui column">
                <div class="ui small header">[[%romanesco.status.legend_progress]]</div>
                <table class="ui small very compact basic table">
                    <tbody>
                    [[migxLoopCollection?
                        &packageName=`romanescobackyard`
                        &classname=`rmOption`
                        &where=`{"key":"status_progress"}`
                        &sortConfig=`[{"sortby":"pos","sortdir":"ASC"}]`
                        &tpl=`statusIndicatorLegendTR`
                    ]]
                    </tbody>
                </table>
            </div>
            <div class="ui column">
                <div class="ui small header">[[%romanesco.status.legend_health]]</div>
                <table class="ui small very compact basic table">
                    <tbody>
                    [[migxLoopCollection?
                        &packageName=`romanescobackyard`
                        &classname=`rmOption`
                        &where=`{"key":"status_health"}`
                        &sortConfig=`[{"sortby":"pos","sortdir":"ASC"}]`
                        &tpl=`statusIndicatorLegendTR`
                    ]]
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

[[loadAssets? &component=`status-grid`]]

[[+rows]]

<form class="ui [[+form_size]] create form" method="post" action="" id="ticketForm">
    <div id="ticket-preview-placeholder"></div>

    <input type="hidden" name="tid" value="0"/>

    <div class="field">
        <label for="ticket-sections">Section</label>
        <select name="parent" class="ui dropdown" id="ticket-sections">
            [[+sections]]
        </select>
        <span class="error"></span>
    </div>

    <div class="field">
        <label for="ticket-pagetitle">[[%ticket_pagetitle]]</label>
        <input type="text" placeholder="Be specific" name="pagetitle" value="" maxlength="50" id="ticket-pagetitle"/>
        <span class="error"></span>
    </div>

    <div class="field">
        <label for="ticket-editor">[[%ticket_content]]</label>
        <textarea name="content" id="ticket-editor" rows="10" placeholder="### Your content

*You can use markdown formatting here.*

- Close your eyes
- Think about what you want to say
- Open your eyes again
- Write it down

Thank you!"></textarea>
        <span class="error"></span>
    </div>

    <div class="ticket-form-files">
        [[+files]]
    </div>

    <div class="form-actions">
        <input type="button" class="ui [[+form_size]] preview button" value="[[%ticket_preview]]" title="Ctrl + Enter"/>
        <div class="ui primary buttons">
            <input type="button" class="ui [[+form_size]] primary publish button" name="publish" value="[[%ticket_publish]]" title=""/>
            <div class="ui floating dropdown icon button">
                <i class="dropdown icon"></i>
                <div class="menu">
                    <input type="submit" class="item" name="draft" value="Save as draft" title="Ctrl + Shift + Enter"/>
                </div>
            </div>
        </div>
    </div>
</form>

<form class="ui [[+form_size]] form" method="post" action="" id="ticketForm">
    <div id="ticket-preview-placeholder"></div>

    <input type="hidden" name="tid" value="0"/>

    <div class="field">
        <label for="ticket-sections">[[%tickets_section]]</label>
        <select name="parent" class="ui dropdown" id="ticket-sections">
            [[+sections]]
        </select>
        <span class="error"></span>
    </div>

    <div class="field">
        <label for="ticket-pagetitle">[[%ticket_pagetitle]]</label>
        <input type="text" placeholder="[[%ticket_pagetitle]]" name="pagetitle" value=""
               maxlength="50" id="ticket-pagetitle"/>
        <span class="error"></span>
    </div>

    <div class="field">
        <textarea placeholder="[[%ticket_content]]" name="content" id="ticket-editor"
                  rows="10"></textarea>
        <span class="error"></span>
    </div>

    <div class="ticket-form-files">
        [[+files]]
    </div>

    <div class="form-actions row">
        <div class="col-md-6">
            <input type="button" class="btn btn-default preview" value="[[%ticket_preview]]" title="Ctrl + Enter"/>
        </div>
        <div class="col-md-6 move-right">
            <input type="button" class="btn btn-primary publish" name="publish" value="[[%ticket_publish]]" title=""/>
            <input type="submit" class="btn btn-danger draft" name="draft" value="[[%ticket_draft]]"
                   title="Ctrl + Shift + Enter"/>
        </div>
    </div>
</form>

<div class="ui vertical stripe segment [[setBackground? &background=`[[*id]]`]]">
    <div class="ui container">
        <h1 class="ui header">[[*pagetitle]]</h1>

        [[$overviewOuter?
            &row_tpl=`overviewRowBasic`
            &cols=`four`
            &parent=`[[++romanesco.pattern_container_id]]`
            &title_field=`menutitle`
            &title_hierarchy=`h2`
            &depth=`0`
            &limit=`4`
            &show_hidden=`0`
            &sortby=`menuindex`
            &sortdir=`0`
            &pagination=`0`
            &show_subtitle=`1`
            &show_introtext=`0`
            &link_text=``
            &img_type=`landscape`
            &icon_type=`svg`
            &alignment=``
            &padding=`relaxed`
            &responsive=`stackable doubling`
            &de_emphasize=`0`
        ]]
    </div>
</div>

[[+main]]

<div class="ui vertical backyard segment secondary">
    <div class="ui container">
        <div class="ui accordion">
            <div class="title">
                <button class="ui small primary circular icon button" tabindex="[[+idx]]">
                    <i class="plus icon"></i>
                </button>
            </div>
            <div class="content">
                <div class="ui stackable relaxed equal width grid">
                    <section class="column">
                        <h2>[[+layout_title]]</h2>
                        [[+info]]
                    </section>
                    <aside class="[[+sidebar_width]] wide column">
                        <div class="ui nested middle aligned equal width toolbar grid">
                            <div class="nine wide column">
                                <a href="[[++site_url]]manager/?a=resource/update&id=[[*id]]" class="ui tiny basic button">
                                    Edit in MODX
                                </a>
                            </div>
                            <div class="right aligned column">
                                <i class="disabled heart outline link icon with tooltip"
                                   data-content="[[%romanesco.patterns.comment_tooltip]]"
                                   data-position="top center"></i>
                                <i class="disabled comment outline link icon with tooltip"
                                   data-content="[[%romanesco.patterns.comment_tooltip]]"
                                   data-position="top center"></i>
                            </div>
                        </div>

                        <div class="ui divider"></div>

                        <h5 class="ui disabled header">ContentBlocks used</h5>

                        <div class="ui list">
                            [[+meta]]
                        </div>
                    </aside>
                </div>
            </div>
        </div>
    </div>
</div>

<div [[stripAsAlias:prepend=`id="`:append=`"`? &input=`[[+title]]`]] class="ui vertical stripe segment [[setBackground? &background=`[[+background]]`]]">
    <div class="ui [[+container_type]] container">
        <div class="ui [[+responsive:replace=`,== `]] [[+padding]] [[+alignment]] [[+divider]] equal width grid">
            <div class="row">
                <div class="[[+title_inflate]] main column">[[+main]]</div>
                <div class="[[+sidebar_width]] wide sidebar column">[[+sidebar]]</div>
            </div>
        </div>
    </div>
</div>

[[If?
    &subject=`[[+cta_link]]`
    &operator=`notempty`
    &then=`
    <a class="item" href="[[[[If? &subject=`[[+cta_link]]` &operator=`notempty` &then=`~[[+cta_link]]`]]]]">
        <div class="content">
            [[+main]]
        </div>
    </a>
    `
    &else=`[[+main]]`
]]

<div [[stripAsAlias:prepend=`id="`:append=`"`? &input=`[[+title]]`]] class="ui vertical stripe segment [[setBackground? &background=`[[+background]]`]]">
    <div class="ui [[+container_type]] container">
        <div class="ui four column [[+responsive:replace=`,== `]] [[+padding]] [[+alignment]] [[+divider]] grid">
            <div class="row">
                <div class="column">[[+col_1]]</div>
                <div class="column">[[+col_2]]</div>
                <div class="column">[[+col_3]]</div>
                <div class="column">[[+col_4]]</div>
            </div>
        </div>
    </div>
</div>

<div class="ui vertical stripe pattern segment [[+background:setBackground]]">
    <div class="ui [[+container_type]] [[+alignment]] container">
        [[[[If?
            &subject=`[[+pattern_template]]`
            &operator=`EQ`
            &operand=`patternLayoutBosonField`
            &then=`setPatternPlaceholders? &cbField=`[[+pattern_name]]` &prefix=`cf_[[+idx]]_[[+unique_idx]]``
        ]]]]
        [[[[If?
            &subject=`[[+pattern_template]]`
            &operator=`EQ`
            &operand=`patternLayoutBosonLayout`
            &then=`setPatternPlaceholders? &cbLayout=`[[+pattern_name]]` &prefix=`cl_[[+idx]]_[[+unique_idx]]``
        ]]]]

        [[!$cbLayoutPatternPreview:toPlaceholder=`preview_[[+idx]]_[[+unique_idx]]`?
            &preview=`[[+preview]]`
            &code=`[[+code]]`
            &sidebar_width=`[[+sidebar_width]]`
            &pattern_name=`[[+pattern_name]]`
            &pattern_template=`[[+pattern_template]]`
            &raw_tags=`[[+raw_tags]]`
            &rendered_tags=`[[+rendered_tags]]`
            &idx=`[[+idx]]`
            &unique_idx=`[[+unique_idx]]`
        ]]

        [[[[modifiedIf?
            &subject=`[[+pattern_template]]`
            &operator=`contains`
            &operand=`Electron`
            &then=`
                $toolbarPatternElectron?
                    &pattern_name=`[[+pattern_name]]`
                    &pattern_status=`[[+pattern_status]]`
                `
            &else=`
                $toolbarPattern?
                    &pattern_name=`[[+pattern_name]]`
                    &pattern_template=`[[+pattern_template]]`
                    &pattern_status=`[[+pattern_status]]`
                    &idx=`[[+idx]]`
                    &unique_idx=`[[+unique_idx]]`
                `
        ]]]]

        [[[[modifiedIf?
            &subject=`[[+pattern_template]]`
            &operator=`containsnot`
            &operand=`Electron`
            &then=`+preview_[[+idx]]_[[+unique_idx]]`
        ]]]]

        [[+info]]
    </div>
</div>

<div [[stripAsAlias:prepend=`id="`:append=`"`? &input=`[[+title]]`]] class="ui vertical stripe segment [[setBackground? &background=`[[+background]]`]]">
    <div class="ui [[+container_type]] container">
        <div class="ui [[+responsive:replace=`,== `]] [[+padding]] [[+alignment]] [[+divider]] equal width grid">
            <div class="row">
                <div class="[[+sidebar_width]] wide sidebar column">[[+sidebar]]</div>
                <div class="[[+title_inflate]] main column">[[+main]]</div>
            </div>
        </div>
    </div>
</div>

<div [[stripAsAlias:prepend=`id="`:append=`"`? &input=`[[+title]]`]] class="ui vertical stripe segment [[setBackground? &background=`[[+background]]`]]">
    <div class="ui [[+container_type]] [[+alignment]] [[+title_inflate]] main container">
        [[+main]]
    </div>
</div>

<div id="swiper-[[+unique_idx]]" class="swiper[[+mobile_only:eq=`1`:then=`-mobile`]] [[+inverted:eq=`1`:then=`inverted`]] [[+fullscreen:eq=`1`:then=`fullscreen`]]">
    [[If?
        &subject=`[[+slider_type]]`
        &operator=`inarray`
        &operand=`overview,gallery,cards`
        &then=`[[+main]]`
        &else=`<div class="swiper-wrapper[[+mobile_only:eq=`1`:then=`-mobile`]]">[[+main]]</div>`
    ]]

    [[+behaviour:containsnot=`navOutside`:then=`
        [[+pagination:isnot=`none`:then=`
        <div class="swiper-pagination swiper-[[+unique_idx]]"></div>
        `]]
        [[+behaviour:contains=`arrows`:then=`
        <button class="swiper-button-next swiper-[[+unique_idx]]"></button>
        <button class="swiper-button-prev swiper-[[+unique_idx]]"></button>
        `]]
    `]]

</div>

[[+behaviour:contains=`navOutside`:then=`
    [[+pagination:isnot=`none`:then=`
    <div class="swiper-pagination swiper-[[+unique_idx]] outside"></div>
    `]]
    [[+behaviour:contains=`arrows`:then=`
    <button class="swiper-button-next swiper-[[+unique_idx]] outside"></button>
    <button class="swiper-button-prev swiper-[[+unique_idx]] outside"></button>
    `]]
`]]

[[sliderLoadAssets?
    &uid=`[[+unique_idx]]`
    &columns=`[[textToNumber? &input=`[[+cols]]`]]`
    &slidesToScroll=`[[+slides_to_scroll]]`
    &direction=`[[+direction]]`
    &spacing=`[[+spacing]]`
    &behaviour=`[[+behaviour]]`
    &transition=`[[+transition]]`
    &lazyload=`[[+lazyload]]`
    &pagination=`[[+pagination]]`
    &responsive=`[[+responsive]]`
    &mobileOnly=`[[+mobile_only]]`
]]

<div [[stripAsAlias:prepend=`id="`:append=`"`? &input=`[[+title]]`]] class="ui vertical stripe segment [[setBackground? &background=`[[+background]]`]]">
    <div class="ui [[+container_type]] container">
        <div class="ui three column [[+responsive:replace=`,== `]] [[+padding]] [[+alignment]] [[+divider]] grid">
            <div class="row">
                <div class="column">[[+col_1]]</div>
                <div class="column">[[+col_2]]</div>
                <div class="column">[[+col_3]]</div>
            </div>
        </div>
    </div>
</div>

<div [[stripAsAlias:prepend=`id="`:append=`"`? &input=`[[+title]]`]] class="ui vertical stripe segment [[setBackground? &background=`[[+background]]`]]">
    <div class="ui [[+container_type]] container">
        <div class="ui two column [[+responsive:replace=`,== `]] [[+padding]] [[+alignment]] [[+divider]] grid">
            <div class="row">
                <div class="column">[[+col_1]]</div>
                <div class="column">[[+col_2]]</div>
            </div>
        </div>
    </div>
</div>

<div id="map-[[+map_id:empty=`[[+unique_idx]]`]]" class="map"></div>

[[modifiedIf?
    &subject=`[[+marker_address:stripString=`,`:stripString=`.`]]`
    &operator=`numeric`
    &then=`[[+marker_address]]`
    &else=`[[GeoCoderAddress? &address=`[[+marker_address]]`]]`
    &toPlaceholder=`marker_coordinates`
]]

<script>
    window.addEventListener('DOMContentLoaded', function() {
        var map = L.map('map-[[+map_id:empty=`[[+unique_idx]]`]]').setView([[[+marker_coordinates]]], [[+map_zoom_level]]);
        var mapTiles = 'https://api.mapbox.com/styles/v1/mapbox/streets-v10/tiles/256/{z}/{x}/{y}[[++img_hidpi:eq=`1`:then=`@2x`]]?access_token=[[++mapbox_access_token:empty=`[[++romanesco.mapbox_access_token]]`]]';

//    var icon = L.icon({
//        iconUrl: '[[+logo_badge_path]]',
//
//        iconSize:     [32, 32], // size of the icon
//        iconAnchor:   [16, 16], // point of the icon which will correspond to marker's location
//        popupAnchor:  [0, -12] // point from which the popup should open relative to the iconAnchor
//    });

        L.tileLayer(mapTiles, {
            attribution: 'Map data © <a href="http://openstreetmap.org">OSM</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
            maxZoom: 18
        }).addTo(map);

        L.marker([[[+marker_coordinates]]], /*{icon: icon}*/)
            .addTo(map)
            .bindPopup('[[+marker_popup:nl2br:stripForJS]]')
    });
</script>

[[setBoxType? &input=`[[+row_tpl]]` &prefix=`ov_[[+layout_id]]_[[+unique_idx]]`]]

[[$overviewSettingsPrepare? &uid=`[[+prefix]]`]]

[[![[If? &subject=`[[+pagination]]` &operator=`EQ` &operand=`1` &then=`pdoPage` &else=`getCache`]]?
    &element=`getResources`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`overviews``]]

    &parents=`[[+parent]]`
    &resources=`[[+excluded_resources]]`
    &depth=`[[+depth]]`
    &limit=`[[If? &subject=`[[+prefix]]` &operator=`is` &operand=`ov__` &then=`[[+cols:textToNumber:mpy=`2`]]` &else=`[[+limit:default=`0`]]`]]`
    &offset=`[[+offset:default=`0`]]`
    &tpl=`overviewRow[[+[[+prefix]].row_type]]`
    &tplWrapper=`overviewWrapper[[+pagination:eq=`1`:then=`Pagination`]]`
    &includeTVs=`1`
    &processTVs=`1`
    &tvPrefix=``
    &showHidden=`[[+show_hidden:default=`0`]]`
    &sortby=`[[+sortby]]`
    &sortdir=`[[+[[+prefix]].sortdir]]`

    [[$overviewSettings? &uid=`[[+prefix]]`]]
    [[[[+pagination:eq=`1`:then=`$overviewSettingsPagination? &uid=`[[+prefix]]``]]]]
]]

[[setBoxType? &input=`[[+row_tpl]]` &prefix=`ov_[[+layout_id]]_[[+unique_idx]]`]]

[[$overviewSettingsPrepare? &uid=`[[+prefix]]`]]

[[![[If? &subject=`[[+pagination]]` &operator=`EQ` &operand=`1` &then=`pdoPage` &else=`getCache`]]?
    &element=`getResources`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`clients``]]

    &parents=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`-1` &else=`[[++romanesco.client_container_id]]`]]`
    &resources=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`[[+resources]]` &else=`[[+excluded_resources:empty=`null`]]`]]`
    &limit=`[[If? &subject=`[[+prefix]]` &operator=`is` &operand=`ov__` &then=`[[+cols:textToNumber:mpy=`2`]]` &else=`[[+limit:default=`0`]]`]]`
    &offset=`[[+offset:default=`0`]]`
    &tpl=`overviewRowOrganization[[+[[+prefix]].row_type]]`
    &tplWrapper=`overviewWrapper[[+pagination:eq=`1`:then=`Pagination`]]`
    &includeTVs=`1`
    &processTVs=`1`
    &tvPrefix=``
    &showHidden=`1`
    &sortby=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`FIELD(modResource.id, [[+resources]])` &else=`[[+sortby]]`]]`
    &sortdir=`[[+[[+prefix]].sortdir]]`

    [[$overviewSettings? &uid=`[[+prefix]]`]]
    [[[[+pagination:eq=`1`:then=`$overviewSettingsPagination? &uid=`[[+prefix]]``]]]]
]]

[[Switch:toPlaceholder=`[[+unique_idx]].sortdir`?
    &get=`[[+sortby]]_[[+sortdir]]`
    &c1=`menuindex_0`     &do1=`ASC`
    &c2=`publishedon_0`   &do2=`DESC`
    &c3=`createdon_0`     &do3=`DESC`
    &c4=`pagetitle_0`     &do4=`ASC`

    &c5=`menuindex_1`     &do5=`DESC`
    &c6=`publishedon_1`   &do6=`ASC`
    &c7=`createdon_1`     &do7=`ASC`
    &c8=`pagetitle_1`     &do8=`DESC`

    &default=`DESC`
]]

[[![[If? &subject=`[[+pagination]]` &operator=`EQ` &operand=`1` &then=`pdoPage` &else=`getCache`]]?
    &element=`getResources`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`overviews``]]

    &parents=`[[+parent]]`
    &resources=`[[+excluded_resources]]`
    &depth=`[[+depth]]`
    &limit=`[[+limit:default=`0`]]`
    &offset=`[[+offset:default=`0`]]`
    &tpl=`[[modifiedIf? &subject=`overviewRowFluidTheme` &operator=`iselement` &operand=`chunk` &then=`overviewRowFluidTheme` &else=`overviewRowFluid`]]`
    &includeTVs=`1`
    &processTVs=`1`
    &tvPrefix=``
    &showHidden=`[[+show_hidden:default=`0`]]`
    &sortby=`[[+sortby]]`
    &sortdir=`[[+[[+unique_idx]].sortdir]]`

    &row_tpl=`[[modifiedIf? &subject=`[[+row_tpl]]Theme` &operator=`iselement` &operand=`chunk` &then=`[[+row_tpl]]Theme` &else=`[[+row_tpl]]`]]`
    &background_even=`[[+background_even]]`
    &background_odd=`[[+background_odd]]`
    &content_width=`[[+content_width]]`
    &cols_interchange=`[[+cols_interchange]]`
    &padding=`[[+padding]]`

    &title_field=`[[+title_field]]`
    &title_hierarchy=`[[+title_hierarchy]]`
    &title_classes=`[[+title_hierarchy:is=`span`:then=`tiny`]]`
    &title_inflate=`[[+title_inflate]]`
    &show_subtitle=`[[+show_subtitle]]`
    &show_introtext=`[[+show_introtext]]`
    &link_text=`[[If? &subject=`[[+link_text]]` &operator=`isnull` &then=`0` &else=`[[+link_text]]`]]`
    &img_type=`[[+img_type]]`
    &img_snap=`[[+img_snap]]`
    &img_inflate=`[[+img_inflate]]`
    &lazy_load=`[[+lazy_load]]`

    [[[[+pagination:eq=`1`:then=`$overviewSettingsPagination? &uid=`[[+prefix]]``]]]]
]]

[[[[+pagination:eq=`1`:then=`$paginationFluid`]]]]

[[setBoxType? &input=`[[+row_tpl]]` &prefix=`ov_[[+layout_id]]_[[+unique_idx]]`]]

[[$overviewSettingsPrepare? &uid=`[[+prefix]]`]]

[[![[If? &subject=`[[+pagination]]` &operator=`EQ` &operand=`1` &then=`pdoPage` &else=`getCache`]]?
    &element=`getResources`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`portfolio``]]

    &parents=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`-1` &else=`[[++romanesco.portfolio_container_id]]`]]`
    &resources=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`[[+resources]]` &else=`[[+excluded_resources:empty=`null`]]`]]`
    &limit=`[[If? &subject=`[[+prefix]]` &operator=`is` &operand=`ov__` &then=`[[+cols:textToNumber:mpy=`2`]]` &else=`[[+limit:default=`0`]]`]]`
    &offset=`[[+offset:default=`0`]]`
    &tpl=`overviewRowProject[[+[[+prefix]].row_type]]`
    &tplWrapper=`overviewWrapper[[+pagination:eq=`1`:then=`Pagination`]]`
    &includeTVs=`1`
    &processTVs=`1`
    &tvPrefix=``
    &showHidden=`1`
    &sortby=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`FIELD(modResource.id, [[+resources]])` &else=`[[+sortby]]`]]`
    &sortdir=`[[+[[+prefix]].sortdir]]`

    [[$overviewSettings? &uid=`[[+prefix]]`]]
    [[[[+pagination:eq=`1`:then=`$overviewSettingsPagination? &uid=`[[+prefix]]``]]]]
]]

[[setBoxType? &input=`[[+row_tpl]]` &prefix=`ov_[[+layout_id]]_[[+unique_idx]]`]]

[[$overviewSettingsPrepare? &uid=`[[+prefix]]`]]

[[![[If? &subject=`[[+pagination]]` &operator=`EQ` &operand=`1` &then=`pdoPage` &else=`getCache`]]?
    &element=`getResources`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`publication``]]

    &parents=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`-1` &else=`[[++romanesco.publication_container_id]]`]]`
    &resources=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`[[+resources]]` &else=`[[+excluded_resources:empty=`null`]]`]]`
    &limit=`[[If? &subject=`[[+prefix]]` &operator=`is` &operand=`ov__` &then=`[[+cols:textToNumber:mpy=`2`]]` &else=`[[+limit:default=`0`]]`]]`
    &offset=`[[+offset:default=`0`]]`
    &tpl=`overviewRowArticle[[+[[+prefix]].row_type]]`
    &tplWrapper=`overviewWrapper[[+pagination:eq=`1`:then=`Pagination`]]`
    &includeTVs=`1`
    &processTVs=`1`
    &tvPrefix=``
    &showHidden=`1`
    &sortby=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`FIELD(modResource.id, [[+resources]])` &else=`[[+sortby]]`]]`
    &sortdir=`[[+[[+prefix]].sortdir]]`
    &where=`[[!TaggerGetResourcesWhere]]`

    [[$overviewSettings? &uid=`[[+prefix]]`]]
    [[[[+pagination:eq=`1`:then=`$overviewSettingsPagination? &uid=`[[+prefix]]``]]]]
]]

[[setBoxType? &input=`[[+row_tpl]]` &prefix=`ov_[[+layout_id]]_[[+unique_idx]]`]]

[[$overviewSettingsPrepare? &uid=`[[+prefix]]`]]

[[!getCache?
    &element=`getResources`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`overviews``]]

    &parents=`-1`
    &resources=`[[+resources]]`
    &limit=`[[If? &subject=`[[+prefix]]` &operator=`is` &operand=`ov__` &then=`[[+cols:textToNumber:mpy=`2`]]` &else=`[[+limit:default=`0`]]`]]`
    &tpl=`overviewRow[[+[[+prefix]].row_type]]`
    &tplWrapper=`overviewWrapper`
    &includeTVs=`1`
    &processTVs=`1`
    &tvPrefix=``
    &showHidden=`1`
    &sortby=`FIELD(modResource.id, [[+resources]])`
    &sortdir=`ASC`

    [[$overviewSettings? &uid=`[[+prefix]]`]]
]]

[[setBoxType? &input=`[[+row_tpl]]` &prefix=`ov_[[+layout_id]]_[[+unique_idx]]`]]

[[$overviewSettingsPrepare? &uid=`[[+prefix]]`]]

[[![[If? &subject=`[[+pagination]]` &operator=`EQ` &operand=`1` &then=`pdoPage` &else=`getCache`]]?
    &element=`getResources`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`team``]]

    &parents=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`-1` &else=`[[++romanesco.team_container_id]]`]]`
    &resources=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`[[+resources]]` &else=`[[+excluded_resources:empty=`null`]]`]]`
    &limit=`[[If? &subject=`[[+prefix]]` &operator=`is` &operand=`ov__` &then=`[[+cols:textToNumber:mpy=`2`]]` &else=`[[+limit:default=`0`]]`]]`
    &offset=`[[+offset:default=`0`]]`
    &tpl=`overviewRowPerson[[+[[+prefix]].row_type]]`
    &tplWrapper=`overviewWrapper[[+pagination:eq=`1`:then=`Pagination`]]`
    &includeTVs=`1`
    &processTVs=`1`
    &tvPrefix=``
    &showHidden=`1`
    &sortby=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`FIELD(modResource.id, [[+resources]])` &else=`[[+sortby]]`]]`
    &sortdir=`[[+[[+prefix]].sortdir]]`

    [[$overviewSettings? &uid=`[[+prefix]]`]]
    [[[[+pagination:eq=`1`:then=`$overviewSettingsPagination? &uid=`[[+prefix]]``]]]]
]]

[[setBoxType? &input=`[[+row_tpl]]` &prefix=`ov_[[+layout_id]]_[[+unique_idx]]`]]

[[$overviewSettingsPrepare? &uid=`[[+prefix]]`]]

[[![[If? &subject=`[[+pagination]]` &operator=`EQ` &operand=`1` &then=`pdoPage` &else=`getCache`]]?
    &element=`getResources`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`testimonials``]]

    &parents=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`-1` &else=`[[++romanesco.testimonial_container_id]]`]]`
    &resources=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`[[+resources]]` &else=`[[+excluded_resources:empty=`null`]]`]]`
    &limit=`[[If? &subject=`[[+prefix]]` &operator=`is` &operand=`ov__` &then=`[[+cols:textToNumber:mpy=`2`]]` &else=`[[+limit:default=`0`]]`]]`
    &offset=`[[+offset:default=`0`]]`
    &tpl=`overviewRowReview[[+[[+prefix]].row_type]]`
    &tplWrapper=`overviewWrapper[[+pagination:eq=`1`:then=`Pagination`]]`
    &includeTVs=`1`
    &processTVs=`1`
    &tvPrefix=``
    &showHidden=`1`
    &sortby=`[[If? &subject=`[[+resources]]` &operator=`notempty` &then=`FIELD(modResource.id, [[+resources]])` &else=`[[+sortby]]`]]`
    &sortdir=`[[+[[+prefix]].sortdir]]`

    [[$overviewSettings? &uid=`[[+prefix]]`]]
    [[[[+pagination:eq=`1`:then=`$overviewSettingsPagination? &uid=`[[+prefix]]``]]]]
]]

<div class="ui [[+accordion_type]] accordion">
    [[+rows]]
</div>

<div class="ui [[+cols]] [[+responsive:replace=`,== `]] cards">
    [[+rows]]
</div>

<div id="gallery-[[+unique_idx]]"
     class="ui [[+cols]] column [[+responsive:replace=`,== `]] center aligned middle aligned [[+padding]] grid gallery [[+lightbox:eq=`1`:then=`with lightbox`]] [[+caption:eq=`1`:then=`with caption`]]"
     data-uid="[[+unique_idx]]"
    >
    [[+rows]]
</div>

[[[[If?
    &subject=`[[+lightbox]]`
    &operator=`notempty`
    &then=`sliderLoadAssets?
        &uid=`[[+unique_idx]]`
        &behaviour=`loop,arrows,keyboard`
        &lazyload=`0`
        &pagination=`bullets`
        &lightbox=`[[+lightbox]]`
    `
]]]]

[[modifiedIf?
    &subject=`[[getRawTVValue? &tv=`header_title`]]`
    &operator=`EQ`
    &operand=`@INHERIT`
    &then=`[[[[#[[*parent]].header_inheritance:contains=`inherit_titles`:then=`*header_title`]]]]`
    &else=`[[*header_title]]`
    &toPlaceholder=`header_title`
]]
[[modifiedIf?
    &subject=`[[getRawTVValue? &tv=`header_subtitle`]]`
    &operator=`EQ`
    &operand=`@INHERIT`
    &then=`[[[[#[[*parent]].header_inheritance:contains=`inherit_titles`:then=`*header_subtitle`]]]]`
    &else=`[[*header_subtitle]]`
    &toPlaceholder=`header_subtitle`
]]
[[If:toPlaceholder=`header_background`?
    &subject=`[[getRawTVValue? &tv=`header_background`]]`
    &operator=`EQ`
    &operand=`@INHERIT`
    &then=`[[[[#[[*parent]].header_inheritance:contains=`inherit_background`:then=`*header_background`:else=``]]]]`
    &else=`[[*header_background]]`
]]
[[modifiedIf?
    &subject=`[[*header_background_img]]`
    &operator=`notempty`
    &then=`[[*alias]] background`
    &else=`[[+header_background:empty=`[[++header_background_default]]`]]`
    &toPlaceholder=`header_background_class`
]]
[[modifiedIf?
    &subject=`heroTitlesTheme`
    &operator=`iselement`
    &operand=`chunk`
    &then=`heroTitlesTheme`
    &else=`heroTitles`
    &toPlaceholder=`hero_tpl`
]]

<div id="hero" class="ui vertical stripe segment [[setBackground? &background=`[[+header_background_class]]`]]">
    [[[[[[If?
        &subject=`[[getRawTVValue? &tv=`header_cta`]]`
        &operator=`EQ`
        &operand=`@INHERIT`
        &then=`#[[*parent]].header_inheritance:contains=`inherit_cta`:then=`$ctaHeader`:else=`$[[+hero_tpl]]``
        &else=`
        If?
            &subject=`[[getRawTVValue? &tv=`header_cta`]]`
            &operator=`isnot`
            &operand=`@INHERIT`
            &then=`$ctaHeader`
            &else=`$[[+hero_tpl]]`
        `
    ]]]]]]
</div>

<div id="lightbox-[[+uid]]" class="ui basic fullscreen overlay modal">
    <i class="inside close icon"></i>
    <div id="swiper-[[+uid]]" class="swiper inverted fullscreen">
        <div class="swiper-wrapper">
            [[+output]]
        </div>

        <div class="swiper-pagination swiper-[[+uid]]"></div>

        <button class="swiper-button-next swiper-[[+uid]]"></button>
        <button class="swiper-button-prev swiper-[[+uid]]"></button>
    </div>
</div>

[[- DEPRECATED. Slider now uses Swiper.js and this chunk doesn't seem to be used anywhere..]]
<div class="[[+display_type:empty=`slider-basic`]] [[+lightbox:eq=`1`:then=`lightbox`]]"
     data-slick='{
         "infinite": [[+behaviour:contains=`infinite`:then=`true`:else=`false`]],
         "arrows": [[+behaviour:contains=`arrows`:then=`true`:else=`false`]],
         "dots": [[+behaviour:contains=`dots`:then=`true`:else=`false`]],
         "fade": [[+behaviour:contains=`fade`:then=`true`:else=`false`]],
         "centerMode": [[+behaviour:contains=`center`:then=`true`:else=`false`]],
         "slidesToShow": [[+cols:textToNumber]],
         "slidesToScroll": [[+slides_to_scroll]]
     }'>
    [[+rows]]
</div>

[[sliderLoadAssets]]

<table class="ui [[+table_columns:append=` column`]] [[+table_size]] [[+table_type]] [[+padding]] [[+table_options:replace=`,== `]] table">
    [[+body:append=`</tbody>`]]
</table>
[[loadAssets? &component=`table`]]

[[Switch:toPlaceholder=`menu_type_[[+unique_idx]]_[[+idx]]`?
    &get=`[[+tab_type]]`
    &c1=`regular` &do1=`[[+menu_position]] attached tabular`
    &c2=`basic` &do2=`pointing secondary tabular`
    &c3=`pointing basic` &do3=`pointing tabbed`
    &c4=`pointing regular` &do4=`pointing tabbed`
    &c5=`pointing segments` &do5=`tabbed secondary`
]]
[[Switch:toPlaceholder=`segment_pointer`?
    &get=`[[+menu_position]]`
    &c1=`top` &do1=`down pointing`
    &c2=`right` &do2=`left pointing`
    &c3=`bottom` &do3=`up pointing`
    &c4=`left` &do4=`right pointing`
]]

[[tabsGenerateNav?
    &input=`[[+rows]]`
    &prefix=`pl_[[+layout_idx]]_[[+unique_idx]]`
    &toPlaceholder=`tabs_menu`
]]

[[Switch?
    &get=`[[+menu_position]]`
    &c1=`top` &do1=`[[$tabsNavTop? &rows=`[[+rows]]`]]`
    &c2=`right` &do2=`[[$tabsNavRight? &rows=`[[+rows]]`]]`
    &c3=`bottom` &do3=`[[$tabsNavBottom? &rows=`[[+rows]]`]]`
    &c4=`left` &do4=`[[$tabsNavLeft? &rows=`[[+rows]]`]]`
    &default=`[[$tabsNavTop? &rows=`[[+rows]]`]]`
]]

<div id="search-results">
    [[!SimpleSearch?
        &containerTpl=`searchResultContainer`
        &tpl=`searchResultRow`
        &pageTpl=`searchButtonPaging`
        &currentPageTpl=`searchButtonPagingActive`
        &perPage=`[[++romanesco.search_result_limit]]`
        &includeTVs=`1`
        &processTVs=`1`
        &pagingSeparator=``
    ]]
</div>

<div class="[[+cols:ne=`1`:then=`ui [[+cols]] stackable cards`:else=``]]">
    [[!TwitterX?
        &twitter_consumer_key=`[[++twitter_consumer_key:empty=`[[++romanesco.twitter_consumer_key]]`]]`
        &twitter_consumer_secret=`[[++twitter_consumer_secret:empty=`[[++romanesco.twitter_consumer_secret]]`]]`
        &twitter_access_token=`[[++twitter_access_token:empty=`[[++romanesco.twitter_access_token]]`]]`
        &twitter_access_token_secret=`[[++twitter_access_token_secret:empty=`[[++romanesco.twitter_access_token_secret]]`]]`
        &limit=`[[+limit]]`
        &timeline=`[[+timeline_type]]`
        &chunk=`[[+template]]`
        &cache=`7200`
        &screen_name=`[[+username:empty=`[[++social_twitter:empty=`[[++romanesco.social_twitter]]`]]`]]`
        &include_rts=`[[+retweets]]`
    ]]
</div>

[[modifiedIf?
    &subject=`[[*toolbar_visibility]]`
    &operator=`EQ`
    &operand=`default`
    &then=`[[++toolbar_visibility_default]]`
    &else=`[[*toolbar_visibility]]`
    &toPlaceholder=`toolbar_visibility`
]]

[[+toolbar_visibility:eq=`1`:then=`
<div id="toolbar" class="ui vertical secondary segment">
    <div class="ui container">
        <div class="ui stackable relaxed grid">
            <div class="ten wide tablet ten wide computer twelve wide large screen stretched middle aligned column">
                [[$breadcrumbs]]
            </div>
            <div class="six wide tablet six wide computer four wide large screen column">
                [[SimpleSearchForm?
                    &tpl=`searchField`
                    &landing=`[[++romanesco.search_result_id]]`
                ]]
            </div>
        </div>
    </div>
</div>
`]]

[[modifiedIf?
    &subject=`[[*toolbar_visibility]]`
    &operator=`EQ`
    &operand=`default`
    &then=`[[++toolbar_visibility_default]]`
    &else=`[[*toolbar_visibility]]`
    &toPlaceholder=`toolbar_visibility`
]]

[[+toolbar_visibility:eq=`1`:then=`
<div id="toolbar" class="ui large attached menu">
    <div class="item mobile hidden">
        [[$breadcrumbs? &alias_visibility=`1`]]
    </div>
    <div class="right menu">
        <div class="search item">
            [[SimpleSearchForm?
                &tpl=`searchField`
                &landing=`[[++romanesco.search_result_id]]`
            ]]
        </div>
        [[!Login?
            &tplType=`modChunk`
            &loginTpl=`loginFormCompact`
            &logoutTpl=`logoutFormCompact`
            &form_size=`small`
            &form_layout=`vertical`
        ]]
    </div>
</div>
`]]

<div class="ui middle aligned equal width grid">
    <div class="column">
        [[$headingBasic?
            &level=`h3`
            &value=`[[+pattern_name]]<span class="ui mini [[%romanesco.patterns.status_[[+pattern_status]]_color]] empty circular label" title="[[%romanesco.patterns.status_[[+pattern_status]]]]"></span>`
            &alignment=`middle aligned`
        ]]
    </div>

    <div class="compact column">
        [[+elementType:isnot=`ElectronTV`:and:isnot=`Computation`:then=`
        <i class="unhide link icon with visibility toggle and tooltip"
           data-target="#preview-[[+pattern_name:lcase]]"
           data-targetState="visible"
           data-content="[[%romanesco.patterns.preview_tooltip]]"
           data-position="top center"></i>
        `]]
        <i class="muted code link icon with visibility toggle and tooltip"
           data-target="#code-[[+pattern_name:lcase]]"
           data-targetState="hidden"
           data-content="[[%romanesco.patterns.code_tooltip]]"
           data-position="top center"></i>
        <i class="muted random link icon with visibility toggle and tooltip"
           data-target="#connections-[[+pattern_name:lcase]]"
           data-targetState="hidden"
           data-content="[[%romanesco.patterns.connections_tooltip]]"
           data-position="top center"></i>
    </div>
</div>

[[$cbLayoutStatusPattern:filterLine=`[[+pattern_status]]`:stripString=`=[[+pattern_status]]`:toPlaceholder=`status_title`]]

<div class="ui two column middle aligned equal width grid">
    <div class="column">
        [[$headingBasicAnchor?
            &level=`h3`
            &value=`[[+pattern_name]]<span class="ui mini [[+pattern_status]] empty circular label" title="[[+status_title]]"></span>`
            &alignment=`middle aligned`
        ]]
    </div>

    <div class="five wide right aligned column">
        <i class="disabled comment outline link icon with tooltip"
           data-content="[[%romanesco.patterns.comment_tooltip]]"
           data-position="top center"></i>
    </div>
</div>

[[$dividerBasic? &divider_hidden=`1`]]