<div class="wp-rengine-admin">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
					  xml:space="preserve">
					<path fill="#474A9F" d="M23.661,13.982c0.078,0.189,0.116,0.439,0.116,0.749c0,0.144-0.022,0.426-0.065,0.847
					c-0.521-0.298-0.782-0.782-0.782-1.447c0-0.365,0.116-0.548,0.349-0.548C23.445,13.583,23.572,13.717,23.661,13.982z M32.977,19.406
					c0.283,0.919,0.619,1.841,0.733,2.786c0.142,1.173-0.359,2.24-1.366,2.826c-2.014,1.173-3.167,2.843-3.699,5.099
					c-0.341,1.452-1.7,2.333-3.239,2.36c-2.5,0.042-3.379,0-5.014,1.247c-0.857,0.652-1.7,1.27-2.873,1.276
					c-1.027,0.006-1.75-0.239-2.522-0.96c-1.352-1.266-2.927-1.69-4.778-1.59c-2.366,0.125-3.401-0.714-4.12-2.957
					c-0.134-0.418-0.273-0.834-0.401-1.254c-0.261-0.851-0.746-1.534-1.482-2.041c-0.525-0.362-1.044-0.735-1.555-1.117
					c-1.228-0.917-1.768-2.359-1.283-3.798c1.096-3.263,1.101-3.074-0.001-6.347c-0.475-1.414-0.166-2.758,1.233-3.758
					c2.197-1.57,2.829-2.065,3.632-4.891C6.71,4.641,7.994,3.768,9.695,3.74c0.043-0.001,0.088-0.005,0.131,0.001
					c2.124,0.301,3.886-0.396,5.51-1.773c1.336-1.134,3.053-1.062,4.315-0.021c1.436,1.186,2.529,1.95,5.163,1.81
					c0.493-0.026,1.022,0.003,1.502,0.132c1.055,0.282,1.817,0.953,2.256,1.966c0.08,0.18,0.158,0.367,0.195,0.559
					c0.39,2.048,1.531,3.497,3.308,4.597c1.612,0.998,1.998,2.449,1.42,4.245c-0.167,0.521-0.335,1.043-0.514,1.562
					C32.687,17.681,32.71,18.535,32.977,19.406z M26.42,15.528c0-0.188-0.11-0.282-0.332-0.282c-0.133,0-0.266,0.047-0.398,0.142
					c-0.133,0.094-0.294,0.186-0.482,0.275c0.01-0.145,0.017-0.277,0.017-0.399v-0.332c0-0.865-0.178-1.549-0.533-2.054
					c-0.354-0.504-0.887-0.754-1.597-0.749c-0.708,0.006-1.268,0.225-1.678,0.658c-0.41,0.432-0.615,0.974-0.615,1.628
					c0,0.655,0.235,1.27,0.707,1.845c0.471,0.577,1.11,0.921,1.92,1.031c-0.311,1.507-0.71,2.699-1.198,3.575
					c-0.665,1.197-1.44,1.796-2.328,1.796c-0.786,0-1.418-0.643-1.895-1.929c0.266-0.543,0.499-1.092,0.699-1.646
					c0.586-1.639,0.88-3.02,0.88-4.14c0-0.542-0.152-0.98-0.456-1.313c-0.306-0.333-0.752-0.498-1.338-0.498
					c-0.788,0-1.355,0.229-1.706,0.689c-0.349,0.459-0.523,1.055-0.523,1.787c0,1.972,0.222,3.734,0.665,5.286
					c-0.875,1.164-1.806,1.747-2.793,1.747c-0.211,0-0.393-0.033-0.548-0.099c-0.399-0.178-0.604-0.51-0.615-0.998
					c0.011-1.02,0.333-2.849,0.964-5.486c0.122-0.51,0.184-0.925,0.184-1.247c0-0.742-0.146-1.33-0.433-1.762
					c-0.354-0.543-0.915-0.814-1.68-0.814c-0.764,0-1.418,0.2-1.96,0.598C8.781,13.224,8.5,13.722,8.5,14.331
					c0,0.3,0.085,0.449,0.257,0.449s0.324-0.044,0.458-0.132c0.133-0.089,0.262-0.184,0.391-0.283c0.127-0.1,0.254-0.194,0.382-0.283
					c0.127-0.089,0.268-0.133,0.424-0.133c0.454,0,0.682,0.449,0.682,1.346c0,0.41-0.084,0.967-0.25,1.67
					c-0.167,0.705-0.391,1.603-0.674,2.693c-0.282,1.093-0.424,1.766-0.424,2.021c0,1.064,0.292,1.842,0.873,2.335
					c0.583,0.493,1.367,0.739,2.353,0.739c1.441,0,2.727-0.714,3.857-2.144c0.676,1.43,1.551,2.144,2.626,2.144
					c1.297-0.011,2.389-0.448,3.274-1.313c0.743-0.742,1.342-1.828,1.796-3.257c0.244-0.743,0.438-1.763,0.583-3.059
					c0.398-0.144,0.717-0.355,0.955-0.632C26.301,16.216,26.42,15.895,26.42,15.528z M17.983,14.796
					c-0.071-0.176-0.18-0.266-0.324-0.266c-0.288,0-0.432,0.449-0.432,1.346c0,0.899,0.077,1.802,0.232,2.71
					c0.421-1.098,0.631-2.162,0.631-3.192C18.091,15.173,18.055,14.974,17.983,14.796z"/>
				</svg>
				<h2 ><strong>Settings</strong></h2>
			</div>
		</div>
	</div>
