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


{% block buttons %}
    <a href="{{ path('addConstructionSite') }}" class="btn btn-info" role="button">Dodaj Novo Gradilište</a>
{% endblock %}

{% block body %}

    <div class="table-responsive">
        <table class="table table-striped table-sm" id="listTable">
            <thead>
            <tr>
                <th>Broj Gradilišta</th>
                <th>Ulica</th>
                <th>Grad</th>
                <th>Naziv Firme</th>
                <th>#</th>
            </tr>
            </thead>
            <tbody>
            {% for constructionSite in constructionSites %}
                <tr>
                    <td>{{ constructionSite.siteNumber }}</td>
                    <td>{{ constructionSite.street }}</td>
                    <td>{{ constructionSite.city }}</td>
                    <td>{{ constructionSite.companyName }}</td>
                    <td>
                        <span class="float-right pr-3">
                        <a href="{{ path('editConstructionSite', {id: constructionSite.id}) }}" class="pr-2"><span data-feather="edit" style="color: #013499"></span></a>
                        <a href="{{ path('deleteConstructionSite', {id: constructionSite.id}) }}"  class="pr-2" onclick="return confirm('Ste sigurni da želite izbrisati ovo gradilište?')">
                            <span data-feather="trash-2" style="color: #90101c"></span>
                        </a>
                        <a href="{{ path('listWorkHoursConstructionSite', {id: constructionSite.id}) }}" ><span data-feather="clock" style="color: #013499"></span></a>
                        </span>

                    </td>
                </tr>
            {% endfor %}

            </tbody>
        </table>
    </div>

{% endblock %}