{% extends 'Admin/admin.html.twig' %}

{% block title %}
	{{"Paramètres du site"|trans}}
{% endblock %}

{% block body %}

	<div class="card shadow mb-4">
		<div class="card-header py-3">
			<h6 class="m-0 font-weight-bold text-primary">{{'Paramètres du site'|trans}}</h6>
		</div>
		<div class="card-body">
			{% for message in app.flashes('success') %}
				<div class="alert alert-success text-dark">
					{{ message }}
				</div>
			{% endfor %}

			{% for message in app.flashes('error') %}
				<div class="alert alert-danger text-dark">
					{{ message }}
				</div>
			{% endfor %}

			<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
				<li class="nav-item" role="presentation">
					<a class="nav-link active" id="pills-website-tab" data-toggle="pill" href="#pills-website" role="tab" aria-controls="pills-website" aria-selected="true">Website settings</a>
				</li>
				<li class="nav-item" role="presentation">
					<a class="nav-link" id="pills-api-tab" data-toggle="pill" href="#pills-api" role="tab" aria-controls="pills-api" aria-selected="false">Api settings</a>
				</li>
				<li class="nav-item" role="presentation">
					<a class="nav-link" id="pills-social-tab" data-toggle="pill" href="#pills-social" role="tab" aria-controls="pills-social" aria-selected="false">Socials settings</a>
				</li>
			</ul>
			<form method="post">
				<div class="tab-content" id="pills-tabContent">
					<div class="tab-pane fade show active" id="pills-website" role="tabpanel" aria-labelledby="pills-website-tab">
						{% for param in params %}
							{% if param.setting in settingsCat.website %}
								{% if param.setting == "use_nav_community" or param.setting == "use_right_community_button" or param.setting == "use_wiki" %}
									<div class="mt-3 mb-3">
										<label for="{{param.setting}}">{{param.description}}</label>
										<select name="{{param.setting}}" id="{{param.setting}}" class="form-control">
											<option value="true" {% if param.defaultValue=="true" %} selected {% endif %}>{{"Oui"|trans}}
											</option>
											<option value="false" {% if param.defaultValue=="false" %} selected {% endif %}>{{"Non"|trans}}
											</option>
										</select>
									</div>
								{% else %}
									{% if param.setting != "theme" %}
										<div class="mt-3 mb-3">
											<label for="{{param.setting}}">{{param.description}}</label>
											<input type="text" name="{{param.setting}}" id="{{param.setting}}" value="{{param.defaultValue}}" class="w-100 form-control">
										</div>
									{% endif %}
								{% endif %}

								{% if param.setting == "theme" %}
									<label for="{{param.setting}}">{{param.description}}</label>
									<select name="{{param.setting}}" id="{{param.setting}}" class="form-control">
										{% for folder in folders %}
											{% if folder != "Admin"  %}
												<option value="{{folder}}" {% if param.defaultValue==folder %} selected {% endif %}>
													{{folder}}
												</option>
											{% endif %}
										{% endfor %}
									</select>
								{% endif %}
							{% endif %}
						{% endfor %}
					</div>
					<div class="tab-pane fade" id="pills-api" role="tabpanel" aria-labelledby="pills-api-tab">
                        {% for param in params %}
							{% if param.setting in settingsCat.api %}
								{% if param.setting == "use_nav_community" or param.setting == "use_right_community_button" or param.setting == "use_wiki" %}
									<div class="mt-3 mb-3">
										<label for="{{param.setting}}">{{param.description}}</label>
										<select name="{{param.setting}}" id="{{param.setting}}" class="form-control">
											<option value="true" {% if param.defaultValue=="true" %} selected {% endif %}>{{"Oui"|trans}}
											</option>
											<option value="false" {% if param.defaultValue=="false" %} selected {% endif %}>{{"Non"|trans}}
											</option>
										</select>
									</div>
								{% else %}
									{% if param.setting != "theme" %}
										<div class="mt-3 mb-3">
											<label for="{{param.setting}}">{{param.description}}</label>
											<input type="text" name="{{param.setting}}" id="{{param.setting}}" value="{{param.defaultValue}}" class="w-100 form-control">
										</div>
									{% endif %}
								{% endif %}

								{% if param.setting == "theme" %}
									<label for="{{param.setting}}">{{param.description}}</label>
									<select name="{{param.setting}}" id="{{param.setting}}" class="form-control">
										{% for folder in folders %}
											<option value="{{folder}}" {% if param.defaultValue==folder %} selected {% endif %}>
												{{folder}}
											</option>
										{% endfor %}
									</select>

								{% endif %}
							{% endif %}
						{% endfor %}
                    </div>
					<div class="tab-pane fade" id="pills-social" role="tabpanel" aria-labelledby="pills-social-tab">
                        {% for param in params %}
							{% if param.setting in settingsCat.social %}
								{% if param.setting == "use_nav_community" or param.setting == "use_right_community_button" or param.setting == "use_wiki" %}
									<div class="mt-3 mb-3">
										<label for="{{param.setting}}">{{param.description}}</label>
										<select name="{{param.setting}}" id="{{param.setting}}" class="form-control">
											<option value="true" {% if param.defaultValue=="true" %} selected {% endif %}>{{"Oui"|trans}}
											</option>
											<option value="false" {% if param.defaultValue=="false" %} selected {% endif %}>{{"Non"|trans}}
											</option>
										</select>
									</div>
								{% else %}
									{% if param.setting != "theme" %}
										<div class="mt-3 mb-3">
											<label for="{{param.setting}}">{{param.description}}</label>
											<input type="text" name="{{param.setting}}" id="{{param.setting}}" value="{{param.defaultValue}}" class="w-100 form-control">
										</div>
									{% endif %}
								{% endif %}

								{% if param.setting == "theme" %}
									<label for="{{param.setting}}">{{param.description}}</label>
									<select name="{{param.setting}}" id="{{param.setting}}" class="form-control">
										{% for folder in folders %}
											<option value="{{folder}}" {% if param.defaultValue==folder %} selected {% endif %}>
												{{folder}}
											</option>
										{% endfor %}
									</select>

								{% endif %}
							{% endif %}
						{% endfor %}
                    </div>
				</div>

                <button type="submit" class="btn btn-success btn-block">
					{{"Sauvegarder"|trans}}
				</button>
			</form>




			<form action="" method="post" class="d-none">
				{% for param in params %}
					{% if param.setting in settingsCat.website %}
						{% if param.setting == "use_nav_community" or param.setting == "use_right_community_button" or param.setting == "use_wiki" %}
							<div class="mt-3 mb-3">
								<label for="{{param.setting}}">{{param.description}}</label>
								<select name="{{param.setting}}" id="{{param.setting}}" class="form-control">
									<option value="true" {% if param.defaultValue=="true" %} selected {% endif %}>{{"Oui"|trans}}
									</option>
									<option value="false" {% if param.defaultValue=="false" %} selected {% endif %}>{{"Non"|trans}}
									</option>
								</select>
							</div>
						{% else %}
							{% if param.setting != "theme" %}
								<div class="mt-3 mb-3">
									<label for="{{param.setting}}">{{param.description}}</label>
									<input type="text" name="{{param.setting}}" id="{{param.setting}}" value="{{param.defaultValue}}" class="w-100 form-control">
								</div>
							{% endif %}
						{% endif %}

						{% if param.setting == "theme" %}
							<label for="{{param.setting}}">{{param.description}}</label>
							<select name="{{param.setting}}" id="{{param.setting}}" class="form-control">
								{% for folder in folders %}
									<option value="{{folder}}" {% if param.defaultValue==folder %} selected {% endif %}>
										{{folder}}
									</option>
								{% endfor %}
							</select>

						{% endif %}
					{% endif %}

					{% if param.setting == "use_nav_community" or param.setting == "use_right_community_button" or param.setting == "use_wiki" %}
						<div class="mt-3 mb-3">
							<label for="{{param.setting}}">{{param.description}}</label>
							<select name="{{param.setting}}" id="{{param.setting}}" class="form-control">
								<option value="true" {% if param.defaultValue=="true" %} selected {% endif %}>{{"Oui"|trans}}
								</option>
								<option value="false" {% if param.defaultValue=="false" %} selected {% endif %}>{{"Non"|trans}}
								</option>
							</select>
						</div>
					{% else %}
						{% if param.setting != "theme" %}
							<div class="mt-3 mb-3">
								<label for="{{param.setting}}">{{param.description}}</label>
								<input type="text" name="{{param.setting}}" id="{{param.setting}}" value="{{param.defaultValue}}" class="w-100 form-control">
							</div>
						{% endif %}
					{% endif %}

					{% if param.setting == "theme" %}
						<label for="{{param.setting}}">{{param.description}}</label>
						<select name="{{param.setting}}" id="{{param.setting}}" class="form-control">
							{% for folder in folders %}
								<option value="{{folder}}" {% if param.defaultValue==folder %} selected {% endif %}>
									{{folder}}
								</option>
							{% endfor %}
						</select>

					{% endif %}
				{% endfor %}


				<button type="submit" class="btn btn-success btn-block">
					{{"Sauvegarder"|trans}}
				</button>
			</form>
		</div>
	</div>

{% endblock %}