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

{% block title %} {{'Service.T1' | trans}} {% endblock %}
{% block breadcrumb1 %} {{'Service.T2' | trans}}{% endblock %}
{% block breadcrumb2 %} {{'Service.T3' | trans}} {% 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 {% if app.request.locale == 'ar' %} pull-right {% else %} pull-left{% endif %}" data-toggle="modal" data-target="#service_new">
                            {{'Service.T4' | trans}} <i class="fa fa-plus"></i>
                        </a>
                    </div>
                </div>

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

                <table class="table table-striped table-bordered table-hover table-full-width" id="sample_1">
                    <thead>
                    <tr>
                        <th width="5%">{{'Service.T5' | trans}}</th>
                        <th class="center" width="90%">{{'Service.T6' | trans}}</th>
                        <th>{{'Service.T7' | trans}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for service in services %}
                        <tr>
                            <td>{{ service.id }}</td>
                            <td>{{ service.name }}</td>
                            <td>
                                <a class="btn btn-success btn-xs" title="{{'Service.T8' | trans}}" 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="{{'Service.T9' | trans}}" 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\\AdminCountry\\ServiceController::editService', {'id':service.id })) }}
                            <!-- end modal -->
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}