{% import "common/thumbnail.html.twig" as thumbnail %}

{% extends "common/index.html.twig" %}

{% block javascript %}
  <script type="text/javascript" src="/assets/lightbox/js/lightbox-mobile{% if not app.debug %}.min{% endif %}.js"></script>
{% endblock %}

{% block stylesheet %}
  <link type="text/css" rel="stylesheet" href="/assets/lightbox/css/lightbox-mobile{% if not app.debug %}.min{% endif %}.css" />
{% endblock %}

{% block content %}
<div data-role="page" data-ajax="false" id="note_form_{{basket_element.getId()}}">
  <div data-role="header">
    <h1>{{basket_element.getRecord(app).get_title}} - Note</h1>
  </div>
  <div data-role="content">
    <form action="">
        <textarea class="note_area"
          id="note_area_{{basket_element.getId()}}"
          {% if basket_element.getUserValidationDatas(app.getAuthenticatedUser()).getNote() == '' %}placeholder="Note"{% endif %}>{{basket_element.getUserValidationDatas(app.getAuthenticatedUser()).getNote()}}</textarea>
          <button type="submit" class="note_area_validate">{{ 'boutton::valider' | trans }}</button>
        <input name="sselcont_id" value="{{basket_element.getId()}}" type="hidden"/>
    </form>
  </div>
  <div data-role="footer">

  </div>
</div>
{% endblock %}