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

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

{% block javascript %}
<script type="text/javascript" src="/include/minify/?f=skins/lightbox/jquery.validator.mobile.js"></script>
{% endblock %}

{% block stylesheet %}
  <link rel="stylesheet" href="/include/minify/?f=skins/lightbox/jquery.validator.mobile.css" />
{% endblock %}

{% block content %}
  {% set record = basket_element.getRecord(app) %}
<div data-role="page">
  <div data-role="header">
    <a href="/lightbox/validate/{{basket_element.getId()}}/" data-rel="back" data-icon="arrow-l">Back</a>
    <h1>{{basket_element.getOrd()}} - {{record.get_title()}}</h1>
    <a rel="external" href="/lightbox/" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
  </div>
  <div data-role="content">
    {{ thumbnail.format100percent(record.get_preview(),'', record.get_thumbnail()) }}
    {% if basket_element.getBasket().getValidation() %}
      {% if basket_element.getBasket().getValidation().getParticipant(app['authentication'].getUser(), app).getCanAgree() %}
        <fieldset data-role="controlgroup" data-type="horizontal" style="text-align:center;">
          <input {% if basket_element.getUserValidationDatas(app['authentication'].getUser(), app).getAgreement() == true%}checked="checked"{% endif %} type="radio" name="radio-view" id="radio-view-yes_{{basket_element.getId()}}" value="yes"  />
            <label class="agreement_radio" style="width:130px;text-align:center;" for="radio-view-yes_{{basket_element.getId()}}">{% trans 'validation:: OUI' %}</label>

          <input {% if basket_element.getUserValidationDatas(app['authentication'].getUser(), app).getAgreement() == false and basket_element.getUserValidationDatas(app['authentication'].getUser(), app).getAgreement() is not null %}checked="checked"{% endif %} type="radio" name="radio-view" id="radio-view-no_{{basket_element.getId()}}" value="no"  />
            <label class="agreement_radio" style="width:130px;text-align:center;" for="radio-view-no_{{basket_element.getId()}}">{% trans 'validation:: NON' %}</label>
        </fieldset>
      {% endif %}
      <div style="text-align:center;margin:0 0 1em 0">
        <a href="/lightbox/ajax/NOTE_FORM/{{basket_element.getId()}}/" data-role="button" data-inline="true" data-rel="dialog" data-transition="slidedown">
          {% trans 'validation:: editer ma note' %}
        </a>
      </div>
      <div>
        <ul data-role="listview" id="notes_{{basket_element.getId()}}">
          {% include 'lightbox/sc_note.html.twig' %}
        </ul>
      </div>
    {% endif %}
  </div>
  <div data-role="footer">

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