{{!
This file is part of Pa11y Dashboard.

Pa11y Dashboard is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

Pa11y Dashboard is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
}}

{{#content "title"}}
	Add a new URL
{{/content}}

<form class="col-md-12" action="/new" method="post" data-test="new-url-form">

	<div class="legend">
		<h1 class="h2 crunch-top">Add a new URL</h1>
	</div>

	{{#error}}
		<div class="col-md-12 clearfix" data-test="error">
			<div class="alert alert-danger">
				<strong>Oh my gosh!</strong>
				<p>{{.}}</p>
			</div>
		</div>
	{{/error}}

	<div class="form-group clearfix">
		<div class="row">
			<div class="col-md-8 col-sm-8 col-xs-10">
				<label class="control-label" for="new-task-name">Name</label>
				<input class="form-control" id="new-task-name" type="text" required placeholder="E.g. My Home Page" name="name" value="{{task.name}}"/>
			</div>
		</div>
	</div>

	<div class="form-group clearfix">
		<div class="row">
			<div class="col-md-8 col-sm-8 col-xs-10">
				<label class="control-label" for="new-task-url">URL</label>
				<input class="form-control" id="new-task-url" type="url" required pattern="https?:\/\/.+" placeholder="E.g. http://mysite.com/" name="url" value="{{task.url}}"/>
			</div>
		</div>
	</div>

	<div class="form-group clearfix">
		<div class="row">
			<div class="col-md-4 col-sm-4 col-xs-6">
				<label class="control-label" for="new-task-standard">Standard</label>
				<select data-role="new-task-select" class="form-control" id="new-task-standard" name="standard">
					{{#standards}}
						<option {{#selected}}selected{{/selected}}>{{title}}</option>
					{{/standards}}
				</select>
			</div>
		</div>
	</div>

	<div class="form-group clearfix">
		<div class="row">
			<div class="col-md-4 col-sm-4 col-xs-6">
				<label class="control-label" for="new-task-timeout">Timeout (milliseconds)</label>
				<input class="form-control" id="new-task-timeout" type="text" placeholder="E.g. 30000" name="timeout" value="{{task.timeout}}"/>
			</div>
		</div>
	</div>

	<div class="form-group clearfix">
		<div class="row">
			<div class="col-md-4 col-sm-4 col-xs-6">
				<label class="control-label" for="new-task-wait">Wait (milliseconds)</label>
				<input class="form-control" id="new-task-wait" type="text" placeholder="E.g. 3000" name="wait" value="{{task.wait}}" aria-describedby="int3"/>
				<em id="int3">(Note: default wait time is 0ms)</em>
			</div>
		</div>
	</div>

	<div class="form-group clearfix">
		<div class="row">
			<div class="col-md-4 col-sm-4 col-xs-6">
				<label class="control-label" for="new-task-actions">
					Task Actions
					(<a href="https://github.com/pa11y/pa11y#actions">see Pa11y documentation</a>)
				</label>
				<textarea class="form-control" id="new-task-actions" name="actions" aria-describedby="action-detail" placeholder="E.g. Click element #login-button">{{task.actions}}</textarea>
				<em id="action-detail">(one action per line)</em>
			</div>
		</div>
	</div>

	<div class="form-group clearfix">
		<div class="row">
			<div class="col-md-4 col-sm-4 col-xs-6">
				<label class="control-label" for="new-task-username">Username</label>
				<input class="form-control" id="new-task-username" type="text" name="username" value="{{task.username}}"/>
			</div>
		</div>
	</div>

	<div class="form-group clearfix">
		<div class="row">
			<div class="col-md-4 col-sm-4 col-xs-6">
				<label class="control-label" for="new-task-password">Password</label>
				<input class="form-control" id="new-task-password" type="text" name="password" value="{{task.password}}" aria-describedby="pwd"/> <span id="pwd"><em>(Note: this will be stored and displayed in plain-text - only suitable for use in a secure environment)</em></span>
			</div>
		</div>
	</div>

	<div class="form-group clearfix">
		<div class="row">
			<div class="col-md-4 col-sm-4 col-xs-6">
				<label class="control-label" for="new-task-headers">HTTP Headers</label>
				<textarea class="form-control" id="new-task-headers" name="headers" placeholder="Cookie: foo=bar" aria-describedby="int1">{{task.headers}}</textarea>
				<em id="int1">(As key/value pairs, separated by newlines/colons)</em>
			</div>
		</div>
	</div>

	<div class="form-group clearfix">
		<div class="row">
			<div class="col-md-4 col-sm-4 col-xs-6">
				<label class="control-label" for="new-task-hide-elements">Hide Elements</label>
				<input class="form-control" id="new-task-hide-elements" type="text" name="hideElements" value="{{task.hideElements}}" placeholder=".advert, #modal, div[aria-role=presentation]" aria-describedby="int2"/>
				<em id="int2">(CSS selector)</em>
			</div>
		</div>
	</div>

	<p class="control-label"><b>Ignore these rules</b> <a target="_blank" href="https://github.com/pa11y/pa11y/wiki/HTML-CodeSniffer-Rules">(full list of rules here)</a></p>

	<div class="standards-lists">
		{{#standards}}
			<div data-role="standards-list" data-attr="{{title}}" class="form-group">
				<p class="control-label rules-list-title ruled"><b>{{title}} Rules</b></p>
				<ul class="list-unstyled">
					{{#rules}}
						<li>
							<input class="pull-left" id="{{name}}" type="checkbox" name="ignore[]" value="{{name}}" {{#ignored}}checked{{/ignored}}/>
							<label for="{{name}}" title="{{description}}" data-role="rule-tooltip" class="checkbox">
								{{name}}
							</label>
						</li>
					{{/rules}}
				</ul>
			</div>
		{{/standards}}
	</div>

	<button type="submit" class="btn btn-success">Add URL <span class="glyphicon glyphicon-plus"></span></button>

</form>
