<div class="container">

<div class="page-header">

<h1>

{{#if entity.name}}

{{t "policy.policies.edit.editPolicy"}}: <strong>{{entity.name}}</strong>

{{else}}

{{t "policy.policies.edit.title"}}

{{/if}}

<a class="pull-right btn btn-default" href="#app/{{encodeURIComponent entity.applicationName}}/policies/" role="button">{{t 'common.form.cancel'}}</a>

</h1>

<small>{{t "policy.common.realm"}}: {{policyEditorRealmUrlHelper options.realm}}</small>

<small>{{t "policy.common.application"}}:

<a title="{{t 'policy.applications.edit.editApplication'}}" href='#app/{{encodeURIComponent entity.applicationName}}'>

{{entity.applicationName}}

</a>

</small>

</div>

<p>{{t "policy.policies.edit.description"}}</p>

<form class="form-horizontal" role="form">

<div class="panel-group accordion" id="accordion" role="tablist" aria-multiselectable="true">

<div class="panel panel-default">

<div class="panel-heading" role="tab" id="stepOne">

<h4 class="panel-title">

<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">

{{t "policy.policies.edit.step1"}}

</a>

<span class="help-link" data-help-key="policy.nameAndDescription"></span>

</h4>

</div>

<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="stepOne">

<div class="panel-body">

<div class="form-group">

<label class="col-sm-2 control-label" for="policyName">{{t "policy.common.name"}}</label>

<div class="col-sm-8">

<input class="form-control" id="policyName" name="entityName" type="text"

value="{{entity.name}}" data-field="name" autofocus required

placeholder="{{t 'common.form.validation.required'}}"/>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 control-label" for="description">{{t "policy.common.description"}}</label>

<div class="col-sm-8">

<textarea class="form-control" id="description" data-field="description">{{policy.common.description}}</textarea>

</div>

</div>

<input type="button" value="{{t 'policy.common.buttons.next'}}" name="nextButton" class="btn btn-primary pull-right btn-acc-step"/>

</div>

</div>

</div>

<div class="panel panel-default">

<div class="panel-heading" role="tab" id="stepTwo">

<h4 class="panel-title">

<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">

{{t "policy.policies.edit.step2"}}

</a>

<span class="help-link" data-help-key="policy.resources"></span>

</h4>

</div>

<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="stepTwo">

<div class="panel-body">

{{#if options.availableResourceTypes}}

<div class="form-group">

<label class="col-sm-2 res-type-label" for="availableResTypes">{{t "policy.common.resourceTypes"}}</label>

<div class="col-sm-4">

<select id="availableResTypes" class="form-control">

<option value="">{{t "policy.policies.edit.selectResourceType"}}</option>

{{#each options.availableResourceTypes}}

<option {{#equals this.uuid /entity.resourceTypeUuid}}selected{{/equals}} value="{{this.uuid}}">{{this.name}}</option>

{{/each}}

</select>

</div>

</div>

{{else}}

<div class="alert alert-danger" role="alert">

{{t "policy.common.noResourceTypesAvailable"}}

</div>

{{/if}}

<div id="editResources"></div>

<input type="button" value="{{t 'policy.common.buttons.next'}}" name="nextButton" class="btn btn-primary pull-right btn-acc-step"/>

</div>

</div>

</div>

<div class="panel panel-default">

<div class="panel-heading" role="tab" id="stepThree">

<h4 class="panel-title">

<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">

{{t "policy.policies.edit.step3"}}

</a>

<span class="help-link" data-help-key="policy.actions"></span>

</h4>

</div>

<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="stepThree">

<div class="panel-body">

<div id="actions" class="clearfix"></div>

<input type="button" value="{{t 'policy.common.buttons.next'}}" name="nextButton" class="btn btn-primary pull-right btn-acc-step"/>

</div>

</div>

</div>

<div class="panel panel-default">

<div class="panel-heading" role="tab" id="stepFour">

<h4 class="panel-title">

<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">

{{t "policy.policies.edit.step4"}}

</a>

<span class="help-link" data-help-key="policy.subjectConditions"></span>

</h4>

</div>

<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="stepFour">

<div class="panel-body">

<div id="subjectContainer" class="clearfix"></div>

<input type="button" value="{{t 'policy.common.buttons.next'}}" name="nextButton" class="btn btn-primary pull-right btn-acc-step"/>

</div>

</div>

</div>

<div class="panel panel-default">

<div class="panel-heading" role="tab" id="stepFive">

<h4 class="panel-title">

<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">

{{t "policy.policies.edit.step5"}}

</a>

<span class="help-link" data-help-key="policy.environmentConditions"></span>

</h4>

</div>

<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="stepFive">

<div class="panel-body">

<div id="environmentContainer" class="clearfix"></div>

<input type="button" value="{{t 'policy.common.buttons.next'}}" name="nextButton" class="btn btn-primary pull-right btn-acc-step"/>

</div>

</div>

</div>

<div class="panel panel-default">

<div class="panel-heading" role="tab" id="stepSix">

<h4 class="panel-title">

<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">

{{t "policy.policies.edit.step6"}}

</a>

<span class="help-link" data-help-key="policy.resourceAttributes"></span>

</h4>

</div>

<div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="stepSix">

<div class="panel-body">

<div class="clearfix">

<div class="col-sm-6 list-table" id="userAttrs"></div>

<div class="col-sm-6" id="staticAttrs"></div>

</div>

<input type="button" value="{{t 'policy.common.buttons.next'}}" name="nextButton" class="btn btn-primary pull-right btn-acc-step"/>

</div>

</div>

</div>

<div class="panel panel-default">

<div class="panel-heading" role="tab" id="stepSeven">

<h4 class="panel-title">

<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">

{{t "policy.policies.edit.step7"}}

</a>

</h4>

</div>

<div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="stepSeven">

<div class="panel-body">

<div id="reviewInfo" class="clearfix"></div>

<div class="pull-right">

<a class="btn btn-default btn-acc-step" href="#app/{{encodeURIComponent entity.applicationName}}/policies/" role="button">{{t 'common.form.cancel'}}</a>

<input type="button" name="submitForm" value="{{t 'common.form.save'}}" class="btn btn-primary btn-acc-step"/>

</div>

</div>

</div>

</div>

</div>

</form>

</div>