</div>

<form method="post" action="{{panel_url('WPRengine::mainPanel')}}">

<div class="wp-rengine-admin">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
					<h3 class="padd20t">Search Form Settings</h3>
					<div class="row">
						<div class="form-group col-sm-12 padd10t">
							<label for="wpRengineCouponMode">Enable Coupon Field: </label>
							{% if options.wpRengineCouponMode == "show" %}
								 <input type="radio" name="wpRengineCouponMode" id="wpRengineCouponMode" value="show" checked="checked"> Display
	 							 <input type="radio" name="wpRengineCouponMode" id="wpRengineCouponMode" value="hide" > Hide<br>
	 						{% else %}
	 							 <input type="radio" name="wpRengineCouponMode" id="wpRengineCouponMode" value="show" > Display
	 							 <input type="radio" name="wpRengineCouponMode" id="wpRengineCouponMode" value="hide" checked="checked" > Hide<br>
	 						{% endif %}
							<p class="help-block">Display a coupon field at the booking form in order to accept coupon codes. These codes should be added at the backend Financial->Dynamic Sales.</p>
						</div>

						<div class="form-group col-sm-12 padd10t">
							<label for="wpRengineGroupMode">Enable Group selection: </label>
							{% if options.wpRengineGroupMode == "show" %}
								 <input type="radio" name="wpRengineGroupMode" id="wpRengineGroupMode " value="show" checked="checked"> Display
	 							 <input type="radio" name="wpRengineGroupMode" id="wpRengineGroupMode " value="hide" > Hide<br>
	 						{% else %}
	 							 <input type="radio" name="wpRengineGroupMode" id="wpRengineGroupMode " value="show" > Display
	 							 <input type="radio" name="wpRengineGroupMode" id="wpRengineGroupMode " value="hide" checked="checked" > Hide<br>
	 						{% endif %}
							<p class="help-block">Display groups selection field at the booking form in order filter results. </p>
						</div>
						{% if options.wpRengineApiVersion != 'v2' %}
							<div class="form-group col-sm-12 padd10t">
								<label for="wpRengineCalendarMode">Calendar Mode: </label>
								{% if options.wpRengineCalendarMode == "debug" %}
									 <input type="radio" name="wpRengineCalendarMode" id="wpRengineCalendarMode" value="normal"> Live
		 							 <input type="radio" name="wpRengineCalendarMode" id="wpRengineCalendarMode" value="debug" checked="checked"> Debug<br>
		 						{% else %}
		 							 <input type="radio" name="wpRengineCalendarMode" id="wpRengineCalendarMode" value="normal" checked="checked"> Live
		 							 <input type="radio" name="wpRengineCalendarMode" id="wpRengineCalendarMode" value="debug" > Debug<br>
		 						{% endif %}
								<p class="help-block">Debug mode will cause the date picker to stay open after a blur event. Only for developemnt use</p>
							</div>
							<div class="form-group col-sm-12 padd10t">
								<label for="wpRengineCalendarMode">Calendar View: </label>
								{% if options.wpRengineCalendarView == "inline" %}
									 <input type="radio" name="wpRengineCalendarView" id="wpRengineCalendarView" value="inline" checked="checked"> Inline
		 							 <input type="radio" name="wpRengineCalendarView" id="wpRengineCalendarView" value="popup"> Popup<br>
		 						{% else %}
		 							 <input type="radio" name="wpRengineCalendarView" id="wpRengineCalendarView" value="inline" > Inline
		 							 <input type="radio" name="wpRengineCalendarView" id="wpRengineCalendarView" value="popup" checked="checked"> Popup<br>
		 						{% endif %}

								<p class="help-block">Inline will display the picker inline without the need of a input field. This will also hide borders and shadows.</p>
							</div>
							<div class="form-group col-sm-12 padd10t">
								<label for="wpRengineCalendarLocation">Calendar Toolbar Placement: </label>
								{% if options.wpRengineCalendarLocation == "bottom" %}
									 <input type="radio" name="wpRengineCalendarLocation" id="wpRengineCalendarLocation" value="auto" > Default
		 							 <input type="radio" name="wpRengineCalendarLocation" id="wpRengineCalendarLocation" value="top"> Top
		 							 <input type="radio" name="wpRengineCalendarLocation" id="wpRengineCalendarLocation" value="bottom" checked="checked"> Bottom<br>
		 						{% elseif options.wpRengineCalendarLocation == "top" %}
		 							 <input type="radio" name="wpRengineCalendarLocation" id="wpRengineCalendarLocation" value="auto" > Default
		 							 <input type="radio" name="wpRengineCalendarLocation" id="wpRengineCalendarLocation" value="top" checked="checked"> Top
		 							 <input type="radio" name="wpRengineCalendarLocation" id="wpRengineCalendarLocation" value="bottom"> Bottom<br>
		 						{% else %}
		 							 <input type="radio" name="wpRengineCalendarLocation" id="wpRengineCalendarLocation" value="auto" checked="checked"> Default
		 							 <input type="radio" name="wpRengineCalendarLocation" id="wpRengineCalendarLocation" value="top" > Top
		 							 <input type="radio" name="wpRengineCalendarLocation" id="wpRengineCalendarLocation" value="bottom" > Bottom<br>
		 						{% endif %}

								<p class="help-block">Changes the placement of the icon toolbar.</p>
							</div>
							<div class="form-group col-sm-12 padd10t">
								<label for="wpRengineCalendarMode">Time selector by side: </label>
								{% if options.wpRengineSlideMode == "true" %}
									 <input type="radio" name="wpRengineSlideMode" id="wpRengineSlideMode" value="true" checked="checked"> By Side
		 							 <input type="radio" name="wpRengineSlideMode" id="wpRengineSlideMode" value="false" > Below<br>
		 						{% else %}
		 								 <input type="radio" name="wpRengineSlideMode" id="wpRengineSlideMode" value="true" > By Side
		 							 <input type="radio" name="wpRengineSlideMode" id="wpRengineSlideMode" value="false" checked="checked" > Below<br>
		 						{% endif %}
								<p class="help-block">Shows the picker side by side when using the time and date together.</p>
							</div>
							<div class="form-group col-xs-4 ">
								<label for="wpRengineCalendarStep">Minutes Stepping</label></br>
								<input type="text" class="form-control" id="wpRengineCalendarStep" name="wpRengineCalendarStep" value="{{options.wpRengineCalendarStep}}">
								<p class="help-block">Number of minutes the up/down arrow's will move the minutes value in the time picker</p>
							</div>
							<div class="form-group col-xs-4">
								<label for="wpRengineCalendarHoursDisabled">Hours Disables</label></br>
								<input type="text" class="form-control" id="wpRengineCalendarHoursDisabled" name="wpRengineCalendarHoursDisabled" value="{{options.wpRengineCalendarHoursDisabled}}">
								<p class="help-block">Hours seperated by comma (,) will be disabled at the calendar. Hours will be at 24hrs form (e.g. 01,13,14,23)</p>
							</div>
						{% endif %}
				</div>
			</div>
		</div>
	</div>
