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

{% block body %}

    <div class="title">Contractors</div>
    <a href="{{ path('contractor_add') }}">
        <div class="add_contractors">Add new contractor</div>
    </a>
    <form method="get">
        <div class="grid_search1">
            <div class="search_title">Search</div>
            <div class="input-group">
                <div class="form-outline">
                    <input id="search-focus" type="search" id="form1" placeholder="contractor" name="search" class="form-control" value="{{ app.request.query.get("search") }}" />
                </div>
                <button type="submit" class="btn btn-primary"><i class="fa fa-search" id="qwa" aria-hidden="true"></i></button>
            </div>
        </div>
    </form>

    <div class="grid_groop">
        <div>ID</div>
        <div>CONTRACTOR</div>
        <div>ADRESS</div>
        <div class="status">STATUS</div>
        <div class="status">ACTION</div>
        <div>REMOVE</div>
    </div>

    {% for contractor in contractors %}
        <div class="grid_groop_content">
            <div class="grp">{{ contractor.id }}</div>
            <div class="grp">{{ contractor.name }}</div>
            <div class="grp">{{ contractor.address1 }} {{ contractor.address2 }}</div>
            {% if contractor.active == 1 %}
                <div class="active11">Active</div>
            {% else %}
                <div class="inactive">Inactive</div>
            {% endif %}

            
            <div class="view"><a href="{{ path('contractor_view', {'user': contractor.id}) }}">View / edit </a></div>
            <a href="{{ path('contractor_remove', {'user': contractor.id}) }}" onclick="return confirm('Are you sure?')">
                <div class="remove"><i class="fa fa-times" aria-hidden="true"></i></div>
            </a>
        </div>
    {% else %}
        <div class="grid_groop_content" style="grid-template-columns: 1fr">
            No contractors found
        </div>
    {% endfor %}

    {{ knp_pagination_render(contractors) }}

{% endblock %}