{% extends "base.html" %}

{% load i18n %}

{% load static %}

{% load thumbnail %}

{% block title %}{{block.super}} > Liste des Renkans publiques{% endblock %}

{% block css_import %}

{{block.super}}

    <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/index.css' %}" />

    <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/ui-lightness/jquery-ui-1.10.4.min.css' %}" />

    <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/profile.css' %}" />

{% endblock %}

{% block js_import %}

{{block.super}}

    <script src="{% static 'hdalab/js/profile.js' %}"></script>

    <script src="{% static 'hdalab/lib/jquery.tablesorter.min.js' %}"></script>

    <script type="text/javascript">

    $(document).ready(function(){ 

        console.log("hi");

        $("#rk-table").tablesorter({headers: { 2: { sorter: false }, 4: { sorter: false } }}); 

    });

    </script>

{% endblock %}

{% block renkans_actif %}actif{% endblock %}

{% block main_content %}

    <h2>Liste des renkans publiques</h2>

    <table id="rk-table">

      <thead>

        <tr class="border_bottom"><th>Nom</th><th>Date de modification</th><th>Preview</th><th>Statut</th><th>Actions</th></tr>

      </thead>

      <tbody>

      {% for hr in renkan_list %}

       {% with hr.renkan as r %}

        <tr class="border_bottom">

            <td>{{ r.title }} ({{ r.id }})</td>

            <td>{{ r.modification_date|date:"Y-m-d H:i" }}</td>

            <td>{% thumbnail r.image 100x100 as thumb %}<img src="{{ thumb.url }}" width="{{ thumb.width }}" height="{{ thumb.height }}" /></td>

            <td>{{ hr.state }}</td>

            <td>

                <a title="View renkan" href="{% url 'renkan_view' %}?rk_id={{ r.rk_id }}" class="renkan-basic-action"><span class="ui-icon ui-icon-eye"></span></a>

                <a title="Copy renkan" href="{% url 'renkan_copy' rk_id=r.rk_id %}?next={% url 'profile_home' %}" class="renkan-basic-action" onclick="return confirm('{% trans "Are you sure you want to copy this renkan ?" %}');" ><span class="ui-icon ui-icon-copy"></span></a>

            </td>

        </tr>

       {% endwith %}

      {% endfor %}

      </tbody>

    </table>

{% endblock %}