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

{% block body %}
    <main class="app-content">
        <div class="app-title">
            <div>
                <h1><i class="fa fa-cog"></i> Servisi</h1>
            </div>
            <ul class="app-breadcrumb breadcrumb">
                <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
                <li class="breadcrumb-item"><a href="{{ path('admin_dashboard') }}">Dashboard</a></li>
            </ul>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="tile">
                    <div class="tile-body">
                        <div class="tile-title-w-btn">
                            <h3 class="title">Servisi</h3>
                            <p><a class="btn btn-primary icon-btn" href="{{ path('admin_services_add') }}"><i class="fa fa-plus"></i>Add service	</a></p>
                        </div>
                        {% for message in app.flashes('success') %}
                            <div class="bs-component">
                                <div class="alert alert-dismissible alert-success">
                                    <button class="close" type="button" data-dismiss="alert">×</button> {{ message }}
                                </div>
                            </div>
                        {% endfor %}
                        <table class="table table-hover table-bordered" id="sampleTable">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>Naslov</th>
                                <th>Status</th>
                                <th>Edit</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for service in services %}
                                <tr>
                                    <td>{{ service.id }}</td>
                                    <td>{{ service.title }}</td>
                                    <td>{% if service.isActive == 1 %} <span class="badge badge-success">Akivno</span> {% else %}<span class="badge badge-danger">Neaktivno</span>{% endif %}</td>
                                    <td><a href="{{ path('admin_services_edit', {
                                            id: service.id
                                        }) }}"><span class="fa fa-pencil"></span></a></td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </main>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <!-- Data table plugin-->
    <script type="text/javascript" src="{{ asset('js/admin/plugins/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/admin/plugins/dataTables.bootstrap.min.js') }}"></script>
    <script type="text/javascript">$('#sampleTable').DataTable();</script>
{% endblock %}