{% extends "base.html" %}
{% load static %}
{% block title %}Hdalab - Éditorialisation : Créer ou modifier un dossier{% endblock %}

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

{% block js_import %}
{{block.super}}
<script type="text/javascript" src="{% static 'hdalab/js/folders.js' %}"></script>
<script type="text/javascript">
    var global_csrf_token = "{{ csrf_token }}";
    var static_url = "{% static '' %}";
    var search_url = "{% url 'searchajax' %}";
</script>
{% endblock %}

{% block main_content %}
<form class="folder-form" method="POST" action="{% url 'hdalab_add_or_update_folder' %}" autocomplete="off">
{% csrf_token %}
{% if folder %}<input type="hidden" name="pk" value="{{folder.pk}}" />{% endif %}
<p>Url (adresse de la page sur le portail Histoire de Arts)&nbsp;:<br/>
  <input class="folder-input" type="text" name="url" value="{% if folder %}{{folder.url}}{% endif %}" required="required"/>
</p>
<p>Titre&nbsp;:<br/><input class="folder-input" type="text" name="title" value="{% if folder %}{{folder.title}}{% endif %}"/></p>
<p>Description&nbsp;:<br/><textarea class="folder-input" name="description">{% if folder %}{{folder.description}}{% endif %}</textarea></p>
<p>&nbsp;</p>
<p>Liste des fiches associées au dossier&nbsp;:</p>
<input type="hidden" name="ds_ids" id="ds_ids" value="{% if folder %}{% for d in folder.datasheets.all %}{{ d.pk }},{% endfor %}{% endif %}" />
<ul id="ds-list">
  {% if folder %}{% for d in folder.datasheets.all %}
    <li data-dsid="{{ d.pk }}">{{ d.title }} <span class="remove-ds-from-folder hand_cursor">X</span></li>
  {% endfor %}{% endif %}
</ul>
<p>Rechercher dans les fiches existantes (cliquez sur un résultat pour l'ajouter)&nbsp;:</p>
<p><input type="text" id="ds-search" value=""/> <span id="ok_search" class="hand_cursor"><b>OK</b></span>
<div id="ds-search-list"></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<button type="submit">Envoyer</button>
</form>
{% endblock %}