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

{% block body %}
    <div class="page-title">
        <h3>Demands</h3>
    </div>
    <div class="card">
        <div class="card-header">Search</div>
        <div class="card-body">
            <form method="get" class="form-inline">
                <div class="row">
                    <div class="col-md-4">
                        <div class="input-group mb-3">
                            <div class="input-group-text">
                                <label for="keyword">Keyword</label>
                            </div>
                            <input class="form-control" id="keyword" type="text" name="keywords" placeholder="Keywords" value="{{app.request.get('keywords')}}" />
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input-group mb-3">
                            <div class="input-group-text">
                                <label for="country">Country</label>
                            </div>
                            {{searchInputHelper.countrySearchSelect(app.request.get('country'))|raw}}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input-group mb-3">
                            <div class="input-group-text">
                                <label for="founction">statut professionnel</label>
                            </div>
                            {{searchInputHelper.founctionSearchSelect(app.request.get('founction'))|raw}}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input-group mb-3">
                            <div class="input-group-text">
                                <label for="extras">Status</label>
                            </div>
                            {{ searchInputHelper.statusSearchSelect(app.request.get('status'))|raw  }}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <button class="btn btn-primary">Search</button>
                        {% if is_granted(['ROLE_SUPER_USER']) %}
                            <button class="btn btn-outline-secondary" type="submit" name="export_result" value="1">Export</button>
                        {% endif %}
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        {% for column in result.getColumns() %}
                            <th>
                                {% if column.isColumnSortable() %}
                                    <a href="{{ column.getColumnSortURL() }}" class="{{ column.getColumnStyleClass() }}">
                                        {{ column.getColumnTitle() }}
                                    </a>
                                {% else %}
                                    <span>
                                    {{ column.getColumnTitle() }}
                                </span>
                                {% endif %}
                            </th>
                        {% endfor %}
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for item in result.getItems() %}
                        {% set demand = item.getItem() %}
                        <tr>
                            {% for column in item.getColumns() %}
                                <td>{{  column.getColumnValue()|raw }}</td>
                            {% endfor %}
                            <td>
                                <div class="btn-group btn-group-sm">
                                    <a href="{{ url('app_view_demand', {id: demand.id}) }}" title="Voir les détails de la demande" class="btn btn-outline-secondary"><i class="fa fa-eye"></i> </a>
                                    {% if not demand.valid %}
                                        <a href="{{ url('app_edit_demand', {id: demand.id}) }}" title="Modifier la demande" class="btn btn-outline-secondary"><i class="fa fa-edit"></i> </a>
                                    {% endif %}
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            {% if result.getPagination() %}
                {{result.getPagination().renderView() | raw}}
            {% endif %}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
{% endblock %}