{% extends 'Default/base.html.twig' %}

{% block title %} Service {% endblock %}
{% block breadcrumb1 %} Service{% endblock %}
{% block breadcrumb2 %} Liste {% endblock %}

{% block content %}
    <div class="container-fluid container-fullw bg-white">
        <div class="row">
            <div class="col-md-12">

                <div class="row">
                    <div class="col-md-12 space20">
                        <a class="btn btn-primary pull-left" data-toggle="modal" data-target="#service_new">
                            Ajouter Service <i class="fa fa-plus"></i>
                        </a>
                    </div>
                </div>

                <!-- modal new service -->
                {{ render(controller('App\\Controller\\ServiceController::newService')) }}
                <!-- end modal -->

                <table class="table table-striped table-bordered table-hover table-full-width" id="sample_1">
                    <thead>
                    <tr>
                        <th width="90%">Titre</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for service in services %}
                        <tr>
                            <td>{{ service.name }}</td>
                            <td>
                                <a class="btn btn-success btn-xs" title="edit" data-toggle="modal" data-target="#service_edit{{ service.id }}"> <span class="fa fa-edit" style="color:white"></span></a>
                                <a href="{{ path('service_delete',{'id':service.id}) }}" class="btn btn-danger btn-xs user-remove" title="supprimer" data-toggle="confirmation" class="delete-row">
                                <span class="fa fa-trash-o"  style="color:white"></span></a>
                            </td>
                            <!-- modal edit service -->
                            {{ render(controller('App\\Controller\\ServiceController::editService', {'id':service.id })) }}
                            <!-- end modal -->
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}