{% extends "lightbox/index_layout.html.twig" %}

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

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

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

  {% block icon %}
  <link rel="shortcut icon" type="image/x-icon" href="/assets/lightbox/images/favicon.ico">
  {% endblock %}

{% block content %}
    <div id="main_index" style="margin-top:50px;">
        <table id="main_wrapper" cellspacing="0" cellpadding="0">
            <thead>
                <tr>
                    <th class="title">
                        <h1>{{ 'Validations' | trans }}</h1>
                    </th>
                    <th>
                        <i>{{ 'Voici vos validations en cours' | trans }}</i>
                    </th>
                </tr>
            </thead>
            <tbody>
                {% for basket in baskets_collection %}
                  {% if basket.getValidation() %}
                      {% set basket_length = basket.getElements().count() %}
      <tr>
          <td colspan="2">
              <div class="basket_wrapper ui-corner-all clickable">
                  <table cellspacing="0" cellpadding="0" border="0">
                      <tbody>
                          <tr>
                              <td style="width:170px;">
                                  {% if basket_length > 0%}
                                      {{thumbnail.format(basket.getElements().first().getRecord(app).get_thumbnail, 170, 170, '', true, false)}}
                                  {% endif %}
                              </td>
                              <td style="width:20px;">
                              </td>
                              <td valign="top">
                                  <div class="basket_description">
                                      <table cellspacing="0" cellpadding="0" style="margin:0;width:100%;">
                                          <tr>
                                              <td>
                                                  <h2 class="title15">
                                                      {{basket.getName()|raw}}
                                                  </h2>
                                                  {% if basket.getValidation().isFinished() %}
                                                      {{ '(validation) session terminee' | trans }}
                                                  {% elseif basket.getValidation().getParticipant(app.getAuthenticatedUser()).getIsConfirmed() %}
                                                      {{ '(validation) envoyee' | trans }}
                                                  {% else %}
                                                      {{ '(validation) a envoyer' | trans }}
                                                  {% endif %}
                                              </td>
                                              <td class="right">
                                                  ({% trans with {'%basket_length%' : basket_length} %}%basket_length% documents{% endtrans %})
                                              </td>
                                          </tr>
                                          <tr style="height:20px;">
                                              <td colspan="2"></td>
                                          </tr>
                                          <tr>
                                              <td colspan="2">
                                                  <div>{{ basket.getDescription() }}</div>
                                                  <div>{{ basket.getValidation().getValidationString(app, app.getAuthenticatedUser()) }}</div>
                                              </td>
                                          </tr>
                                      </table>
                                  </div>
                              </td>
                          </tr>
                      </tbody>
                  </table>
                  <input type="hidden" name="ssel_id" value="{{basket.getId()}}"/>
              </div>
          </td>
      </tr>
                  {% endif %}
                {% endfor %}
                <tr>
                    <th class="title">
                        <h1>{{ 'Paniers' | trans }}</h1>
                    </th>
                    <th>
                        <i>{{ 'Voici vos paniers' | trans }}</i>
                    </th>
                </tr>
                {% for basket in baskets_collection %}
                  {% if basket.getValidation is null %}
                      {% set basket_length = basket.getElements().count() %}
      <tr>
          <td colspan="2">
              <div class="basket_wrapper ui-corner-all clickable">
                  <table cellspacing="0" cellpadding="0" border="0">
                      <tbody>
                          <tr>
                              <td style="width:170px;">
                                  {% if basket_length > 0%}
                                      {{thumbnail.format(basket.getElements().first().getRecord(app).get_thumbnail, 170, 170, '', true, false)}}
                                  {% endif %}
                              </td>
                              <td style="width:20px;">
                              </td>
                              <td valign="top">
                                  <div class="basket_description">
                                      <table cellspacing="0" cellpadding="0" style="margin:0;width:100%;">
                                          <tr>
                                              <td>
                                                  <h2 class="title15">
                                                      {{ basket.getName()|raw}}
                                                  </h2>
                                              </td>
                                              <td class="right">
                                                  ({% trans with {'%basket_length%' : basket_length} %}%basket_length% documents{% endtrans %})
                                              </td>
                                          </tr>
                                          <tr style="height:20px;">
                                              <td colspan="2"></td>
                                          </tr>
                                          <tr>
                                              <td colspan="2">
                                                  <div>{{ basket.getDescription() }}</div>
                                              </td>
                                          </tr>
                                      </table>
                                  </div>
                              </td>
                          </tr>
                      </tbody>
                  </table>
                  <input type="hidden" name="ssel_id" value="{{ basket.getId() }}"/>
              </div>
          </td>
      </tr>
                  {% endif %}
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}