Organisms

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

[[[[++formblocks.ajax_mode:eq=`1`:then=``:else=`!`]]renderResources?
    &parents=`-1`
    &resources=`[[+form_id]]`
    &prefix=`form_host.`

    &form_id=`[[+form_id]]`
    &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]]

[[If?
    &subject=`[[+layout_title]]`
    &operator=`notempty`
    &then=`id="fb[[*id]]-[[stripAsAlias? &input=`[[+layout_title]]`]]"`
    &toPlaceholder=`fieldset_[[*id]]_[[+unique_idx]]`
]]
[[If?
    &subject=`[[+segment_type]]`
    &operator=`isnot`
    &operand=`none`
    &then=`segment`
    &else=`[[*fb_form_layout:isnot=`inline`:then=`fieldset`]]`
    &toPlaceholder=`segment_[[*id]]_[[+unique_idx]]_parent`
]]
[[If?
    &subject=`[[+force_segment]]`
    &operator=`eq`
    &operand=`1`
    &then=`segment`
    &else=`[[+segment_[[*id]]_[[+unique_idx]]_parent]]`
    &toPlaceholder=`segment_[[*id]]_[[+unique_idx]]`
]]
<fieldset [[+fieldset_[[*id]]_[[+unique_idx]]]] class="ui [[+padding]] [[+segment_[[*id]]_[[+unique_idx]]]] [[+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-[[*alias]]').submit(function (e) {
            [[$fbSubmitAjaxJS]]
        });
    });
</script>

<script>
    window.addEventListener('DOMContentLoaded', function() {
        const $form = $('.ui.form#form-[[*alias]]');

        const formConfig = {
            on: '[[*fb_frontend_validate_on:replace=`default==[[++formblocks.frontend_validate_on]]`:default=`submit`]]',
            [[*fb_frontend_validate_on:replace=`default==[[++formblocks.frontend_validate_on]]`:is=`blur`:then=`inline: true,`]]
            fields: {
                [[fbFormReport:strip?
                    &formID=`[[*id]]`
                    &tplPrefix=`fbValidationRow_`
                    &requiredOnly=`1`
                ]]
            },
            onSuccess: function(e) {
                [[[[If?
                    &subject=`[[++formblocks.antispam_hooks]]`
                    &operator=`contains`
                    &operand=`recaptchav3`
                    &then=`
                        recaptchav3_render?
                            &tpl=`recaptchaOnSuccessV3`
                            &token_key=`token-[[*id]]`
                            &action_key=`fb[[*id]]`
                        `
                ]]]]

                [[- RECAPTCHA IS CURRENTLY INCOMPATIBLE WITH AJAX MODE
                    So if ReCaptcha is enabled, the above snippet is run
                    and the code below will not be executed.
                ]]
                [[[[If?
                    &subject=`[[++formblocks.ajax_mode]]`
                    &operator=`eq`
                    &operand=`1`
                    &then=`$fbSubmitAjaxJS`
                ]]]]
            }
        };

        // Check if a required file upload field exists
        const hasUploadField = $form.find('.file-upload.required').length > 0;

        // Use Arrive to detect if file upload fields were added to DOM and add
        //  custom validation rule for each field.
        if (hasUploadField) {
            $form.arrive('.file-upload.required input[type="file"]', function() {
                const fieldID = $(this).closest('.file-upload.field').attr('id');
                const ruleName = fieldID.replace('fb[[*id]]-', '').replace(/-/g, '');
                $(this).attr('data-validate',fieldID);

                $.fn.form.settings.rules[ruleName] = function(value, element) {
                    const $wrapper = $('.filepond--root').has(`input[data-validate="${fieldID}"]`);
                    if ($wrapper.length === 0) {
                        return false;
                    }
                    const pond = window.FilePond.find($wrapper[0]);
                    return pond ? pond.getFiles().length > 0 : false;
                };

                $form.form(formConfig);
            });
        } else {
            $form.form(formConfig);
        }
    });
