<div class="modal fade" id="more-info" tabindex="-1" role="dialog" aria-labelledby="more-info">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="more-info--label">
					<span ng-bind-html="project_header.name | sanitize">[Header]</span> - Project Information
				</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Cancel">
					<span aria-hidden="true">
						<ion-icon name="close-outline"></ion-icon>
					</span>
				</button>
			</div>
			<div class="modal-body">
				<!-- PROJECT DESCRIPTION -->
				<div ng-if="project_header.description.length > 0">
					<div class="project-description overflow-auto mb-0" ng-bind-html="project_header.description | sanitize"></div>
					<hr class="mt-1">
				</div>
				<!-- LAST MODIFIED TEXT -->
				<div class="form-group row">
				<label class="col-form-label col-md-3"><span name="projects:last_modified">[Last Modified]</span></label>
				<div class="col-md-9">
					<div class="form-control-plaintext">
						<a href="{{project_header.last_modified_by_url}}">{{project_header.last_modified_by_name}}</a>
						<txt name="projects:last_modified:on">[on]</txt> {{project_header.last_modified}}
					</div>
				</div>
				</div>
				<!-- DATE CREATED TEXT -->
				<div class="form-group row">
				<label class="col-form-label col-md-3"><span name="projects:created">[Created]</span></label>
				<div class="col-md-9">
					<div class="form-control-plaintext">
						<a href="{{project_header.created_by_url}}">{{project_header.created_by_name}}</a>
						<txt name="projects:last_modified:on">[on]</txt> {{project_header.created}}
					</div>
				</div>

				</div>
				<!-- PROJECT METADATA -->
				<div ng-repeat="md in project_header.metadata">
					<div class="form-group row" ng-if="!isRepeatedMetadata(md.value)">
						<label class="col-form-label col-md-3">{{md.name}}</label>
						<div class="col-md-9">
							<div class="form-control-plaintext">
								<span ng-bind-html="md.value | sanitize"></span>
							</div>
						</div>
					</div>
					<div class="form-group row" ng-if="isRepeatedMetadata(md.value)">
						<label class="col-form-label col-md-3">{{md.name}}</label>
						<div class="col-sm-9">
						<strong ng-repeat="mdValue in md.value">
							<div ng-bind-html="mdValue | sanitize"></div>
						</strong>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
