<div class="content-bg">

<div class="policy-header">

<a href="#apps/" class="button float-right" id="backToApps">{{t "common.form.back"}}</a>

<h1><span>{{appName}}</span> <span class="to-lowercase">{{t "policy.managePolicies.policies"}}{{#if referralsEnabled}} {{t "policy.manageReferrals.andReferrals"}}{{/if}}</span></h1>

<h2><span>{{t "policy.common.realm"}}:</span> {{policyEditorRealmHelper realm}}</h2>

</div>

<div class="tabs">

<ul class="tab-links clearfix">

<li class="active-tab"><a href="#">{{t "policy.managePolicies.policies"}}</a></li>

{{#if referralsEnabled}}<li><a href="#">{{t "policy.manageReferrals.referrals"}}</a></li>{{/if}}

</ul>

<div class="tab-content">

<div id="tab1" class="tab" >

<p>{{t "policy.managePolicies.description"}}</p>

<div id="managePolicies"></div>

</div>

{{#if referralsEnabled}}

<div id="tab2" class="tab inactive-tab">

<p>{{t "policy.manageReferrals.description"}}</p>

<div id="manageRefs"></div>

</div>

{{/if}}

</div>

</div>

</div>