{% block content %}
    <div class="wrap">
    	<h1>Registration Settings</h1>


	    <h2 class="nav-tab-wrapper">
	      <a class="nav-tab nav-tab-active" href="">Settings</a>
	    </h2>
	    <form action="{{ action_url }}" method="POST">
	    	<input type="hidden" name="id" value="{{ ds.id }}" />
			<p>
				<label for="dsRegFormUrl">Thank You Page</label>
				<input type="text" name="dsRegFormUrl" id="dsRegFormUrl" value="{{ ds.regFormUrl }}" style="max-width: 480px; width: 100%;"/>
			</p>

			<p>
				<label for="isEventIdField">Event ID:</label>
				<input type="checkbox" class="reg_includes" name="isEventIdField" id="isEventIdField" value="1" {% if ds.isEventIdField %}checked{% endif %} />
				Fieldname:
				<input type="text" name="eventIdField" id="eventIdField" value="{{ ds.eventIdField }}" style="width: 80px;"/>
			</p>
			<p>
				<label for="isEventDateIdField">Event Date ID:</label>
				<input type="checkbox" class="reg_includes" name="isEventDateIdField" id="isEventDateIdField" value="1" {% if ds.isEventDateIdField %}checked{% endif %} />
				Fieldname:
				<input type="text" name="eventDateIdField" id="eventDateIdField" value="{{ ds.eventDateIdField }}" style="width: 80px;"/>
			</p>
			<p>
				<label for="isEventNameField">Event Name:</label>
				<input type="checkbox" class="reg_includes" name="isEventNameField" id="isEventNameField" value="1" {% if ds.isEventNameField %}checked{% endif %} />
				Fieldname:
				<input type="text" name="eventNameField" id="eventNameField" value="{{ ds.eventNameField }}" style="width: 80px;"/>
			</p>
			<p>
				<label for="isEventDateField">Event Date:</label>
				<input type="checkbox" class="reg_includes" name="isEventDateField" id="isEventDateField" value="1" {% if ds.isEventDateField %}checked{% endif %} />
				Fieldname:
				<input type="text" name="eventDateField" id="eventDateField" value="{{ ds.eventDateField }}" style="width: 80px;"/>
			</p>
			

			<span class="dynamicsync_heading">Custom CSS ( DO NOT include <em>&lt;style&gt;&lt;/style&gt;</em> tags)</span>
			<div class="dynamicsync_nested_section_level1">
				<textarea name="custom_css" id="custom_css" rows="15" cols="100" style="font-family: monospace;" onkeydown="return catchTab(this,event)"></textarea>
			</div>

			<input class="button button-primary" type="submit">
		</form>

    </div>
{% endblock %}