%%[[if publish]]%%
<!-- FormLoom 4 Remote v.%stackVersion% | (c) 2018 Yabdab Inc.  -->
<script type="text/javascript">(function a(d, w, u) {var h = d.getElementsByTagName("head")[0];var s = d.createElement("script");s.type = "text/javascript";s.src = "%relativeSiteAssetPath%/formloom/seamless.parent.min.js";s.onload = function b() {var f = d.getElementById("yd-iframe-%id%");f.src = f.src + window.location.search; if (!f || (typeof w.seamless === u)) {return setTimeout(b, 100);}w.seamless(f, { fallback:false, loading:"Loading it Bro!....", spinner:  'http://www.travistidwell.com/seamless.js/src/loader.gif', showLoadingIndicator:true, fallbackText: 'Having Trouble?', onConnect: function(){ console.log('formloom connect complete'); } }).receive(function(d, e) {});};h.appendChild(s);
})(document, window);
</script>
<iframe id="yd-iframe-%id%" style="width:100%;border:none;" src="%id=form_url -href%"></iframe>
%%[[endif]]%%
%%[[if preview]]%%

<div style="min-width:320px; padding:10px; text-align:center; border-radius:4px; border: 2px dotted #d3d3d3;">
<b>ATTENTION!</b> Please Publish to see FormLoom 4 Stack in Action.
</div>

%%[[endif]]%%
%%[[if edit]]%%
<div style="min-width:320px; padding:10px; text-align:center;">
<img src="%assetPath%/fl4@2x.png" style="width:50px; height:auto; vertical-align:bottom;"><br>
<b>FormLoom Helper</b> v.%stackVersion%<br>
<span style="color: #316DD8;">
  %[if %( "%id=form_url -href%" == "")% ]%
Choose a <b>FormLoom 4 Page</b>.
%[else]%
<b>%id=form_url -title%</b> will load here.
%[endif]%
</span>
<em style="display:block; color:#ccc; font-size:11px;">%id=form_url -href%</em>

<p style="text-align:center; border-top:2px dotted #d3d3d3; padding: 10px 0 ; "><img src="%assetPath%/formsnap3.png" style="width:16px; height:auto; vertical-align:bottom;"> <b>Formsnap 3 Now Available!</b> 
Create forms directly in Stacks page and have greater flexibility and layout.<br>
<span style="color: #316DD8;">https://www.yabdab.com/rapidweaver/stacks/formsnap</span></p>
</div>
%%[[endif]]%%