</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.

    DO NOT EDIT DIRECTLY!

    Generated by MODX when saving the Global Backgrounds.
    If you want to add styling that needs to access MODX placeholders, then
     create a globalBackgroundsTheme or globalCustomCSS chunk somewhere. It will
     be picked up at the bottom of this chunk.
    If you don't need placeholders, then just add the styling in your Semantic
     site or theme folder.

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

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


/* Load all backgrounds set under Global Content */

[[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 */

[[[[If?
    &subject=`globalBackgroundsTheme`
    &operator=`iselement`
    &operand=`chunk`
    &then=`$globalBackgroundsTheme? &context=`[[+context:empty=`web`]]``
    &else=``
]]]]
[[[[If?
    &subject=`globalCustomCSS`
    &operator=`iselement`
    &operand=`chunk`
    &then=`$globalCustomCSS? &context=`[[+context:empty=`web`]]``
    &else=``
]]]]

[[If?
    &subject=`[[getRawTVValue? &tv=`footer_visibility`]]`
    &operator=`is`
    &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`
]]
[[If?
    &subject=`[[getRawTVValue? &tv=`footer_type`]]`
    &operator=`is`
    &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`
]]
[[If?
    &subject=`[[getRawTVValue? &tv=`footer_background`]]`
    &operator=`is`
    &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=`is`
    &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`
        `
    ]]]]
    [[[[If?
        &subject=`footerCopyrightTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerCopyrightTheme`
        &else=`$footerCopyright`
    ]]]]
</footer>
`]]

<title>[[+title_format:default=`[[++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">
[[[[If?
    &subject=`[[++opengraph_data]]`
    &operator=`eq`
    &operand=`1`
    &then=`$openGraphMeta`
]]]]

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

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

[[- SET PLACEHOLDERS FOR CONDITIONAL STATEMENTS FURTHER DOWN THE RESOURCE ]]
[[If?
    &subject=`[[++minify_css_js]]`
    &operator=`eq`
    &operand=`1`
    &then=`.min`
    &toPlaceholder=`minify`
]]
[[If?
    &subject=`[[++critical_css]]_[[*critical_css_uri:notempty=`1`]]`
    &operator=`eq`
    &operand=`1_1`
    &then=`1`
    &toPlaceholder=`load_critical_css`
]]
[[If?
    &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`
]]]]
[[beforeEach?
    &input=`[[++nav_exclude_resources]]`
    &before=`-`
    &toPlaceholder=`excluded_resources`
]]

[[- PRELOAD ASSETS WITH HIGHEST PRIORITY ]]
[[[[If?
    &subject=`headPreloadLinksTheme`
    &operator=`iselement`
    &operand=`chunk`
    &then=`$headPreloadLinksTheme`
    &else=`$headPreloadLinks`
]]]]

[[- LOAD CSS ASSETS, ASYNCHRONOUS IF CRITICAL CSS IS ENABLED ]]
[[[[If?
    &subject=`[[+load_critical_css]]`
    &operator=`eq`
    &operand=`1`
    &then=`$headLoadCriticalCSS`
    &else=`$headLoadCSS`
]]]]

[[- LOAD GOOGLE FONTS ]]
[[[[If?
    &subject=`[[helloConsentFriend? &service=`googleFonts` &true=`` &false=`[[+load_google_fonts]]`]]`
    &operator=`notempty`
    &then=`$headLoadGoogleFonts`
]]]]

[[- LOAD JS ASSETS WITH DEFER, SO DOWNLOADING WILL START EARLY WITHOUT BLOCKING RENDERING ]]
[[[[If?
    &subject=`[[++romanesco.dev_mode]]`
    &operator=`eq`
    &operand=`1`
    &then=`$headLoadDevJS`
    &else=`$headLoadProductionJS`
]]]]

[[- CONTEXTUALLY LOAD SPECIFIC COMPONENTS ]]
[[[[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=`code``
]]]]
[[[[If?
    &subject=`[[*context_key]]`
    &operator=`is`
    &operand=`hub`
    &then=`loadAssets? &component=`hub``
]]]]

