<div class="brick brick--vertical">
<h1>User management
<span class="page-title--secondary">Add user</span>
</h1>
</div>
<div class="brick brick--vertical">
<div class="brick__wrapper clearfix prose">
<div class="content-columns content-columns--two-columns content-columns--padding">
<div class="content-columns__column">
<!-- START form-item-text_field component -->
<div class="form-item form-item--text">
<label class="form-item__required" for="text_field">Email address</label>
<input type="text" id="text_field">
<div class="form-item__description">Enter the email address of the person you wish to add as a new
user. This will not send them an email.</div>
</div>
<!-- END form-item-text_field component -->
</div>
</div>
<section class="content-section content-section--highlight-secondary">
<h2>Application management</h2>
<div class="content-columns content-columns--three-columns content-columns--padding">
<div class="content-columns__column">
<h3 class="h5">Undergraduate</h3>
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_1" value="checkbox_1" />
<label for="chb_1">View applications</label>
</div>
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_2" value="checkbox_2" />
<label for="chb_2">Manage applications</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<h3 class="h5">Postgraduate</h3>
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_3" value="checkbox_3" />
<label for="chb_3">View applications</label>
</div>
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_4" value="checkbox_4" />
<label for="chb_4">Manage applications</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<h3 class="h5">Conservatoire</h3>
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_5" value="checkbox_5" />
<label for="chb_5">View applications</label>
</div>
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_6" value="checkbox_6" />
<label for="chb_6">Manage applications</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
</div>
</section>
<section class="content-section content-section--highlight-secondary">
<h2>Course management</h2>
<div class="content-columns content-columns--three-columns content-columns--padding">
<div class="content-columns__column">
<h3 class="h5">Undergraduate</h3>
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_7" value="checkbox_7" />
<label for="chb_7">Manage courses</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<h3 class="h5">Postgraduate</h3>
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_8" value="checkbox_8" />
<label for="chb_8">Manage courses</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<h3 class="h5">Conservatoire</h3>
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_9" value="checkbox_9" />
<label for="chb_9">Manage courses</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
</div>
</section>
<section class="content-section content-section--highlight-secondary">
<h2>User management</h2>
<div class="content-columns content-columns--three-columns content-columns--padding">
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_10" value="checkbox_10" />
<label for="chb_10">Manage users (at this provider)</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_11" value="checkbox_11" />
<label for="chb_11">Manage UCAS users</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
</div>
</section>
<section class="content-section content-section--highlight-secondary">
<h2>Provider management</h2>
<div class="content-columns content-columns--three-columns content-columns--padding">
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_12" value="checkbox_12" />
<label for="chb_12">Manage provider details</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
</div>
</section>
<section class="content-section content-section--highlight-secondary">
<h2>Learner profile management</h2>
<div class="content-columns content-columns--three-columns content-columns--padding">
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_13" value="checkbox_13" />
<label for="chb_13">Lock/unlock learner profile</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_14" value="checkbox_14" />
<label for="chb_14">Delete learner profile</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
</div>
</section>
<section class="content-section content-section--highlight-secondary">
<h2>Adviser permissions</h2>
<div class="brick brick--vertical">
<h3 class="h4">Centre and staff management</h3>
<div class="content-columns content-columns--three-columns content-columns--padding">
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_15" value="checkbox_15" />
<label for="chb_15">Manage staff</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_16" value="checkbox_16" />
<label for="chb_16">Manage centre details</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_17" value="checkbox_17" />
<label for="chb_17">Delete groups</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
</div>
</div>
<div class="brick brick--vertical">
<h3 class="h4">Application management</h3>
<div class="content-columns content-columns--three-columns content-columns--padding">
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_18" value="checkbox_18" />
<label for="chb_18">View applications</label>
</div>
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_19" value="checkbox_19" />
<label for="chb_19">Archive applications</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_20" value="checkbox_20" />
<label for="chb_20">Approve applications</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_21" value="checkbox_21" />
<label for="chb_21">Send to UCAS</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
</div>
</div>
<div class="brick brick--vertical">
<h3 class="h4">References</h3>
<div class="content-columns content-columns--three-columns content-columns--padding">
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_22" value="checkbox_22" />
<label for="chb_22">View references</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_23" value="checkbox_23" />
<label for="chb_23">Edit references</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
<div class="content-columns__column">
<!-- START form-item-checkboxes_block component -->
<div class="form-item">
<div class="form-item__checkboxes form-item__checkboxes--block">
<div class="form-item__checkbox">
<input type="checkbox" name="checkbox_button" id="chb_24" value="checkbox_24" />
<label for="chb_24">Approve references</label>
</div>
</div>
</div>
<!-- END form-item-checkboxes_block component -->
</div>
</div>
</div>
</section>
</div>
</div>