<div class="print-modal">
	<div class="print-dialog">
		<div id="print-settings-container">
			<header>
				<h1>{{Strings.PRINT_MANAGER}}</h1>
				<div id="print-header">
					<span>{{Strings.PRINT_TOTAL_PAGE}}: <label class="print-total-page"></label></span>
					<br>
					<br>			
					<div class="pull-right">
						<button class="btn btn-primary btn-print">{{Strings.PRINT}}</button>
						<button class="btn btn-default btn-cancel">{{Strings.CANCEL}}</button>
					</div>
					<br>
					<br>
				</div>
			</header>

			<br>
			
			<div id="print-target-pages" class="container-fluid">
				<div class="row">
					<label class="control-label">{{Strings.PAGE}}</label>
					<div class="r-col pad-0">
						<div class="form-inline">
							<div class="form-group form-group-print-target-pages">
								<input type="radio" name="print-target-pages" value="all">
								<span>{{Strings.ALL}}</span>
							</div>
						</div>
						<div class="form-inline">
							<div class="form-group form-group-print-target-pages">
								<input type="radio" name="print-target-pages" value="pages" checked="true">
								<input type="text" name="input-pages" placeholder="{{Strings.PRINT_RANGE_EXAMPLE}}">
								<small class="print-pange-ex">{{Strings.PRINT_RANGE_EXAMPLE}}</small>
							</div>
							
						</div>

					</div>
				</div>
			</div>

			<div id="orientation-setting" class="container-fluid">
				<div class="row">
					<label class="control-label">{{Strings.PAGER_ORIENTATION}}</label>
					<div class="r-col">
						<div class="btn-group">
							<button type="button" class="btn btn-default btn-orientation dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								{{Strings.PORTRAIT}} <span class="caret"></span>
							</button>
							<ul id="orientation-menu" class="dropdown-menu" data-orientation="portrait">
								<li data-orientation="portrait"><a class="dropdown-toggle"><span></span>{{Strings.PORTRAIT}}</a></li>
								<li data-orientation="landscape"><a class="dropdown-toggle"><span></span>{{Strings.LANDSCAPE}}</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="print-document-container">
			<iframe id="print-document" src="{{theme.baseURL}}../html-templates/print-document.html" frameBorder="0"></iframe>
		</div>
	</div>
</div>