[[- ADDITIONAL HEAD ELEMENTS ]]
[[[[If?
    &subject=`headAdditional`
    &operator=`iselement`
    &operand=`chunk`
    &then=`$headAdditional`
]]]]
[[++head_additional]]

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

[[- ANALYTICS ]]
[[[[helloConsentFriend?
    &true=``
    &false=`++analytics_tracking_code`
]]]]

[[- SCHEMA.ORG STRUCTURED DATA]]
[[[[If?
    &subject=`[[++structured_data]]`
    &operator=`eq`
    &operand=`1`
    &then=`$structuredDataSite`
]]]]

[[- DENY ACCESS TO HUB CONTEXT, IF MARKED AS PRIVATE ]]
[[[[If?
    &subject=`[[++romanesco.private_backyard]]`
    &operator=`eq`
    &operand=`1`
    &then=`!checkPermissions? &context=`hub``
]]]]

[[- SET HIGHEST ACCESS LEVEL FOR LOGGED-IN USER ]]
[[!setUserAccessLevel? &toPlaceholder=`user_access_level`]]

[[[[*comments_toggle:eq=`1`:then=`$commentScript[[++comment_platform]]`]]]]
[[loadAssets?
    &component=`custom`
    &inlineJS=`<script defer src="[[++romanesco.semantic_js_path]]/site[[+minify:empty=``]][[+cache_buster_js:empty=``]].js"></script>`
]]
[[[[If?
    &subject=`footerAdditional`
    &operator=`iselement`
    &operand=`chunk`
    &then=`$footerAdditional`
]]]]
[[++footer_additional]]

<div class="ui container">
    [[If?
        &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`
    ]]
    [[If?
        &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>

[[If?
    &subject=`[[*header_visibility]]`
    &operator=`is`
    &operand=`default`
    &then=`[[++header_visibility_default]]`
    &else=`[[*header_visibility]]`
    &toPlaceholder=`header_visibility`
]]
[[If?
    &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`]]">
    [[[[If?
        &subject=`masthead`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$masthead`
    ]]]]

    [[[[If?
        &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">
    [[[[If?
        &subject=`masthead`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$masthead`
    ]]]]

    [[[[If?
        &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=`
        migxLoopCollection?
            &classname=`MODX\Revolution\modChunk`
            &tpl=`displayRawElement`
            &where=`{"name":"[[+pattern_name]]"}`
            &toPlaceholder=`[[+prefix]].raw_element`
        `
]]]]

[[[[If?
    &subject=`[[+pattern_template]]`
    &operator=`eq`
    &operand=`patternLayoutTemplate`
    &then=`
        migxLoopCollection?
            &classname=`MODX\Revolution\modTemplate`
            &tpl=`displayRawTemplate`
            &where=`{"templatename":"[[+pattern_name]]"}`
            &toPlaceholder=`[[+prefix]].raw_element`
        `
]]]]

[[[[If?
    &subject=`[[+pattern_template]]`
    &operator=`eq`
    &operand=`patternLayoutFormula`
    &then=`
        migxLoopCollection?
            &classname=`MODX\Revolution\modSnippet`
            &tpl=`displayRawElement`
            &where=`{"name":"[[+pattern_name]]"}`
            &toPlaceholder=`[[+prefix]].raw_element`
        `
]]]]

[[[[If?
    &subject=`[[+pattern_template]]`
    &operator=`eq`
    &operand=`patternLayoutComputation`
    &then=`
        migxLoopCollection?
            &classname=`MODX\Revolution\modPlugin`
            &tpl=`displayRawPlugin`
            &where=`{"name":"[[+pattern_name]]"}`
            &toPlaceholder=`[[+prefix]].raw_element`
        `
]]]]

