{% extends "job_offers/base.html" %}
{% load i18n crispy_forms_tags url_replace %}

{% block job_offer_content %}
<div class="row">
    <div class="small-12 medium-12 large-12 columns">
        {% crispy form form_helper %}
    </div>
</div>
<div class="row">
    <div class="small-12 medium-12 large-12 columns">
        {% if object_list %}
            <table>
            <thead>
                <tr>
                    <th>
                        <a href="{{request.path}}?{% with_order request.GET "title" %}">{% trans "Type" %}</a>
                        </th>
                    <th>
                        <a href="{{request.path}}?{% with_order request.GET "country" %}">{% trans "Country" %}</a>
                        </th>
                    <th class="hide-for-small" >
                        <a href="{{request.path}}?{% with_order request.GET "contract_type" %}">{% trans "Contract" %}</a>
                        </th>
                    <th>
                        {% trans "More details" %}
                    </th>
                </tr>
            </thead>
            <tbody>
            {% for content in object_list %}
                <tr>
                <td>
                    <div class="flexible">
                        {% for cat in content.categories.all %}
                            <span class="profil_ico {{ cat|slugify }}">
                        </span>
                        <span>{{ cat }}</span>
                    {% endfor %}
                    </div>
                </td>
                <td>{{ content.location }}</td>
                <td class="hide-for-small" >
                    {{ content.short_description|safe }}
                </td>
                <td >
                    <a href="{% url "job-offer-detail" content.slug %}">
                        {% trans "Details" %}
                    </a>
                </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>

        {% if is_paginated %}
            <ul class="pagination">
            {% if page_obj.has_previous %}
                <li class="arrow time">
            <a href="?page=1"></a>
            </li>
        {% endif %}
            {% if page_obj.has_previous %}
                <li class=" active">
            <a href="{{request.path}}?{% with_page request.GET page_obj.previous_page_number %}">
                    {{ page_obj.previous_page_number }}
            </a>
            </li>
        {% endif %}
            <li class="current">
            <a href="#">{{ page_obj.number }}</a>
            </li>
            {% if page_obj.has_next%}
                <li class="active">
            <a href="?{% with_page request.GET page_obj.next_page_number %}">
                    {{ page_obj.next_page_number }}
            </a>
            </li>
        {% endif %}
            <li class="arrow time">
                <a href="{% if page_obj.has_next %}{{request.path}}?{% with_page request.GET page_obj.next_page_number %}{% else %}#{% endif %}"><i class="icon-chevron-thin-right"></i></a>
            </li>
        </ul>
    {% endif %} <!-- if is_paginated -->
    {% else %} <!-- if object_list -->
            <h3 class="empty">{% trans "No job offers found" %}</h3>
    {% endif %} <!-- if object_list -->
    </div>
</div>
{% endblock %}