</div>
<div class="wp-rengine-admin">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h3>Search Results Settings</h3>
				<div class="row">
					<div class="form-group col-sm-12 padd10t">
						<label for="wpRengineResultsCalendarMode">Display Calendar in Results Page: </label>
						{% if options.wpRengineResultsCalendarMode == "hide" %}
							 <input type="radio" name="wpRengineResultsCalendarMode" id="wpRengineResultsCalendarMode" value="display"> Display
 							 <input type="radio" name="wpRengineResultsCalendarMode" id="wpRengineResultsCalendarMode" value="hide" checked="checked"> Hide<br>
 						{% else %}
 							 <input type="radio" name="wpRengineResultsCalendarMode" id="wpRengineResultsCalendarMode" value="display" checked="checked"> Display
 							 <input type="radio" name="wpRengineResultsCalendarMode" id="wpRengineResultsCalendarMode" value="hide" > Hide<br>
 						{% endif %}
						<p class="help-block">Enable caledar mode in results page, will show a calendar for 28days below each service.</p>
					</div>
					<div class="form-group col-sm-12 padd10t">
						<label for="wpRengineResultsAvailableMode">Display Not Available services in Results Page: </label>
						{% if options.wpRengineResultsAvailableMode == "false" %}
							 <input type="radio" name="wpRengineResultsAvailableMode" id="wpRengineResultsAvailableMode" value="true"> Display
 							 <input type="radio" name="wpRengineResultsAvailableMode" id="wpRengineResultsAvailableMode" value="false" checked="checked"> Hide<br>
 						{% else %}
 							 <input type="radio" name="wpRengineResultsAvailableMode" id="wpRengineResultsAvailableMode" value="true" checked="checked"> Display
 							 <input type="radio" name="wpRengineResultsAvailableMode" id="wpRengineResultsAvailableMode" value="false" > Hide<br>
 						{% endif %}
						<p class="help-block">Enable this mode in results page, show both not available and available services. This can be used in compination with results calendar mode.</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="wp-rengine-admin">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h3>Page Settings</h3>
				<div class="row">
					<div class="form-group col-sm-12 padd10t">
						<label for="resultsPage">Search Results ShortCode Page:</label>
						<select name="wpRengineResultsPage">							
						{% for page in options.pages %}
						  	{% if page['post_name'] == options.wpRengineResultsPage %}
						  		<option value="{{page['post_name']}}" selected>{{page['post_title']}}</option>
						  	{% else %}
						  	 	<option value="{{page['post_name']}}">{{page['post_title']}}</option>
						  	 {% endif %}
						 {% endfor %}
						</select>
						<p class="help-block">Select the page that contains the results shortcode</p>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-sm-12 padd10t">
						<label for="personalPage">Contact info ShortCode Page:</label>
						<select name="wpRengineRevisionPage">
						{% for page in options.pages %}
						  {% if page['post_name'] == options.wpRengineRevisionPage %}
						  		<option value="{{page['post_name']}}" selected>{{page['post_title']}}</option>
						  	{% else %}
						  	 	<option value="{{page['post_name']}}">{{page['post_title']}}</option>
						  	 {% endif %}
						 {% endfor %}
						</select>
						<p class="help-block">Select the page that contains the order revidion shortcode</p>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-sm-12 padd10t">
						<label for="personalPage">Payment Gateway ShortCode Page:</label>
						<select name="wpRengineGatewayPage">
						{% for page in options.pages %}
						  {% if page['post_name'] == options.wpRengineGatewayPage %}
						  		<option value="{{page['post_name']}}" selected>{{page['post_title']}}</option>
						  	{% else %}
						  	 	<option value="{{page['post_name']}}">{{page['post_title']}}</option>
						  	 {% endif %}
						 {% endfor %}
						</select>
						<p class="help-block">Select the page that contains the payment gateway shortcode</p>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-sm-12 padd10t">
						<label for="personalPage">Payment Results ShortCode Page:</label>
						<select name="wpRenginePaymentPage">
						{% for page in options.pages %}
							{% if page['post_name'] == options.wpRenginePaymentPage %}
						  		<option value="{{page['post_name']}}" selected>{{page['post_title']}}</option>
						  	{% else %}
						  	 	<option value="{{page['post_name']}}">{{page['post_title']}}</option>
						  	 {% endif %}
						 {% endfor %}
						</select>
						<p class="help-block">Select the page that contains the payment result shortcode</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="wp-rengine-admin">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h3>Various Settings</h3>
				<div class="row">
					<div class="form-group col-sm-6">
						<label for="personalPage">Terms and Conditions Slug/URL:</label>
						<input type="text" class="form-control" id="wpRengineTermsPage" name="wpRengineTermsPage" value="{{options.wpRengineTermsPage}}">
						<p class="help-block">Type here your a URL or Slug as link for your terms and conditions page</p>
					</div>
				</div>
				<div class="row">
					<div class="form-group  col-sm-6">
						<label for="wpRengineRecaptcha">Invisible Recapcha Site Key</label>
						<input type="text" class="form-control" id="wpRengineRecaptcha" name="wpRengineRecaptcha" value="{{options.wpRengineRecaptcha}}">
						<p class="help-block">Add a recapcha callenge site key. You can create a key <a href="https://www.google.com/recaptcha/"> here</a>. Leave it blank if you don't want Capcha challenge.  </p>
					</div>
				</div>

				<div class="row hidden">
					<div class="form-group col-sm-12">
						<label for="wpRengineTerms">Terms & Conditions (Deprecated)</label>
						<textarea class="form-control" rows="3" id="wpRengineTerms" name="wpRengineTerms">{{options.wpRengineTerms}}</textarea>
						<p class="help-block">Type here your Website Terms & Conditions</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="wp-rengine-admin row">
	<div class="form-group hidden">
		<label for="wpRengineButton">Book Button Caption</label>
		<input type="text" class="form-control" id="wpRengineButton" name="wpRengineButton" value="{{options.wpRenginebutton}}">
		<p class="help-block">Type here Book Button Text. Default is "BOOK"</p>
	</div>
	<div class="form-group col-sm-12 text-right padd20t">
		<button type="submit" class="btn btn-success">Update Configuration</button>
	</div>
</div>
<input type="hidden" id="wpRengineGateway" name="wpRengineGateway" value="{{options.wpRengineGateway}}">
<input type="hidden" id="wpRengineCash" name="wpRengineCash" value="{{options.wpRengineCash}}">
</form>