[[[[If?
    &subject=`[[+pattern_template]]`
    &operator=`eq`
    &operand=`patternLayoutBosonField`
    &then=`
        migxLoopCollection?
            &packageName=`contentblocks`
            &classname=`cbField`
            &tpl=`displayRawContentBlock`
            &where=`{"id":"[[+pattern_id]]","parent":"0"}`
            &toPlaceholder=`[[+prefix]].raw_element`
        `
]]]]

[[[[If?
    &subject=`[[+pattern_template]]`
    &operator=`eq`
    &operand=`patternLayoutBosonLayout`
    &then=`
        migxLoopCollection?
            &packageName=`contentblocks`
            &classname=`cbLayout`
            &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=`FractalFarming\Romanesco\Model\Option`
        &where=`{"key":"status_progress"}`
        &tpl=`statusIndicatorSVGSymbol`
    ]]
    [[migxLoopCollection?
        &packageName=`romanescobackyard`
        &classname=`FractalFarming\Romanesco\Model\Option`
        &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=`FractalFarming\Romanesco\Model\Option`
    &where=`{"key":"status_progress"}`
    &wrapperTpl=`kanbanGridStepsWrapper`
    &tpl=`kanbanGridStepsRow`
]]
<div class="ui stackable equal width celled kanban grid">
    [[migxLoopCollection?
        &packageName=`romanescobackyard`
        &classname=`FractalFarming\Romanesco\Model\Option`
        &where=`{"key":"content_priority"}`
        &tpl=`kanbanGridRow`
    ]]
</div>

<div class="ui container">
    <div class="ui large feed">
        [[migxLoopCollection?
            &packageName=`romanescobackyard`
            &classname=`FractalFarming\Romanesco\Model\Task`
            &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>
[[loadAssets? &component=`feed`]]

<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 migxLoopCollection 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=`
            migxLoopCollection?
                &classname=`MODX\Revolution\modTemplate`
                &tpl=`assignedTemplatesRow`
                &limit=`0`
                &where=`{ "tmplvarid":"[[+tmplvarid]]" }`
                &toPlaceholder=`[[+prefix]].assigned_templates`
            `
    ]]]]

    [[[[If?
        &subject=`[[+pattern_template]]`
        &operator=`inarray`
        &operand=`patternLayoutAtom,patternLayoutMolecule,patternLayoutOrganism`
        &then=`
            migxLoopCollection?
                &classname=`MODX\Revolution\modTemplateVar`
                &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=`
            migxLoopCollection?
                &classname=`MODX\Revolution\modChunk`
                &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=`
            migxLoopCollection?
                &classname=`MODX\Revolution\modSnippet`
                &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=`
            migxLoopCollection?
                &classname=`MODX\Revolution\modTemplate`
                &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=`
            migxLoopCollection?
                &classname=`MODX\Revolution\modResource`
                &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=`
            migxLoopCollection?
                &classname=`MODX\Revolution\modResource`
                &tpl=`includedPagesRow`
                &limit=`0`
                &where=`{ "content:LIKE":"%[[+pattern_name]]%" }`
                &toPlaceholder=`[[+prefix]].referring_pages`
            `
    ]]]]

    [[[[If?
        &subject=`[[+pattern_template]]`
        &operator=`eq`
        &operand=`patternLayoutBosonField`
        &then=`
            migxLoopCollection?
                &classname=`MODX\Revolution\modResource`
                &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=`
            migxLoopCollection?
                &classname=`MODX\Revolution\modResource`
                &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=`FractalFarming\Romanesco\Model\Option`
        &where=`{"key":"status_progress"}`
        &tpl=`statusIndicatorSVGSymbol`
    ]]
    [[migxLoopCollection?
        &packageName=`romanescobackyard`
        &classname=`FractalFarming\Romanesco\Model\Option`
        &where=`{"key":"status_health"}`
        &tpl=`statusIndicatorSVGSymbol`
    ]]
</svg>
<style>
    @font-face {
        font-family: "brand-icons";
        src: url("[[++romanesco.semantic_dist_path]]/themes/default/assets/fonts/brand-icons.woff2") format("woff2") ;
        font-style: normal;
        font-weight: normal;
        font-display: block;
        font-variant: normal;
        text-decoration: inherit;
        text-transform: none;
    }
    i.icon.trello::before {
        font-family: "brand-icons";
        content: "\f181";
    }
</style>

<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 class="collapsing">[[%romanesco.status.table_indicator]]</th>
        <th class="collapsing">[[%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 class="collapsing">[[%romanesco.status.table_owner]]</th>
        <th class="collapsing">[[%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`
    ]]
    </tbody>
</table>

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

    <div class="content">
        <p>[[%romanesco.status.legend_description]]</p>
        <table class="ui small compact celled status table">
            <tr class="olive">
                <td class="collapsing indicator">
                    <svg class="icon " viewBox="0 0 100 100">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="[[~[[*id]]? &scheme=`full`]]#status-done"></use>
                    </svg>
                </td>
                <td class="collapsing selectable">
                    <a class="edit" href="https://romanesco-nursery.loc/manager/?a=resource/update&id=1" target="_blank">1</a>
                </td>
                <td class="selectable metadata">
                    <a class="level-1 hidemenu" href="https://romanesco-nursery.loc/" target="_blank">This page is hidden in menus</a>
                    <a class="ui empty floating red circular label with tooltip onclick" title="Description" data-title="Description" data-content="Red indicates the field is still empty." data-variation=""></a>
                    <a class="ui empty floating green circular label with tooltip onclick" title="Longtitle" data-title="Longtitle" data-content="Green indicates the field is filled in." data-variation=""></a>
                </td>
                <td class="tasks">
                    <span class="ui mini list">
                        <a class="item with tooltip onclick" data-content="Walk through some basic usage scenarios in a short video, to get a sense of what Romanesco is." data-variation="">
                            This page has a task attached to it
                        </a>
                        <a class="item with tooltip onclick" data-content="Walk through some basic usage scenarios in a short video, to get a sense of what Romanesco is." data-variation="">
                            Click on the task to see more details
                        </a>
                    </span>
                </td>
                <td class="collapsing owner">
                    Hugo
                </td>
                <td class="collapsing due date">
                    [[Time:date=`[[++romanesco.date_format_short]]`]]
                </td>
            </tr>
        </table>
        <p>[[%romanesco.status.legend_published]]</p>
        <div class="ui two column grid">
            <div class="ui column">
                <div class="ui small header">[[%romanesco.status.legend_progress]]</div>
                <table class="ui small compact celled table">
                    <tbody>
                    [[migxLoopCollection?
                        &packageName=`romanescobackyard`
                        &classname=`FractalFarming\Romanesco\Model\Option`
                        &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 compact celled table">
                    <tbody>
                    [[migxLoopCollection?
                        &packageName=`romanescobackyard`
                        &classname=`FractalFarming\Romanesco\Model\Option`
                        &where=`{"key":"status_health"}`
                        &sortConfig=`[{"sortby":"pos","sortdir":"ASC"}]`
                        &tpl=`statusIndicatorLegendTR`
                    ]]
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

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

[[+rows]]

[[structuredDataFAQ?
    &fieldIdx=`[[+field_type_idx]]`
]]

<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`
            &level=`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">
                                    [[%romanesco.patterns.edit_tooltip]]
                                </a>
                            </div>
                            <div class="right aligned column">
                                <span data-tooltip="[[%romanesco.patterns.favorite_tooltip]]" data-position="top center">
                                    <i class="disabled heart outline link icon"></i>
                                </span>
                                <span data-tooltip="[[%romanesco.patterns.comment_tooltip]]" data-position="top center">
                                    <i class="disabled comment outline link icon"></i>
                                </span>
                            </div>
                        </div>

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

                        <h5 class="ui disabled header">[[%romanesco.patterns.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>
    [[+bg[[+background]].credits]]
</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>
    [[+bg[[+background]].credits]]
</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]]`
        ]]

        [[[[If?
            &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]]`
                `
        ]]]]

        [[[[If?
            &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>
    [[+bg[[+background]].credits]]
</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>
    [[+bg[[+background]].credits]]
</div>

<div id="swiper-[[+unique_idx]]" class="swiper[[+mobile_only:eq=`1`:then=`-mobile`]] [[+transition]] [[+inverted:eq=`1`:then=`inverted`]] [[+fullscreen:eq=`1`:then=`fullscreen`]]">
    [[If?
        &subject=`[[+transition]]`
        &operator=`eq`
        &operand=`parallax`
        &then=`<div class="[[setBackground? &background=`[[+background]]`]]" data-swiper-parallax="-25%"></div>`
    ]]
    [[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>`
    ]]
    [[[[If?
        &subject=`[[+button_position]]`
        &operator=`contains`
        &operand=`inside`
        &then=`$sliderNavButtons?
            &position=`[[+button_position]]`
            &behaviour=`[[+behaviour]]`
            &pagination=`[[+pagination]]`
            &uid=`[[+unique_idx]]`
        `
    ]]]]
</div>

[[[[If?
    &subject=`[[+button_position]]`
    &operator=`contains`
    &operand=`outside`
    &then=`$sliderNavButtons?
        &position=`[[+button_position]]`
        &behaviour=`[[+behaviour]]`
        &pagination=`[[+pagination]]`
        &uid=`[[+unique_idx]]`
    `
]]]]

[[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>
    [[+bg[[+background]].credits]]
</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="[[+title_inflate]] main column">[[+col_1]]</div>
                <div class="[[+title_inflate]] main column">[[+col_2]]</div>
            </div>
        </div>
    </div>
    [[+bg[[+background]].credits]]
</div>

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

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

<script>
    window.addEventListener('DOMContentLoaded', function() {
        const 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>';

        const map = new L.Map('[[+map_id:stripAsAlias:empty=`map-[[+unique_idx]]`]]', {
            scrollWheelZoom: false
        });

        L.tileLayer('https://api.mapbox.com/styles/v1/{username}/{id}/tiles/{z}/{x}/{y}{r}?access_token={accessToken}', {
            attribution: attribution,
            tileSize: 512,
            zoomOffset: -1,
            maxZoom: [[+zoom_level_max:default=`18`]],
            id: '[[++romanesco.mapbox_style_id]]',
            username: '[[++romanesco.mapbox_username]]',
            accessToken: '[[++romanesco.mapbox_access_token]]'
        }).addTo(map);

        map.setView([ [[+marker_coordinates]] ], [[+zoom_level:default=`11`]]);

        L.marker([ [[+marker_coordinates]] ])
            .addTo(map)
            .bindPopup('[[+marker_popup:nl2br:stripForJS]]')
        ;

        // Only activate mousewheel scrolling on focus
        map.on('focus', function () {
            map.scrollWheelZoom.enable();
        });
        map.on('blur', function () {
            map.scrollWheelZoom.disable();
        });
    });
</script>

[[loadAssets? &component=`map`]]

[[+layout_title:stripAsAlias:empty=`ov`:toPlaceholder=`ov_id`]]
[[setBoxType? &input=`[[+row_tpl]]` &prefix=`[[+ov_id]]_[[+layout_id]]_[[+unique_idx]]`]]

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

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

    &parents=`[[+parent]]`
    &resources=`[[+excluded_resources]]`
    &depth=`[[+depth]]`
    &limit=`[[If? &subject=`[[+prefix]]` &operator=`contains` &operand=`__` &then=`[[+limit_mgr]]` &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]]`]]
    [[[[If?
        &subject=`[[+pagination]]`
        &operator=`eq`
        &operand=`1`
        &then=`$overviewSettingsPagination? &uid=`[[+prefix]]``
    ]]]]
]]

[[+layout_title:stripAsAlias:empty=`ov`:toPlaceholder=`ov_id`]]
[[setBoxType? &input=`[[+row_tpl]]` &prefix=`[[+ov_id]]_[[+layout_id]]_[[+unique_idx]]`]]

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

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

    &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=`contains` &operand=`__` &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]]`]]
    [[[[If?
        &subject=`[[+pagination]]`
        &operator=`eq`
        &operand=`1`
        &then=`$overviewSettingsPagination? &uid=`[[+prefix]]``
    ]]]]
]]

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

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

    &parents=`[[+parent]]`
    &resources=`[[+excluded_resources]]`
    &depth=`[[+depth]]`
    &limit=`[[+limit:default=`0`]]`
    &offset=`[[+offset:default=`0`]]`
    &tpl=`[[If? &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=`[[If? &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]]`
    &level=`[[+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_tpl=`[[+[[+unique_idx]].img_tpl]]`
    &img_type=`[[+img_type]]`
    &img_options=`[[+img_options]]`
    &lazy_load=`[[+lazy_load]]`

    [[[[If?
        &subject=`[[+pagination]]`
        &operator=`eq`
        &operand=`1`
        &then=`$overviewSettingsPagination? &uid=`[[+prefix]]``
    ]]]]
]]

[[[[If?
    &subject=`[[+pagination]]`
    &operator=`eq`
    &operand=`1`
    &then=`$paginationFluid? &uid=`[[+prefix]]``
]]]]

[[+layout_title:stripAsAlias:empty=`ov`:toPlaceholder=`ov_id`]]
[[setBoxType? &input=`[[+row_tpl]]` &prefix=`[[+ov_id]]_[[+layout_id]]_[[+unique_idx]]`]]

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

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

    &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=`contains` &operand=`__` &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]]`]]
    [[[[If?
        &subject=`[[+pagination]]`
        &operator=`eq`
        &operand=`1`
        &then=`$overviewSettingsPagination? &uid=`[[+prefix]]``
    ]]]]
]]

[[+layout_title:stripAsAlias:empty=`ov`:toPlaceholder=`ov_id`]]
[[setBoxType? &input=`[[+row_tpl]]` &prefix=`[[+ov_id]]_[[+layout_id]]_[[+unique_idx]]`]]

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

[[[[+filter:eq=`1`:then=`!$overviewFilterActiveMessage`]]]]

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

    &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=`contains` &operand=`__` &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=`[[[[+filter:eq=`1`:then=`!TaggerGetResourcesWhere`]]]]`

    &show_tags=`[[+show_tags]]`
    [[$overviewSettings? &uid=`[[+prefix]]`]]
    [[[[If?
        &subject=`[[+pagination]]`
        &operator=`eq`
        &operand=`1`
        &then=`$overviewSettingsPagination? &uid=`[[+prefix]]``
    ]]]]
]]

[[+layout_title:stripAsAlias:empty=`ov`:toPlaceholder=`ov_id`]]
[[setBoxType? &input=`[[+row_tpl]]` &prefix=`[[+ov_id]]_[[+layout_id]]_[[+unique_idx]]`]]

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

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

    &parents=`-1`
    &resources=`[[+resources]]`
    &limit=`[[If? &subject=`[[+prefix]]` &operator=`contains` &operand=`__` &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]]`]]
]]

[[+layout_title:stripAsAlias:empty=`ov`:toPlaceholder=`ov_id`]]
[[setBoxType? &input=`[[+row_tpl]]` &prefix=`[[+ov_id]]_[[+layout_id]]_[[+unique_idx]]`]]

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

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

    &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=`contains` &operand=`__` &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]]`]]
    [[[[If?
        &subject=`[[+pagination]]`
        &operator=`eq`
        &operand=`1`
        &then=`$overviewSettingsPagination? &uid=`[[+prefix]]``
    ]]]]
]]

