<div class="row">
	<div class="<?php echo(TWO_COL); ?>">
		<div class="<?php echo(FIELD_COL); ?>"><input type="hidden" name="field_page_id" id="field_page_id" ng-model="params.page_id.value" class="form-control" /></div>

		<fieldset>
			<legend>Page Settings</legend>

			<div class="<?php echo(FORM_ROW); ?>">
				<label for="field_module_class" class="<?php echo(LABEL_COL); ?>">Module Class</label>
				<div class="<?php echo(FIELD_COL); ?>"><input type="text" name="field_module_class" id="field_module_class" ng-model="params.module_class.value" class="form-control" /></div>
			</div>

			<div class="<?php echo(FORM_ROW); ?>">
				<label for="field_gallery_page_id" class="<?php echo(LABEL_COL); ?>">Gallery Page</label>
				<div class="<?php echo(FIELD_COL); ?>">
					<select name="field_gallery_page_id" id="field_gallery_page_id" ng-model="params.gallery_page_id.value" class="form-control custom-select" ng-options="v.value as v.text for (k, v) in pages">
						<option value="">Choose a Page</option>
					</select>
				</div>
			</div>

			<div class="<?php echo(FORM_ROW); ?>">
				<label for="field_application_page_id" class="<?php echo(LABEL_COL); ?>">Application Page</label>
				<div class="<?php echo(FIELD_COL); ?>">
					<select name="field_application_page_id" id="field_application_page_id" ng-model="params.application_page_id.value" class="form-control custom-select" ng-options="v.value as v.text for (k, v) in pages">
						<option value="">Choose a Page</option>
					</select>
				</div>
			</div>

			<legend>Image Sizes</legend>

			<div class="<?php echo(FORM_ROW); ?>">
				<label for="field_max_width_banner" class="<?php echo(LABEL_COL); ?>">Banner Image Max Width</label>
				<div class="<?php echo(FIELD_COL); ?>"><input type="number" name="field_max_width_banner" id="field_max_width_banner" ng-model="params.max_width_banner.value" class="form-control" min="1" step="1" data-default="960" /></div>
			</div>

			<div class="<?php echo(FORM_ROW); ?>">
				<label for="field_max_height_banner" class="<?php echo(LABEL_COL); ?>">Banner Image Max Height</label>
				<div class="<?php echo(FIELD_COL); ?>"><input type="number" name="field_max_height_banner" id="field_max_height_banner" ng-model="params.max_height_banner.value" class="form-control" min="1" step="1" data-default="165" /></div>
			</div>
		</fieldset>
	</div>

	<div class="<?php echo(TWO_COL); ?>">
		<fieldset>
			<legend>Instructions</legend>
			<ol>
				<li>Create this events page.</li>
				<li>Create a gallery page.</li>
				<li>Create an event application module.</li>
				<li>Create an event application page and add the event application module to it.</li>
				<li>Link this page to the pages you created.</li>
			</ol>
		</fieldset>
	</div>
</div>
