Organisms

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

[[[[++formblocks.ajax_mode:eq=`1`:then=``:else=`!`]]$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=`[[+layout_title]]`
    &operator=`notempty`
    &then=`id="fb[[*id]]-[[stripAsAlias? &input=`[[+layout_title]]`]]"`
    &toPlaceholder=`fieldset_id_[[+unique_idx]]`
]]
[[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 [[+fieldset_id_[[+unique_idx]]]] 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-[[*alias]]').submit(function (e) {
            [[$fbSubmitAjaxJS]]
        });
    });
</script>

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

                    [[- 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`
                    ]]]]
                }
            })
        ;
    });
</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? &context=`[[+context:empty=`web`]]``
    &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>[[+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">

[[$openGraphMeta]]

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

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

[[- SET PLACEHOLDERS FOR CONDITIONAL STATEMENTS FURTHER DOWN ]]
[[++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`
]]]]
[[beforeEach?
    &input=`[[++nav_exclude_resources]]`
    &before=`-`
    &toPlaceholder=`excluded_resources`
]]

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

[[- LOAD CSS ASSETS, ASYNCHRONOUS IF CRITICAL CSS IS ENABLED ]]
[[+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 ]]
[[++romanesco.dev_mode:ne=`1`:then=`
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
`:else=`
<script defer src="[[++romanesco.semantic_vendor_path]]/jquery/jquery.min[[+cache_buster_js:notempty=`.361`]].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>

[[- CONDITIONALLY LOAD ASSETS FOR 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``
]]]]

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

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

[[- PLACE ANALYTICS CODE SNIPPET, UNLESS CONSENTFRIEND IS INSTALLED ]]
[[[[modifiedIf?
    &subject=`ConsentFriend`
    &operator=`iselement`
    &operand=`plugin`
    &then=``
    &else=`++analytics_tracking_code`
]]]]

[[- PLACE STRUCTURED DATA IN JSON-LD FORMAT ]]
[[$structuredDataSite]]

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

[[[[*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>
[[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 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`
            &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">
                                    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() {
        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-[[+map_id:empty=`[[+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]]);

        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`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`custom/overviews``]]

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

[[+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`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`custom/overviews/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=`[[modifiedIf? &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]]`]]
    [[[[+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=`custom/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]]`
    &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_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`]]]]

[[+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`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`custom/overviews/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=`[[modifiedIf? &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]]`]]
    [[[[+pagination:eq=`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`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`custom/overviews/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=`[[modifiedIf? &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]]`]]
    [[[[+pagination:eq=`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`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`custom/overviews``]]

    &parents=`-1`
    &resources=`[[+resources]]`
    &limit=`[[modifiedIf? &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`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`custom/overviews/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=`[[modifiedIf? &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]]`]]
    [[[[+pagination:eq=`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`
    [[++custom_cache:eq=`1`:then=`&cacheKey=`custom/overviews/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=`[[modifiedIf? &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]]`]]
    [[[[+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]]`]]`
]]

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

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