[[+layout_title:stripAsAlias:empty=`ov`:toPlaceholder=`ov_id`]]
[[setBoxType? &input=`[[+row_tpl]]` &prefix=`[[+ov_id]]_[[+layout_id]]_[[+unique_idx]]`]]

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

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

    &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=`contains` &operand=`__` &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]]`

    &text_size=`[[+text_size]]`
    &show_rating=`[[+show_rating]]`
    [[$overviewSettings? &uid=`[[+prefix]]`]]
    [[[[If?
        &subject=`[[+pagination]]`
        &operator=`eq`
        &operand=`1`
        &then=`$overviewSettingsPagination? &uid=`[[+prefix]]``
    ]]]]
]]

[[loadAssets? &component=`rating`]]

<div class="ui [[+accordion_type:replace=`,== `]] [[+padding]] accordion">
    [[+rows]]
</div>

[[[[If?
    &subject=`[[+field_type]]`
    &operator=`is`
    &operand=`faq`
    &then=`structuredDataFAQ? &fieldIdx=`[[+field_type_idx]]``
]]]]

<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]]`
    `
]]]]

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

<div id="hero" class="ui vertical stripe segment [[setBackground? &background=`[[+header_background_class]]`]]">
    [[[[[[If?
        &subject=`[[getRawTVValue? &tv=`header_cta`]]`
        &operator=`is`
        &operand=`@INHERIT`
        &then=`
            If?
                &subject=`[[#[[*parent]].header_inheritance]]`
                &operator=`contains`
                &operand=`inherit_cta`
                &then=`$ctaHeader`
                &else=`$heroBasic`
            `
        &else=`
            If?
                &subject=`[[getRawTVValue? &tv=`header_cta`]]`
                &operator=`isnot`
                &operand=`@INHERIT`
                &then=`$ctaHeader`
                &else=`$heroBasic`
            `
    ]]]]]]
</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 stretched swiper-[[+uid]]"></button>
        <button class="swiper-button-prev stretched 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?
    &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`
    &default=`top attached tabular`
    &toPlaceholder=`menu_type_[[+unique_idx]]_[[+idx]]`
]]
[[Switch?
    &get=`[[+menu_position]]`
    &c1=`top` &do1=`down pointing`
    &c2=`right` &do2=`left pointing`
    &c3=`bottom` &do3=`up pointing`
    &c4=`left` &do4=`right pointing`
    &toPlaceholder=`segment_pointer`
]]

[[tabsGenerateNav?
    &input=`[[+rows]]`
    &tpl=`tabsNav[[+menu_position:ucfirst:default=`Top`]]`
    &uid=`[[+cta_uid:append=`-`]][[+unique_idx:append=`-`]][[+layout_idx]]`
]]

[[loadAssets? &component=`tabs`]]

<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>

[[If?
    &subject=`[[*toolbar_visibility]]`
    &operator=`is`
    &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>
`]]

[[If?
    &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>
`]]
[[[[If?
    &subject=`[[+toolbar_visibility]]`
    &operator=`eq`
    &operand=`1`
    &then=`loadAssets? &component=`dropdown-css``
]]]]

<div class="ui middle aligned equal width toolbar 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>
        [[+elementType:containsnot=`Electron`:then=`
        <a class="ui large compact basic icon button with tooltip"
           href="[[++site_url:stripString=`hub.`]]manager/?a=element/[[+element_class:lcase:stripString=`mod`]]/update&id=[[+id]]"
           data-content="[[%romanesco.patterns.edit_tooltip]]"
           data-position="top center"
           target="_blank">
            <i class="modx icon"></i>
        </a>
        `]]
    </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`]]