{{#with data}}
<div class="container main-container main-error-page" data-error-code="{{resultCode}}">
    {{#compare resultCode "==" 40000}}
    <div class="error-container bs4--clearfix bs4--row">
        <div class="bs4--col-12 bs4--p-0">
            <img src="{{paths "img"}}/error/no-showings-desktop.png"  alt="" width="560" height="364" loading="lazy" class="error-showings-image bs4--d-block bs4--mx-auto bs4--h-auto" />
        </div>
        <div class="bs4--col-12 bs4--p-sm-0 bs4--text-center">

        </div>
        <div class="bs4--col-12 bs4--col-sm-8 bs4--col-md-6 bs4--offset-sm-2 bs4--offset-md-3 bs4--p-sm-0">
            <div class="font-18 bs4--mt-3 bs4--text-center">
                <p>
                    If you would like your MLS to enable Homesnap Showings, please complete this 30-second survey.
                </p>
            </div>
            <div class="bs4--text-center">
                <a href="https://homesnap.typeform.com/to/ZO1gmDm1" class="bs4--btn bs4--btn-hs-blue bs4--mx-auto bs4--mt-3 bs4--mb-7" id="{{@root/dom/aTypeform}}" target="_blank" rel="noreferrer" >
                    Get Homesnap Showings
                </a>
            </div>

        </div>

    </div>
    {{else}}
    <div class="error-container bs4--row bs4--mx-0">
        {{#if pageContent.img}}
        <div class="bs4--col-12 bs4--col-sm-5 bs4--order-0 bs4--order-sm-1">
            <div class="pro-image">
                <img src="{{paths "img"}}{{pageContent.img}}" alt="" width="401" height="314" loading="lazy" class="bs4--h-auto" />
            </div>
        </div>
        {{/if}}
        <div class="bs4--col-12 bs4--col-sm-7 bs4--order-1 bs4--order-sm-0 error-content-container">
            <div class="pro-content">
                <div class="section-headline text-hs-blue">{{{pageContent.headline}}}</div>
                <div class="section-subheading">
                    {{{pageContent.subHeadline}}}
                </div>
                {{#if pageContent.text}}
                <span>{{pageContent.text}}</span>
                {{/if}}
                {{#compare resultCode "===" 987}}
                <div style="margin: 0 auto 40px auto; max-width: 150px; width: 100%;">
                    <button id="{{@root/dom/buttonSignIn}}" class="btn btn-primary btn-block"> Sign In </button>
                </div>
                {{/compare}}
                <div id="{{@root/dom/divErrorLinks}}"></div>
            </div>
        </div>
        {{#or (compare resultCode "==" 982)(compare resultCode "==" 983)(compare resultCode "==" 990)}}
        <div class="bs4--col-12 bs4--p-0">
            <img src="{{paths "img"}}/error/closed-door.png" alt="" width="798" height="410" loading="lazy" class="bs4--h-auto" />
        </div>
        {{/or}}
        {{#compare resultCode "===" 987}}
        <div class="bs4--col-12 bs4--p-0">
            <img src="{{paths "img"}}/error/welcome-door.png" width="798" height="411" alt="" loading="lazy" class="bs4--h-auto" />
        </div>
        {{/compare}}
    </div>
    {{/compare}}
</div>
{{/with}}