{inputStart}
<p>Activates a Debug Zone for use when testing or debugging, especially useful on synced sites to find the source URL. The Debug Zone is visible in Design Mode and Preview Mode.</p>
<p>The Zone can display information such as the page URL and source URL, properties of the logged in user and the properties of the current entity. </p>
<p>The settings are synced from the source site (if included in the export), but the analyst can set whether the Zone is active or not on a site by site basis.
    The analyst can select which sets are required to view the Debug Zone. </p>
<div class="checkbox">
    <label>
        {enabledBugZone}
        <p class="help-block">Not synced - set on a per site basis</p>
    </label>
</div>
<div class="debugZone" style="{style}">
    <div class="checkbox">
        <label>
            {currentUrl}
            <p class="help-block">Shows Current URL with Entity ID</p>
        </label>
    </div>
    <div class="checkbox">
        <label>
            {sourceSite}
            <p class="help-block">Shows Source Site Base Domain</p>
        </label>
    </div>
    <div class="checkbox">
        <label>
            {sourceUrl}
            <p class="help-block">Shows source URL of current URL as hyperlink</p>
        </label>
    </div>
    <div class="checkbox">
        <label>
            {synceDate}
        </label>
    </div>
    <div class="form-group">
        <label>Logged In User Properties</label>
        {loggedInUserProperties}
    </div>
    <div class="form-group">
        <label>Current Entity Properties</label>
        {currentUserProperties}
    </div>
    <div class="form-group">
        <label>Sets Required to View</label>
        {setsRequiredToView}
    </div>
</div>
{dBugButton}
{dBugHidden}
{inputEnd}
<script>
    function showDebugZoneSetting(obj){
        if ($(obj).prop("checked")==true){
            $(".debugZone").show();
        }else{
            $(".debugZone").hide();
        }
    }
</script>