{% 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">Slider</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 sliders</h3><br>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="postTable" class="table table-bordered table-hover">
<thead>
<tr>
<th>Page</th>
<th>Image 1</th>
<th>Image 2</th>
<th>Image 3</th>
<th>Image 4</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for slider in sliders %}
<tr>
<td>{{ slider.page }}</td>
<td><img src="{% if slider.image1 %}{{asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ slider.image1) }}{% endif %}" style="height:50px"></td>
<td><img src="{% if slider.image2 %}{{asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ slider.image2) }}{% endif %}" style="height:50px"></td>
<td><img src="{% if slider.image3 %}{{asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ slider.image3) }}{% endif %}" style="height:50px"></td>
<td><img src="{% if slider.image4 %}{{asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ slider.image4) }}{% endif %}" style="height:50px"></td>
<td>
<a href="{{ path('back_slider_edit', {'id': slider.id}) }}" class="btn btn-block btn-info">Editer</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block javascript %}
{{ parent() }}
<script nonce="{{ csp_nonce('script') }}">
$(document).ready(function() {
$('#postTable').DataTable({
"language": {
"url": "//cdn.datatables.net/plug-ins/1.10.24/i18n/French.json"
},
"order": []
});
});
</script>
{% endblock %}