{% extends 'base.html.twig' %}
{% block title %}Sequence index{% endblock %}
{% block breakcumb %}
<li class="breadcrumb-item text-muted">
Sequence
</li>
<li class="breadcrumb-item text-dark">Index</li>
{% endblock %}
{% block stylesheets %}
<!--begin::Page Custom Javascript(used by this page)-->
<link href="{{ asset("theme/plugins/custom/datatables/datatables.bundle.css") }}" rel="stylesheet" type="text/css" />
<!--end::Page Custom Javascript-->
{{ parent() }}
{% endblock %}
{% block javascripts %}
{{ parent() }}
<!--begin::Page Custom Javascript(used by this page)-->
<script src="{{ asset("theme/plugins/custom/datatables/datatables.bundle.js") }}"></script>
<!--end::Page Custom Javascript-->
<script>
$("#kt_datatable_example_1").DataTable();
var element = document.querySelector("#kt_stepper_example_basic");
// Initialize Stepper
var stepper = new KTStepper(element);
</script>
{% endblock %}
{% block body %}
<!--begin::Engage Widget 1-->
<div class="card card-xxl-stretch">
<div class="card-header">
<h3 class="card-title">Gestion des séquences</h3>
<div class="card-toolbar">
<a type="button" class="btn btn-sm btn-light" href="{{ path('app_sequence_new') }}">
Ajouter
</a>
</div>
</div>
<!--begin::Card body-->
<div class="card-body d-flex flex-column justify-content-between h-100">
<!--begin::Section-->
<div class="pt-12">
<!--begin::Action-->
<table id="kt_datatable_example_1" class="table table-striped table-row-bordered gy-5 gs-7">
<thead>
<tr>
<th>Id</th>
<th>Titre</th>
<th>Objectif</th>
<th>Attendu</th>
<th>actions</th>
</tr>
</thead>
<tbody>
{% for sequence in sequences %}
<tr>
<td>{{ sequence.id }}</td>
<td>{{ sequence.refThemeSequence }} - {{ sequence.titre }}</td>
<td>{{ sequence.Objectif }}</td>
<td>{{ sequence.Attendu }}</td>
<td>
<a href="{{ path('app_sequence_show', {'id': sequence.id}) }}"><i class="lar la-eye fs-1"></i></a>
<a href="{{ path('app_sequence_edit', {'id': sequence.id}) }}"><i class="lar la-edit fs-1"></i></a>
</td>
</tr>
{% else %}
<tr>
<td colspan="5">no records found</td>
</tr>
{% endfor %}
</tbody>
</table>
<!--end::Action-->
</div>
<!--end::Section-->
</div>
<!--end::Card body-->
</div>
<!--end::Engage Widget 1-->
{% endblock %}