<h2>Settings</h2>

<form class="form-horizontal" method="post">
	<div class="frame-wrap">
		<div class="frame-sidebar">
			<div class="frame-box">
				<div class="frame-box-title">
					<h4 class="frame-heading">Settings</h4>
				</div>
				<div class="frame-box-content">
					<div class="row">
						<div class="col-md-6 frame-left-container">
							<input type="submit" value="Save" class="btn btn-primary btn-block">
						</div>
						<div class="col-md-6 frame-right-container">
							<button class="btn btn-default btn-block" data-toggle="modal" data-target="#p1cm-discard-modal">
								Discard
							</button>
						</div>
					</div>
				</div>
			</div>
			
			{% include '@p1cm/help.twig' %}
		</div>
	
		<div class="frame-content">
			<div class="frame-box">
				<div class="form-group">
				    <label for="enable_seo" class="col-sm-3 control-label">Enable SEO</label>
				    <div class="col-sm-9">
				      <input
				      	type="checkbox"
                        id="enable_seo"
                        class="frame-bigCheckbox" 
                        name="p1cm[enable_seo]" 
                        {% if p1cm.enable_seo %}
                        	checked="checked"
						{% endif %}
                      >
				    </div>
				</div>
                
                <div class="form-group">
                    <label for="stop_words" class="col-sm-3 control-label">Stop Words</label>
                    <div class="col-sm-9">
                        <textarea
                        	class="form-control"
                            id="stop_words"
                            rows="4"
                            cols="80"
                            name="p1cm[stop_words]"
                        >{{ p1cm.stop_words }}</textarea>
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="min_word_length" class="col-sm-3 control-label">Min Length</label>
                    <div class="col-sm-9">
                        <input
                        	type="text"
                            id="min_word_length"
                            name="p1cm[min_word_length]"
                            class="form-control"
                            value="{{ p1cm.min_word_length }}"
                        >
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="locale" class="col-sm-3 control-label">Google Locale</label>
                    <div class="col-sm-9">
                    	<select
                    		class="form-control"
						    id="locale"
						    name="p1cm[locale]"
						>{% for locale in locales %}
						    <option value="{{ locale.code }}"
						    	{% if locale.code == p1cm.locale %}
						    		selected="selected"
						    	{% endif %}
						    >{{ locale.label }}</option>
						{% endfor %}</select>
                    </div>
                </div>
			</div>
		</div>
	</div>
</form>
