{% extends 'base.html' %}
{% block content %}
<div class="main-content">
	<section class="section">
		{% block entete %}
		<div class="row">
			<div class="col-12 col-sm-12 col-lg-12">
				<div class="card card-primary">
					<div class="card-header">
						<div class="table-responsive">
							<table class="table upper-case"  style="width:100%;">
								<tr>
									<th>intitule :</th>
									<th>acteurs :</th>
								</tr>
								<tr>
									<td>{{ enquete.intitule}}</td>
									<td>{{ enquete.acteurs }}</td>
									<td>{{ enquete.nombre_enquetes }}</td>
								</tr>
								<tr>

									<th>lieu :</th>
									<th>periode :</th>
								</tr>
								<tr>

									<td>{{ enquete.lieu }}</td>
									<td>{{ enquete.periode }}</td>
								</tr>
								<tr>
									<th>cible :</th>
									<th>indicateurs :</th>

								</tr>
								<tr>
									<td>{{ enquete.cible }}</td>
									<td>{{ enquete.indicateurs|safe }}</td>
								</tr>

							</table>
						</div>
					</div>

					<div class="card-footer">
						{{description|safe}}
					</div>
				</div>

			</div>
			<hr>
			<div class="col-12 col-sm-12 col-lg-12">
				<div class="card card-warning">
					<div class="card-header upper-case">
						<h4>Tableau de bord de l'enquete de la reunion {{ enquete.reunion}}</h4>
						<div class="card-header-action">
							<div class=" row justify-content-center text-center">
							</div>
						</div>
					</div>
					<div class="card-body  upper-case">
						<iframe
								title="{{enquete.intitule}}"
								src="{{enquete.link_surveycto}}"
								frameborder="0"
								allowFullScreen="true"
								class="iframe-full"
								style="width: 100%; height: 800px; border: 1px solid #ccc;">
						</iframe>
					</div>
				</div>
			</div>
		</div>
		{% endblock %}
		{% block board %}
		<div class="row">

		</div>
		{% endblock %}
		{% block chart %}

		{% endblock %}
		{% block tache %}

		{% endblock %}
		{% block ticket %}

		{% endblock %}
	</section>
</div>
{% endblock %}