{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% load thumbnail %}
{% load hdalab_tags %}

{% block title %}{{block.super}} > {% trans 'Compte utilisateur' %} : {{ user.username }}{% 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 profile_actif %}actif{% endblock %}

{% block js_import %}
{{block.super}}
<script src="{% static 'hdalab/lib/jquery-ui-1.10.4.min.js' %}"></script>
<script src="{% static 'hdalab/js/renkan-search.js' %}"></script>
<script type="text/javascript">
    var favorite = {{favorite}};
    initSearch(favorite);
</script>
{% endblock %}

{% block main_content %}
    <div class="all-title">
        <h1>{% trans 'Mon compte' %}</h1>
       </div>
       {% if user.is_staff %}
       <div class="sub-content">
        <h2>/ {% trans 'Adminsitration du Site' %}</h2>
          <p>
              <a href="{% url 'manage_renkans' %}" >{% trans 'Administrer les Renkan' %}</a>
              / <a href="{% url 'edito_home' %}" >{% trans 'Editorialisation' %}</a>
              / <a href="{% url 'admin:index' %}" >{% trans 'Administration Hdalab' %}</a>
              / <a href="{% url 'hdabo_home' %}" >{% trans 'Administrer Hdabo' %}</a>
          </p>
       </div>
       {% endif %}
       <div class="sub-content">
        <h2>/ {% trans 'Modifier mon profil' %}</h2>
        <p>
            <a href="{% url 'auth_password_change' %}">{% trans 'Modification du mot de passe' %}</a>
            / <a href="{% url 'profile_update' %}">{% trans 'Modification des informations du compte' %}</a>
        </p>
       </div>
    <div class="sub-content">
        <h2>/ {% trans 'Gerer mes Renkan' %}</h2>
        <form action="{% url 'renkan_new' %}" method="post">
            {% csrf_token %}
            <button id="new-renkan-button" title="{% trans 'Nouveau Renkan' %}" class="renkan-basic-action"><div id="new-renkan">{% trans 'Nouveau Renkan' %}</div></button>
        </form>
        <p class="inline">{% if page.has_previous %}<a href="?page={{ page.previous_page_number }}&sort={{ sort_param }}&order={{ order_param }}{{ filters }}" >{% trans 'Previous' %}</a>{% endif %}
           {% if page.has_previous and page.has_next %} - {% endif %}{% if page.has_next %}<a href="?page={{ page.next_page_number }}&sort={{ sort_param }}&order={{ order_param }}{{ filters }}">{% trans 'Next' %}</a>{% endif %}</p>
        <form class="inline"><p>{% if page.has_previous or page.has_next %} - {% endif %}{% trans 'Filter' %} : <input type="text" name="title" value="{{ title }}"/> - <span class="hand_cursor" id="toggle-search">{% trans 'Advanced search' %}</span></p></p></form>
        <form id="advanced-form" style="display: {% if startdate != '' or enddate != '' or username != '' or state != '' %}block{% else %}none{% endif %};">
          <p>{% trans 'Title' %} : <input type="text" name="title" value="{{ title }}"/></p>
          <p>{% trans 'Modification date' %} : {% trans 'begin' %} <input type="text" name="startdate" value="{{ startdate }}" class="date" /> -
                                               {% trans 'end' %} : <input type="text" name="enddate" value="{{ enddate }}" class="date" /></p>
          <p>{% trans 'State' %} : 
            <select name="state">
                <option value=""></option>
                <option value="1"{% if state == '1' %} selected="selected"{% endif %}>{% trans 'Edition' %}</option>
                <option value="2"{% if state == '2' %} selected="selected"{% endif %}>{% trans 'Moderated' %}</option>
                <option value="3"{% if state == '3' %} selected="selected"{% endif %}>{% trans 'Published' %}</option>
                <option value="4"{% if state == '4' %} selected="selected"{% endif %}>{% trans 'Rejected' %}</option>
            </select>
          </p>
          <p>{% trans 'Favorite' %} : <input type="checkbox" id="filter-favorite-chkbx" {% if favorite >= 1 %} checked="checked" {% endif %} value="{{favorite}}" /><input type="hidden" id="filter-favorite" name="favorite" value="{{favorite}}"/></p>
          <p><input type="submit" value="{% trans 'Search' %}"/></p>
        </form>
        <table id="rk-table">
          <thead>
            <tr class="border_bottom">
              <th><span class='rk-table-header-span'><a href="?sort=title&order={% if sort_param == 'title' %}{{ opposite }}{% else %}asc{% endif %}{{ filters }}">{% trans 'Title' %}</a>
                  {% if sort_param == 'title' %}<span class="ui-icon {% if opposite == 'asc' %}ui-icon-triangle-1-s{% else %}ui-icon-triangle-1-n{% endif %}"></span>{% endif %}</span></th>
              <th><span class='rk-table-header-span'><a href="?sort=favorite&order={% if sort_param == 'favorite' %}{{ opposite }}{% else %}desc{% endif %}{{ filters }}">{% trans 'Fav.' %}</a>
                  {% if sort_param == 'favorite' %}<span class="ui-icon {% if opposite == 'asc' %}ui-icon-triangle-1-s{% else %}ui-icon-triangle-1-n{% endif %}"></span>{% endif %}</span></th>
              <th><span class='rk-table-header-span'><a href="?sort=date&order={% if sort_param == 'date' %}{{ opposite }}{% else %}desc{% endif %}{{ filters }}">{% trans 'Modification date' %}</a>
                  {% if sort_param == 'date' %}<span class="ui-icon {% if opposite == 'asc' %}ui-icon-triangle-1-s{% else %}ui-icon-triangle-1-n{% endif %}"></span>{% endif %}</span></th>
              <th>{% trans 'Preview' %}</th>
              <th><span class='rk-table-header-span'><a href="?sort=state&order={% if sort_param == 'state' %}{{ opposite }}{% else %}asc{% endif %}{{ filters }}">{% trans 'State' %}</a>
                  {% if sort_param == 'state' %}<span class="ui-icon {% if opposite == 'asc' %}ui-icon-triangle-1-s{% else %}ui-icon-triangle-1-n{% endif %}"></span>{% endif %}</span></th>
              <th>{% trans 'Actions' %}</th>
            </tr>
          </thead>
          <tbody>
          {% for hr in page.object_list %}
           {% with hr.renkan as r %}
            <tr class="border_bottom">
                <td><div class="renkan-list-title-div"><a title="{% trans 'View renkan' %}" href="{% url 'renkan_view' %}?rk_id={{ r.rk_id }}">{{ r.title }}</a></div></td>
                <td>{% if hr.favorite %}<span class="publish-renkan">&nbsp;</span>{% else %}&nbsp;{% endif %}</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|state_to_str }}</td>
                <td class="renkan_list_actions">
                    {% if hr.state == 1 %}<a title="Edit renkan" href="{% url 'renkan_edit' %}?rk_id={{ r.rk_id }}" class="renkan-basic-action"><span class="ui-icon ui-icon-pencil"></span></a>
                    {% else %}<span class="ui-icon ui-icon-blank renkan-basic-action"></span>{% endif %}
                    <a title="{% trans 'View renkan' %}" href="{% url 'renkan_view' %}?rk_id={{ r.rk_id }}" class="renkan-basic-action"><span class="ui-icon ui-icon-eye"></span></a>
                    <form action="{% url 'renkan_copy' rk_id=r.rk_id %}" method="post">
                        {% csrf_token %}
                        <input type="hidden" name="next" value="{% url 'profile_home' %}" />
                        <button title="Copy renkan" 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></button>
                    </form>
                    <form action="{% url 'renkan_delete' rk_id=r.rk_id %}" method="post">
                        {% csrf_token %}
                        <input type="hidden" name="next" value="{% url 'profile_home' %}" />
                        <button title="{% trans 'remove renkan' %}" class="renkan-basic-action" onclick="return confirm('{% trans "Are you sure you want to delete this renkan ? You cannot undo this action." %}');" ><span class="ui-icon ui-icon-trash"></span></button>
                        </form>
                    <form action="{% url 'renkan_moderate' rk_id=r.rk_id %}" method="post">
                        {% csrf_token %}
                        <input type="hidden" name="next" value="{% url 'profile_home' %}" />
                        {% if hr.state == 1 %}<button name="state" value="2" title="{% trans 'publish renkan' %}" class="renkan-basic-action" onclick="return confirm('{% trans "Are you sure you want to ask to publish this renkan ?" %}');" ><span class="publish-renkan"></span></button>
                        {% else %}<button name="state" title="{% trans 'unpublish renkan' %}" value="1" class="renkan-basic-action" onclick="return confirm('{% trans "Are you sure you want to unpublish this renkan ?" %}');" ><span class="unpublish-renkan"></span></button>{% endif %}
                    </form>
                </td>
            </tr>
           {% endwith %}
          {% endfor %}
          </tbody>
        </table>
        <p>{% if page.has_previous %}<a href="?page={{ page.previous_page_number }}&sort={{ sort_param }}&order={{ order_param }}{{ filters }}" >{% trans 'Previous' %}</a>{% endif %}
           {% if page.has_previous and page.has_next %} - {% endif %}{% if page.has_next %}<a href="?page={{ page.next_page_number }}&sort={{ sort_param }}&order={{ order_param }}{{ filters }}">{% trans 'Next' %}</a>{% endif %}</p>
    </div>
{% endblock %}