{% extends 'base_back.html.twig' %}
{% block body %}
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">Pages produits</h1>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<section class="content">
<div class="container-fluid">
<!-- Small boxes (Stat box) -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class="card-title">Liste des pages produits</h3><br>
<div class="col-md-4">
<a href="{{ path('back_product_page_add') }}" class="btn btn-block btn-info">Ajouter une page produits</a>
</div>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="postTable" class="table table-bordered table-hover">
<thead>
<tr>
<th>Nom</th>
<th>Description</th>
<th>Sous catégorie</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for productPage in productPages %}
<tr>
<td>{{ productPage.name }}</td>
<td>{{ productPage.description|striptags|slice(0, 150) ~ '...' }}</td>
<td>{{ productPage.subCategory.name }}</td>
<td>
<a href="{{ path('back_product_page_edit', {'id': productPage.id}) }}" class="btn btn-block btn-info">Editer</a>
<a href="{{ path('back_product_page_remove', {'id': productPage.id}) }}" class="btn btn-block btn-danger" onclick="return confirm('Etes-vous sûr de vouloir supprimer cette page produit ?')">Supprimer</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block javascript %}
{{ parent() }}
<script>
$(document).ready(function() {
$('#postTable').DataTable({
"language": {
"url": "//cdn.datatables.net/plug-ins/1.10.24/i18n/French.json"
},
"order": []
});
});
</script>
{% endblock %}