templates/front/liseuse-papier/block-option-mobile.html.twig line 1

Open in your IDE?
  1. <div class="col-xl-3 left_liseuse lf_lis">
  2.     <div id="formOptionPapierLiseuse">
  3.         {% if papierCourant.id is defined %}
  4.             <form id="formOptionPapier">
  5.                 <input type="hidden" value="{{ papierCourant.token }}" name="token_cart_detail" id="token_cart_detail">
  6.                 <input type="hidden" value="{{ papierCourant.qty }}" name="qty_total">
  7.                 <input type="hidden" value="{{ papierCourant.qtyColor }}" name="qty_color">
  8.                 <input type="hidden" value="{{ papierCourant.qtyNoir }}" name="qty_noir">
  9.                 <input type="hidden" value="{{ papierCourant.product.id }}" name="product_id">
  10.                 <input type="hidden" value="{{ arrayRegleReluire }}" id="arrayRegleReluire">
  11.                 <div class="step1ParametreLiseuse" style="display: none">
  12.                     <div class="text_doc">
  13.                         {% if papierCourant %}
  14.                             <h3  class="mtitreLiseuse titre_doc mt-3">{{ papierCourant.filePapierName }}</h3>
  15.                             <p  class="mtitreLiseuse mb-2">{{ 'Nous avons détecté' | trans({}, "productTranslate") }} <strong>{{ papierCourant.qtyColor }} </strong> {{ 'page' | trans({}, "productTranslate") }}{% if papierCourant.qtyColor > 1 %}s{% endif %}  {{ 'en couleur et' | trans({}, "productTranslate") }}  <strong>{{ papierCourant.qtyNoir }} </strong> {{ 'page' | trans({}, "productTranslate") }}{% if papierCourant.qtyNoir > 1 %}s{% endif %} {{ 'en noir et blanc' | trans({}, "productTranslate") }} </p>
  16.                         {% endif %}
  17.                         <p class="trait_liseuse"></p>
  18.                     </div>
  19.                     <h3 class="text-center">{{ 'Je souhaite recevoir aujourd’hui des' | trans({}, "productTranslate") }} :</h3>
  20.                     <div class="d-flex bx_global_radio taille_full">
  21.                         <div class="taille tailleSelect">
  22.                             <input type="radio" name="souhaite_str" class="souhaite_str" id="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_DOC') }}" {% if papierCourant.souhaiteStr ==  constant('App\\Entity\\CartDetail::SOUHAITE_DOC')%}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::SOUHAITE_DOC') }}">
  23.                             <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_DOC') }}" class="block taille ">{{ 'Impressions non reliées' | trans({}, "productTranslate") }}</label>
  24.                         </div>
  25.                         <div class="taille  tailleSelect">
  26.                             <input type="radio" name="souhaite_str"  class="souhaite_str" id="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_BROCHURE') }}" {% if papierCourant.souhaiteStr ==  constant('App\\Entity\\CartDetail::SOUHAITE_BROCHURE')%}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::SOUHAITE_BROCHURE') }}">
  27.                             <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_BROCHURE') }}" class="block taille">{{ 'Brochures & documents reliés' | trans({}, "productTranslate") }}</label>
  28.                         </div>
  29.                         <div class="taille tailleSelect">
  30.                             <input type="radio" name="souhaite_str"  class="souhaite_str" id="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_lIVRES') }}" {% if papierCourant.souhaiteStr ==  constant('App\\Entity\\CartDetail::SOUHAITE_lIVRES')%}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::SOUHAITE_lIVRES') }}">
  31.                             <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_lIVRES') }}" class="block taille">{{ 'Livres' | trans({}, "productTranslate") }}</label>
  32.                         </div>
  33.                         <div class="taille tailleSelect">
  34.                             <input type="radio" name="souhaite_str"  class="souhaite_str" id="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_CATALOGES') }}" {% if papierCourant.souhaiteStr ==  constant('App\\Entity\\CartDetail::SOUHAITE_CATALOGES')%}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::SOUHAITE_CATALOGES') }}">
  35.                             <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_CATALOGES') }}" class="block taille">{{ 'Catalogues' | trans({}, "productTranslate") }}</label>
  36.                         </div>
  37.                         <div class="taille tailleSelect">
  38.                             <input type="radio" name="souhaite_str"  class="souhaite_str" id="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_LIVRETS') }}" {% if papierCourant.souhaiteStr ==  constant('App\\Entity\\CartDetail::SOUHAITE_LIVRETS')%}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::SOUHAITE_LIVRETS') }}">
  39.                             <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_LIVRETS') }}" class="block taille">{{ 'Livrets & magasines' | trans({}, "productTranslate") }}</label>
  40.                         </div>
  41.                         <div class="taille tailleSelect">
  42.                             <input type="radio" name="souhaite_str"  class="souhaite_str" id="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_RAPORT') }}" {% if papierCourant.souhaiteStr ==  constant('App\\Entity\\CartDetail::SOUHAITE_RAPORT')%}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::SOUHAITE_RAPORT') }}">
  43.                             <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_RAPORT') }}" class="block taille">{{ 'Rapports & thèses' | trans({}, "productTranslate") }}</label>
  44.                         </div>
  45.                     </div>
  46.                     <h3 class="text-center">{{ 'Paramètres d’impression' | trans({}, "productTranslate") }}</h3>
  47.                     {% if attrsFormat %}
  48.                         <div class="d-flex bx_global_radio taille_full">
  49.                             {% for item in attrsFormat %}
  50.                                 {% if item.typeFormat  !=  constant('App\\Entity\\Attribut::TYPE_FORMAT_A6') %}
  51.                                     <div class="taille tailleSelect">
  52.                                         <input type="radio" data-format-type="{{ item.typeFormat }}" name="format" id="format{{ item.id }}" value="{{ item.id }}" {% if papierCourant.productAttribute.format.id == item.id %} checked="checked" {% endif %}>
  53.                                         <label for="format{{ item.id }}" class="block taille{% if loop.last %}4{% else %}1{% endif %}">{{ item.name | trans({}, "productTranslate") }}</label>
  54.                                     </div>
  55.                                 {% endif %}
  56.                             {% endfor %}
  57.                         </div>
  58.                     {% endif %}
  59.                     {% if accCouleur %}
  60.                         <div class="d-flex bx_global_radio">
  61.                             {% for item in accCouleur %}
  62.                                 <div class="taille tailleSelect">
  63.                                     <input type="radio" name="couleur" id="couleur{{ item.id }}" value="{{ item.id }}"
  64.                                             {% if papierCourant.cartDetailAccessoire is defined %}
  65.                                                 {%  if checkColor(papierCourant.cartDetailAccessoire,item.id ) %}
  66.                                                     checked="checked"
  67.                                                 {% endif %}
  68.                                             {% endif %}
  69.                                     >
  70.                                     <label for="couleur{{ item.id }}" class="block taille5">{{ item.name | trans({}, "productTranslate") }}</label>
  71.                                 </div>
  72.                             {% endfor %}
  73.                         </div>
  74.                     {% endif %}
  75.                     <div class="d-flex bx_global_radio">
  76.                         <div class="taille tailleSelect">
  77.                             <input type="radio" name="rectoverso" id="recto"
  78.                                    value="{{ constant('App\\Entity\\ProductAttribute::RECTO') }}" {% if papierCourant.productAttribute.rectoverso == constant('App\\Entity\\ProductAttribute::RECTO') %} checked="checked" {% endif %}>
  79.                             <label for="recto" class="block taille5">{{ 'Recto' | trans({}, "productTranslate") }}</label>
  80.                         </div>
  81.                         <div class="taille tailleSelect">
  82.                             <input type="radio" name="rectoverso" id="rectoverso"
  83.                                    value="{{ constant('App\\Entity\\ProductAttribute::VERSO') }}" {% if papierCourant.productAttribute.rectoverso == constant('App\\Entity\\ProductAttribute::VERSO') %} checked="checked" {% endif %}>
  84.                             <label for="rectoverso" class="block taille6">{{ 'Recto & Verso' | trans({}, "productTranslate") }}</label>
  85.                         </div>
  86.                     </div>
  87.                     <div class="d-flex">
  88.                         <a id="step1NumParametreLiseuse">1/5</a>
  89.                         <a id="step1BackParametreLiseuse" class="btn_back_liseuse_mobile" href="#">
  90.                             <div class="livicon-evo"
  91.                                  data-options="name: chevron-left.svg; style: lines;size: 45px;strokeColor: #fff;strokeColorAction: #fff;repeat:loop;colorsOnHover: custom"></div>
  92.                         </a>
  93.                         <a href="#" id="step1ParametreLiseuse" class="btn_liseuse_mobile">{{ 'Suivant' | trans({}, "productTranslate") }}</a>
  94.                         <a id="step1NextParametreLiseuse"  class="btn_next_liseuse_mobile" href="#">
  95.                             <div class="livicon-evo"
  96.                                  data-options="name: chevron-right.svg; style: lines;size: 45px;strokeColor: #fff;strokeColorAction: #fff;repeat:loop;colorsOnHover: custom"></div>
  97.                         </a>
  98.                     </div>
  99.                 </div>
  100.                 <div class="step2ParametreLiseuse " style="display: none">
  101.                     <div class="text_doc">
  102.                         {% if papierCourant %}
  103.                             <h3  class="mtitreLiseuse titre_doc mt-3">{{ papierCourant.filePapierName }}</h3>
  104.                             <p  class="mtitreLiseuse mb-2">Nous avons détecté <strong>{{ papierCourant.qtyColor }} </strong> page{% if papierCourant.qtyColor > 1 %}s{% endif %}  en couleur et  <strong>{{ papierCourant.qtyNoir }} </strong> page{% if papierCourant.qtyNoir > 1 %}s{% endif %} en noir et blanc </p>
  105.                         {% endif %}
  106.                         <p class="trait_liseuse"></p>
  107.                     </div>
  108.                     <div class="d-flex bx_global_radio">
  109.                         <div class="taille tailleSelect">
  110.                             <input type="radio" name="isReluire" id="relie" value="1" {% if papierCourant.isReluire == true %}checked="checked"{% endif %}>
  111.                             <label for="relie" class="block taille5">{{ 'Relié' | trans({}, "productTranslate") }}</label>
  112.                         </div>
  113.                         <div class="taille tailleSelect">
  114.                             <input type="radio" name="isReluire" id="non-relie" value="0" {% if papierCourant.isReluire == false %}checked="checked"{% endif %}>
  115.                             <label for="non-relie" class="block taille6">{{ 'Non relié' | trans({}, "productTranslate") }} </label>
  116.                         </div>
  117.                     </div>
  118.                     {#/ si doc rectoverso et non relie/#}
  119.                     <div class="mt-3 docRectoversoGrandPetitCote " style="{% if papierCourant.petitCote == true or papierCourant.grandCote == true %}{% else %}display: none!important;{% endif %}">
  120.                         <div class="d-flex position-relative bx_global_radio bx1 rounded-0 border-0 mt-0 coteBlock displayNone">
  121.                             <div class="taille tailleSelect petit_cote_img" style="margin-right: 20px;width: 45%!important;">
  122.                                 <input type="radio"  class="coteNameDoc" name="coteDoc" id="petitCoteDoc" value="petitCoteDoc" {% if papierCourant.petitCote == true %}checked="checked"{% endif %}>
  123.                                 <label for="petitCoteDoc" class=" block taille8" style="height: 65%!important;">{{ 'Petit côté' | trans({}, "productTranslate") }} </label>
  124.                             </div>
  125.                             <div class="taille tailleSelect grand_cote_img" style="width: 45%!important;">
  126.                                 <input type="radio"  class="coteNamDoce" name="coteDoc" id="grandCoteDoc" value="grandCoteDoc" {% if papierCourant.grandCote == true %}checked="checked"{% endif %}>
  127.                                 <label for="grandCoteDoc" class=" block taille8 border-0 "  style="height: 65%!important;">{{ 'Grand côté' | trans({}, "productTranslate") }} </label>
  128.                             </div>
  129.                         </div>
  130.                     </div>
  131.                     {% if accReluire %}
  132.                         <div class="position-relative">
  133.                             <div class="abs_relie bx_global_radio rounded-0 border-0 mt-0" id="accReluire" style="position: initial; {% if papierCourant.isReluire == false %} display: none {% endif %}">
  134.                                {% for item in  accReluire %}
  135.                                     {% if item.isDosCarre  == true  %}
  136.                                         {% set isCarreColle = true %}
  137.                                     {% else %}
  138.                                         {% set isCarreColle = false %}
  139.                                     {% endif %}
  141.                                     {% if item.papierCovertureMat  == true or item.papierCovertureBrillant  == true  %}
  142.                                         {% set isPapierCouverture = true %}
  143.                                     {% else %}
  144.                                         {% set isPapierCouverture = false %}
  145.                                     {% endif %}
  147.                                     {% if item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_TERMO') %}
  148.                                         {% set classReluireVer = 'ver_termo'  %}
  149.                                         {% set classReluireHorz = 'horz_termo'  %}
  150.                                     {% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_PLASTIQUE') %}
  151.                                         {% set classReluireVer = 'ver_plastique'  %}
  152.                                         {% set classReluireHorz = 'horz_plastique'  %}
  153.                                     {% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_METALIQUE') %}
  154.                                         {% set classReluireVer = 'ver_metalique'  %}
  155.                                         {% set classReluireHorz = 'horz_metalique'  %}
  156.                                     {% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_GRAF') %}
  157.                                         {% set classReluireVer = 'ver_graf'  %}
  158.                                         {% set classReluireHorz = 'horz_graf'  %}
  159.                                     {% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_POINT_METAL') %}
  160.                                         {% set classReluireVer = 'ver_point_metal'  %}
  161.                                         {% set classReluireHorz = 'horz_point_metal'  %}
  162.                                     {% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_DOS_PIQUEE') %}
  163.                                         {% set classReluireVer = 'ver_point_metal'  %}
  164.                                         {% set classReluireHorz = 'horz_point_metal'  %}
  165.                                     {% else %}
  166.                                         {% set classReluireVer = ''  %}
  167.                                         {% set classReluireHorz = ''  %}
  168.                                     {% endif %}
  170.                                     <div class="taille border-bottom border-dark" {% if isCarreColle %}data-toggle="tooltip" data-original-title="{{ 'Généralement utilisé pour les catalogues et les livrets' | trans({}, "productTranslate") }}"{% endif %}>
  171.                                         <input type="radio" name="reluire" id="reluire{{ item.id }}" data-type-reluire="{{ item.typeReluire }}" class="reluireName" data-carre-colle="{% if isCarreColle %}1{% else %}0{% endif %}"
  172.                                                value="{{ item.id }}"
  173.                                                 {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id ==  item.id %}
  174.                                             checked="checked"
  175.                                                 {% endif %}>
  176.                                         <label for="reluire{{ item.id }}" class="block taille7">
  177.                                             {{ item.name | trans({}, "productTranslate") }}
  178.                                             <span class="textAccQuoi textAccQuoiColorGris" style=""><a style="text-decoration: none;" href="/{{ item.pathPage }}" target="_blank"> {{ "c\'est quoi ?" | trans({}, "productTranslate") }}</a></span>
  179.                                             {% if isCarreColle %}<span style="font-size: 11px;">({{ 'Livrets, livres & catalogues' | trans({}, "productTranslate") }})</span> {% endif %}
  180.                                             <span style="clear: both;"></span>
  181.                                         </label>
  182.                                     </div>
  183.                                     {#option reluire #}
  184.                                     {% set displayColorR = false %}
  185.                                     <div class="reluire{{ item.id }} reluireBlock displayNone" style="
  186.                                     {% if papierCourant.isReluire and getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote)  %}
  187.                                         {% set displayColorD = true %}
  188.                                     {% else %}
  189.                                             display: none
  190.                                     {% endif %}
  191.                                             ">
  192.                                         {% if item.imageReluire2 %}
  193.                                             <div>
  194.                                                 <a href="{{ asset('/imageSite/'~item.imageReluire2) }}" data-lightbox="image" data-title=""><img style="    width: 100%; padding: 15px;text-align: center; max-height: 180px;" src="{{ asset('/imageSite/'~item.imageReluire2) }}" ></a>
  195.                                             </div>
  196.                                         {% endif %}
  197.                                         {% if item.petitCote  == true or item.grandCote  == true  %}
  198.                                             {% if isPapierCouverture  == true  %}
  199.                                                 <div class="d-flex position-relative bx_global_radio bx1 rounded-0 border-0 mt-0 coteBlock displayNone"
  200.                                                      style="display: none">
  201.                                                     {#<div class="taille {{ classReluireHorz }} {% if isCarreColle  == true  %}horz1{% endif %}">#}
  202.                                                     {#<input type="radio"  data-carre-colle="{% if isCarreColle == true %}1{% else %}0{% endif %}" class="coteName" name="cote" id="petitCote{{ item.id }}" value="petitCote" {% if item.petitCote == false %} disabled {% endif %}#}
  203.                                                     {#{% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).petitCote  %}#}
  204.                                                     {#checked="checked"#}
  205.                                                     {#{% endif %}#}
  206.                                                     {#>#}
  207.                                                     {#<label for="petitCote{{ item.id }}" {% if item.petitCote  == false %} disabled {% endif %}class=" block taille8">Petit côté </label>#}
  208.                                                     {#</div>#}
  209.                                                     <div style="width: 100%;" class="taille {{ classReluireVer }} {% if isCarreColle  == true  %}ver1{% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_POINT_METAL') %}ver3{% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_DOS_PIQUEE') %}ver5{% else %}{% endif %}">
  210.                                                         <input type="radio"
  211.                                                                data-carre-colle="{% if isCarreColle == true %}1{% else %}{% if item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_POINT_METAL') %}2{% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_DOS_PIQUEE') %}3{% else %}0{% endif %}{% endif %}" class="coteName" name="cote" id="grandCote{{ item.id }}" value="grandCote" {% if item.grandCote == false %} disabled {% endif %}
  212.                                                                 {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).grandCote  %}
  213.                                                                     checked="checked"
  214.                                                                 {% endif %}
  215.                                                         >
  216.                                                         <label style="width: 100%;" for="grandCote{{ item.id }}" {% if item.grandCote  == false %} disabled {% endif %}
  217.                                                                class=" block taille8 border-0">{{ 'Grand côté' | trans({}, "productTranslate") }} </label>
  218.                                                     </div>
  219.                                                 </div>
  220.                                             {% else %}
  221.                                                 <div class="d-flex position-relative bx_global_radio bx1 rounded-0 border-0 mt-0 coteBlock displayNone"
  222.                                                      style="display: none">
  223.                                                     <div class="taille {{ classReluireHorz }} {% if isCarreColle  == true  %}horz1{% endif %}">
  224.                                                         <input type="radio"  data-carre-colle="{% if isCarreColle == true %}1{% else %}0{% endif %}" class="coteName" name="cote" id="petitCote{{ item.id }}" value="petitCote" {% if item.petitCote == false %} disabled {% endif %}
  225.                                                                 {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).petitCote  %}
  226.                                                                     checked="checked"
  227.                                                                 {% endif %}
  228.                                                         >
  229.                                                         <label for="petitCote{{ item.id }}" {% if item.petitCote  == false %} disabled {% endif %}class=" block taille8">{{ 'Petit côté' | trans({}, "productTranslate") }} </label>
  230.                                                     </div>
  231.                                                     <div class="taille {{ classReluireVer }} {% if isCarreColle  == true  %}ver1{% endif %}">
  232.                                                         <input type="radio" data-carre-colle="{% if isCarreColle == true %}1{% else %}0{% endif %}" class="coteName" name="cote" id="grandCote{{ item.id }}" value="grandCote" {% if item.grandCote == false %} disabled {% endif %}
  233.                                                                 {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).grandCote  %}
  234.                                                                     checked="checked"
  235.                                                                 {% endif %}
  236.                                                         >
  237.                                                         <label for="grandCote{{ item.id }}" {% if item.grandCote  == false %} disabled {% endif %}
  238.                                                                class=" block taille8 border-0">{{ 'Grand côté' | trans({}, "productTranslate") }} </label>
  239.                                                     </div>
  240.                                                 </div>
  241.                                             {% endif %}
  242.                                         {% endif %}
  243.                                         {% if isPapierCouverture  == true  %}
  244.                                             {% if item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_POINT_METAL') or item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_DOS_PIQUEE') %}
  245.                                                 <div class="taille border-bottom border-top border-dark couverturePapierBlock"  style="
  246.                                                         width: 100%!important;text-align: center;
  247.                                                 {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) %}
  249.                                                 {% else %}
  250.                                                         display: none
  251.                                                 {% endif %}
  252.                                                         ">
  253.                                                     <h4 style="margin: 15px 0;margin-bottom: 25px;display: block;text-align: center;color: #969696;">{{ 'Papier de couverture' | trans({}, "productTranslate") }}</h4>
  254.                                                 </div>
  255.                                                 <div class="
  256.                                              {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) %}
  257.                                                      d-flex
  258.                                              {% endif %}
  260.                                          position-relative bx_global_radio bx1 rounded-0 border-0 mt-0 couverturePapierBlock displayNone"
  261.                                                      style="
  262.                                                      {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) %}
  264.                                                      {% else %}
  265.                                                              display: none
  266.                                                      {% endif %}
  267.                                                              ">
  268.                                                     <div {% if item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_POINT_METAL') %}id="papierCoverture3" class="taille  horz4" {% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_DOS_PIQUEE') %}id="papierCoverture5" class="taille  horz6" {% endif %}>
  269.                                                         <input type="radio" class="papierCovertureName" name="papierCoverture" id="papierCovertureMat{{ item.id }}" value="papierCovertureMat" {% if item.papierCovertureMat == false %} disabled {% endif %}
  270.                                                                 {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).papierCovertureMat  %}
  271.                                                                     checked="checked"
  272.                                                                 {% endif %}
  273.                                                         >
  274.                                                         <label style="font-size: 13px;text-align: center;padding-top: 84px!important;" for="papierCovertureMat{{ item.id }}" {% if item.petitCote  == false %} disabled {% endif %}class=" block taille8">{{ 'Papier Mat 160g' | trans({}, "productTranslate") }}</label>
  275.                                                     </div>
  276.                                                     <div {% if item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_POINT_METAL') %} id="papierCoverture4" class="taille ver4"{% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_DOS_PIQUEE') %} id="papierCoverture6" class="taille ver6"{% endif %} >
  277.                                                         <input type="radio" class="papierCovertureName" name="papierCoverture" id="papierCovertureBrillant{{ item.id }}" value="papierCovertureBrillant" {% if item.papierCovertureBrillant == false %} disabled {% endif %}
  278.                                                                 {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).papierCovertureBrillant  %}
  279.                                                                     checked="checked"
  280.                                                                 {% endif %}
  281.                                                         >
  282.                                                         <label style="font-size: 13px;min-width: 100px;text-align: center;padding-top: 84px!important;" for="papierCovertureBrillant{{ item.id }}" {% if item.papierCovertureBrillant  == false %} disabled {% endif %}
  283.                                                                class=" block taille8 border-0">{{ 'Papier Brillant 160g' | trans({}, "productTranslate") }} </label>
  284.                                                     </div>
  285.                                                 </div>
  286.                                             {% else %}
  287.                                                 <div class="taille border-bottom border-top border-dark couverturePapierBlock" data-toggle="tooltip" data-original-title="Par défaut, la première et dernière page de votre PDF seront imprimées sur du papier 300g semi souple" style="
  288.                                                         width: 100%!important;text-align: center;
  289.                                                 {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) %}
  291.                                                 {% else %}
  292.                                                         display: none
  293.                                                 {% endif %}
  294.                                                         ">
  295.                                                     {#<div class="titreCouvertureOption block taille7">Papier de couverture</div>#}
  296.                                                     <h4 style="margin: 15px 0;margin-bottom: 25px;display: block;text-align: center;color: #969696;">{{ 'Papier de couverture' | trans({}, "productTranslate") }}</h4>
  297.                                                 </div>
  298.                                                 <div class="
  299.                                          {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) %}
  300.                                                  d-flex
  301.                                          {% endif %}
  303.                                      position-relative bx_global_radio bx1 rounded-0 border-0 mt-0 couverturePapierBlock displayNone"
  304.                                                      style="
  305.                                                      {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) %}
  307.                                                      {% else %}
  308.                                                              display: none
  309.                                                      {% endif %}
  310.                                                              ">
  311.                                                     <div id="papierCoverture1" class="taille  horz2">
  312.                                                         <input type="radio" class="papierCovertureName" name="papierCoverture" id="papierCovertureMat{{ item.id }}" value="papierCovertureMat" {% if item.papierCovertureMat == false %} disabled {% endif %}
  313.                                                                 {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).papierCovertureMat  %}
  314.                                                                     checked="checked"
  315.                                                                 {% endif %}
  316.                                                         >
  317.                                                         <label style="font-size: 13px;text-align: center;padding-top: 84px!important;" for="papierCovertureMat{{ item.id }}" {% if item.petitCote  == false %} disabled {% endif %}class=" block taille8">{{ 'Papier 300G Mat' | trans({}, "productTranslate") }}</label>
  318.                                                     </div>
  319.                                                     <div id="papierCoverture2" class="taille ver2">
  320.                                                         <input type="radio" class="papierCovertureName" name="papierCoverture" id="papierCovertureBrillant{{ item.id }}" value="papierCovertureBrillant" {% if item.papierCovertureBrillant == false %} disabled {% endif %}
  321.                                                                 {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).papierCovertureBrillant  %}
  322.                                                                     checked="checked"
  323.                                                                 {% endif %}
  324.                                                         >
  325.                                                         <label style="font-size: 13px;min-width: 100px;text-align: center;padding-top: 84px!important;" for="papierCovertureBrillant{{ item.id }}" {% if item.papierCovertureBrillant  == false %} disabled {% endif %}
  326.                                                                class=" block taille8 border-0">{{ 'Papier 300G brillant' | trans({}, "productTranslate") }} </label>
  327.                                                     </div>
  328.                                                 </div>
  329.                                             {% endif %}
  330.                                         {% endif %}
  331.                                         {% if getValByJson(item.couleurDos)|length > 0 %}
  332.                                             <div class="bx_global_radio reluireColorD color_box border-bottom border-dark rounded-0 mt-0 colorDosBlock displayNone"
  333.                                                  style="
  334.                                                  {% if isPapierCouverture  == true  %}
  335.                                                      {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) and (getAccessoireReluire(papierCourant.id).papierCovertureBrillant or getAccessoireReluire(papierCourant.id).papierCovertureMat)  %}
  337.                                                      {% else %}
  338.                                                              display: none;
  339.                                                      {% endif %}
  340.                                                  {% else %}
  341.                                                      {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote)  %}
  343.                                                      {% else %}
  344.                                                              display: none;
  345.                                                      {% endif %}
  346.                                                  {% endif %}
  347.                                                          ">
  348.                                                 <h4>{{ 'Couleur dos cartonné' | trans({}, "productTranslate") }}</h4>
  349.                                                 <div class="d-flex pl-3 pr-3 justify-content-center">
  350.                                                     {% if getValByJson(item.couleurDos,'colorBlackDos') %}
  351.                                                         <div class="taille noir">
  352.                                                             <input type="radio" name="couleurDos" class="couleurDos colorBox" id="noir_{{ item.id }}"
  353.                                                                     {% if displayColorD(papierCourant.id,item.id,'colorBlackDos') %}
  354.                                                                         checked="checked"
  355.                                                                         {% set displayColorR = true %}
  356.                                                                     {% endif %}
  357.                                                                    value="colorBlackDos">
  358.                                                             <label for="noir_{{ item.id }}" class=" block taille9" title="{{ 'noir' | trans({}, "productTranslate") }}">{{ 'Noir' | trans({}, "productTranslate") }}</label>
  359.                                                         </div>
  360.                                                     {% endif %}
  361.                                                     {% if getValByJson(item.couleurDos,'colorBlancDos') %}
  362.                                                         <div class="taille blanc">
  363.                                                             <input type="radio" name="couleurDos" class="couleurDos colorBox" id="blanc_{{ item.id }}"
  364.                                                                     {% if displayColorD(papierCourant.id,item.id,'colorBlancDos') %}
  365.                                                                         checked="checked"
  366.                                                                         {% set displayColorR = true %}
  367.                                                                     {% endif %}
  368.                                                                    value="colorBlancDos">
  369.                                                             <label for="blanc_{{ item.id }}" class=" block taille9" title="{{ 'blanc' | trans({}, "productTranslate") }}">{{ 'blanc' | trans({}, "productTranslate") }}</label>
  370.                                                         </div>
  371.                                                     {% endif %}
  372.                                                     {% if getValByJson(item.couleurDos,'colorBlueDos') %}
  373.                                                         <div class="taille bleu">
  374.                                                             <input type="radio" name="couleurDos" class="couleurDos colorBox" id="bleu_{{ item.id }}"
  375.                                                                     {% if displayColorD(papierCourant.id,item.id,'colorBlueDos') %}
  376.                                                                         checked="checked"
  377.                                                                         {% set displayColorR = true %}
  378.                                                                     {% endif %}
  379.                                                                    value="colorBlueDos">
  380.                                                             <label for="bleu_{{ item.id }}" class=" block taille9" title="{{ 'Bleu' | trans({}, "productTranslate") }}">{{ 'Bleu' | trans({}, "productTranslate") }}</label>
  381.                                                         </div>
  382.                                                     {% endif %}
  383.                                                     {% if getValByJson(item.couleurDos,'colorGreenDos') %}
  384.                                                         <div class="taille vert">
  385.                                                             <input type="radio" name="couleurDos" class="couleurDos colorBox" id="vert_{{ item.id }}"
  386.                                                                     {% if displayColorD(papierCourant.id,item.id,'colorGreenDos') %}
  387.                                                                         checked="checked"
  388.                                                                         {% set displayColorR = true %}
  389.                                                                     {% endif %}
  390.                                                                    value="colorGreenDos">
  391.                                                             <label for="vert_{{ item.id }}" class=" block taille9" title="{{ 'Vert' | trans({}, "productTranslate") }}">{{ 'Vert' | trans({}, "productTranslate") }}</label>
  392.                                                         </div>
  393.                                                     {% endif %}
  394.                                                     {% if getValByJson(item.couleurDos,'colorRedDos') %}
  395.                                                         <div class="taille rouge">
  396.                                                             <input type="radio" name="couleurDos" class="couleurDos colorBox" id="rouge_{{ item.id }}"
  397.                                                                     {% if displayColorD(papierCourant.id,item.id,'colorRedDos') %}
  398.                                                                         checked="checked"
  399.                                                                         {% set displayColorR = true %}
  400.                                                                     {% endif %}
  401.                                                                    value="colorRedDos">
  402.                                                             <label for="rouge_{{ item.id }}" class=" block taille9" title="{{ 'Rouge' | trans({}, "productTranslate") }}">{{ 'Rouge' | trans({}, "productTranslate") }}</label>
  403.                                                         </div>
  404.                                                     {% endif %}
  405.                                                     {% if getValByJson(item.couleurDos,'colorYellowDos') %}
  406.                                                         <div class="taille jaune">
  407.                                                             <input type="radio" name="couleurDos" class="couleurDos colorBox" id="jaune_{{ item.id }}"
  408.                                                                     {% if displayColorD(papierCourant.id,item.id,'colorYellowDos') %}
  409.                                                                         checked="checked"
  410.                                                                         {% set displayColorR = true %}
  411.                                                                     {% endif %}
  412.                                                                    value="colorYellowDos">
  413.                                                             <label for="jaune_{{ item.id }}" class=" block taille9" title="{{ 'Jaune' | trans({}, "productTranslate") }}">{{ 'Jaune' | trans({}, "productTranslate") }}</label>
  414.                                                         </div>
  415.                                                     {% endif %}
  416.                                                     {% if getValByJson(item.couleurDos,'colorTransDos') %}
  417.                                                         <div class="taille transparent">
  418.                                                             <input type="radio" name="couleurDos" class="couleurDos colorBox" id="trans_{{ item.id }}"
  419.                                                                     {% if displayColorD(papierCourant.id,item.id,'colorTransDos') %}
  420.                                                                         checked="checked"
  421.                                                                         {% set displayColorR = true %}
  422.                                                                     {% endif %}
  423.                                                                    value="colorTransDos">
  424.                                                             <label for="trans_{{ item.id }}" class=" block taille9"
  425.                                                                    title="{{ 'Transparent' | trans({}, "productTranslate") }}">{{ 'Transparent' | trans({}, "productTranslate") }}</label>
  426.                                                         </div>
  427.                                                     {% endif %}
  428.                                                 </div>
  429.                                             </div>
  430.                                         {% endif %}
  431.                                         {% if getValByJson(item.couleur)|length > 0 %}
  432.                                             <div class="bx_global_radio reluireColorR color_box  rounded-0 border-bottom border-dark border-top-0 mt-0 colorBlock displayNone"
  433.                                                  style="
  434.                                                  {% if isCarreColle  == true  %}
  435.                                                      {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) and displayColorR  and (getAccessoireReluire(papierCourant.id).papierCovertureBrillant or getAccessoireReluire(papierCourant.id).papierCovertureMat) %}
  437.                                                      {% else %}
  438.                                                              display: none;
  439.                                                      {% endif %}
  440.                                                  {% else %}
  441.                                                      {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) and displayColorR  %}
  443.                                                      {% else %}
  444.                                                              display: none;
  445.                                                      {% endif %}
  446.                                                  {% endif %}
  447.                                                          ">
  448.                                                 <h4>Couleur {{ item.name }}</h4>
  449.                                                 <div class="d-flex pl-3 pr-3 justify-content-center">
  450.                                                     {% if getValByJson(item.couleur,'colorBlackR') %}
  451.                                                         <div class="taille noir">
  452.                                                             <input type="radio" name="couleurR" class="couleurR colorBox" id="noir_select_{{ item.id }}"
  453.                                                                     {% if displayColorR(papierCourant.id,item.id,'colorBlackR') %}
  454.                                                                         checked="checked"
  455.                                                                     {% endif %}
  456.                                                                    value="colorBlackR">
  457.                                                             <label for="noir_select_{{ item.id }}" class=" block taille9"
  458.                                                                    title="{{ 'Noir' | trans({}, "productTranslate") }}">{{ 'Noir' | trans({}, "productTranslate") }}</label>
  459.                                                         </div>
  460.                                                     {% endif %}
  461.                                                     {% if getValByJson(item.couleur,'colorBlancR') %}
  462.                                                         <div class="taille blanc">
  463.                                                             <input type="radio" name="couleurR" class="couleurR colorBox" id="blanc_select_{{ item.id }}"
  464.                                                                     {% if displayColorR(papierCourant.id,item.id,'colorBlancR') %}
  465.                                                                         checked="checked"
  466.                                                                     {% endif %}
  467.                                                                    value="colorBlancR">
  468.                                                             <label for="blanc_select_{{ item.id }}" class=" block taille9"
  469.                                                                    title="{{ 'blanc' | trans({}, "productTranslate") }}">{{ 'blanc' | trans({}, "productTranslate") }}</label>
  470.                                                         </div>
  471.                                                     {% endif %}
  472.                                                     {% if getValByJson(item.couleur,'colorBlueR') %}
  473.                                                         <div class="taille bleu">
  474.                                                             <input type="radio" name="couleurR" class="couleurR colorBox" id="bleu_select_{{ item.id }}"
  475.                                                                     {% if displayColorR(papierCourant.id,item.id,'colorBlueR') %}
  476.                                                                         checked="checked"
  477.                                                                     {% endif %}
  478.                                                                    value="colorBlueR">
  479.                                                             <label for="bleu_select_{{ item.id }}" class=" block taille9"
  480.                                                                    title="{{ 'Bleu' | trans({}, "productTranslate") }}">{{ 'Bleu' | trans({}, "productTranslate") }}</label>
  481.                                                         </div>
  482.                                                     {% endif %}
  483.                                                     {% if getValByJson(item.couleur,'colorGreenR') %}
  484.                                                         <div class="taille vert">
  485.                                                             <input type="radio" name="couleurR" class="couleurR colorBox" id="vert_select_{{ item.id }}"
  486.                                                                     {% if displayColorR(papierCourant.id,item.id,'colorGreenR') %}
  487.                                                                         checked="checked"
  488.                                                                     {% endif %}
  489.                                                                    value="colorGreenR">
  490.                                                             <label for="vert_select_{{ item.id }}" class=" block taille9"
  491.                                                                    title="{{ 'Vert' | trans({}, "productTranslate") }}">{{ 'Vert' | trans({}, "productTranslate") }}</label>
  492.                                                         </div>
  493.                                                     {% endif %}
  494.                                                     {% if getValByJson(item.couleur,'colorRedR') %}
  495.                                                         <div class="taille rouge">
  496.                                                             <input type="radio" name="couleurR" class="couleurR colorBox" id="rouge_select_{{ item.id }}"
  497.                                                                     {% if displayColorR(papierCourant.id,item.id,'colorRedR') %}
  498.                                                                         checked="checked"
  499.                                                                     {% endif %}
  500.                                                                    value="colorRedR">
  501.                                                             <label for="rouge_select_{{ item.id }}" class=" block taille9"
  502.                                                                    title="{{ 'Rouge' | trans({}, "productTranslate") }}">{{ 'Rouge' | trans({}, "productTranslate") }}</label>
  503.                                                         </div>
  504.                                                     {% endif %}
  505.                                                     {% if getValByJson(item.couleur,'colorYellowR') %}
  506.                                                         <div class="taille jaune">
  507.                                                             <input type="radio" name="couleurR" class="couleurR colorBox" id="jaune_select_{{ item.id }}"
  508.                                                                     {% if displayColorR(papierCourant.id,item.id,'colorYellowR') %}
  509.                                                                         checked="checked"
  510.                                                                     {% endif %}
  511.                                                                    value="colorYellowR">
  512.                                                             <label for="jaune_select_{{ item.id }}" class=" block taille9"
  513.                                                                    title="{{ 'Jaune' | trans({}, "productTranslate") }}">{{ 'Jaune' | trans({}, "productTranslate") }}</label>
  514.                                                         </div>
  515.                                                     {% endif %}
  516.                                                     {% if getValByJson(item.couleur,'colorTransR') %}
  517.                                                         <div class="taille transparent">
  518.                                                             <input type="radio" name="couleurR" class="couleurR colorBox" id="trans_select_{{ item.id }}"
  519.                                                                     {% if displayColorR(papierCourant.id,item.id,'colorTransR') %}
  520.                                                                         checked="checked"
  521.                                                                     {% endif %}
  522.                                                                    value="colorTransR">
  523.                                                             <label for="trans_select_{{ item.id }}" class=" block taille9"
  524.                                                                    title="{{ 'Transparent' | trans({}, "productTranslate") }}">{{ 'Transparent' | trans({}, "productTranslate") }}</label>
  525.                                                         </div>
  526.                                                     {% endif %}
  527.                                                 </div>
  528.                                             </div>
  529.                                         {% endif %}
  530.                                     </div>
  531.                                 {% endfor %}
  532.                             </div>
  533.                         </div>
  534.                     {% endif %}
  535. {#                    <div class="erreur_option_liseuse">{{ displayErreurOptionNotSelect() | trans({}, "productTranslate")|raw }}</div>#}
  536.                     <div class="d-flex">
  537.                         <a id="step2NumParametreLiseuse">2/5</a>
  538.                         <a id="step2BackParametreLiseuse" class="btn_back_liseuse_mobile" href="#">
  539.                             <div class="livicon-evo"
  540.                                  data-options="name: chevron-left.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom"></div>
  541.                         </a>
  542.                         <a href="#" id="step2ParametreLiseuse" class="btn_liseuse_mobile">{{ 'Suivant' | trans({}, "productTranslate") }}</a>
  543.                         <a id="step2NextParametreLiseuse"  class="btn_next_liseuse_mobile" href="#">
  544.                             <div class="livicon-evo"
  545.                                  data-options="name: chevron-right.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom"></div>
  546.                         </a>
  547.                     </div>
  548.                 </div>
  549.                 <div class="step3ParametreLiseuse " style="display: none">
  550.                     <div class="text_doc">
  551.                         {% if papierCourant %}
  552.                             <h3  class="mtitreLiseuse titre_doc mt-3">{{ papierCourant.filePapierName }}</h3>
  553.                             <p  class="mtitreLiseuse mb-2">{{ 'Nous avons détecté' | trans({}, "productTranslate") }} <strong>{{ papierCourant.qtyColor }} </strong> page{% if papierCourant.qtyColor > 1 %}s{% endif %}  {{ 'en couleur et' | trans({}, "productTranslate") }}  <strong>{{ papierCourant.qtyNoir }} </strong> {{ 'page' | trans({}, "productTranslate") }}{% if papierCourant.qtyNoir > 1 %}s{% endif %} {{ 'en noir et blanc' | trans({}, "productTranslate") }} </p>
  554.                         {% endif %}
  555.                         <p class="trait_liseuse"></p>
  556.                     </div>
  557.                     <div class="bx_select text-center">
  558.                         <label for="papier" class="labelFormatPapier">{{ 'Papier' | trans({}, "productTranslate") }}</label>
  559.                         <div class="d-flex">
  560.                             <div class="f_family" style="width: 100%!important;height: auto;">
  561.                                 {% include 'front/liseuse-papier/gramage-mobile.html.twig' %}
  562.                             </div>
  563.                         </div>
  564.                     </div>
  565.                     <div class="d-flex">
  566.                         <a id="step3NumParametreLiseuse">3/5</a>
  567.                         <a id="step3BackParametreLiseuse" class="btn_back_liseuse_mobile" href="#">
  568.                             <div class="livicon-evo"
  569.                                  data-options="name: chevron-left.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom"></div>
  570.                         </a>
  571.                         <a href="#" id="step3ParametreLiseuse" class="btn_liseuse_mobile">{{ 'Suivant' | trans({}, "productTranslate") }}</a>
  572.                         <a id="step3NextParametreLiseuse"  class="btn_next_liseuse_mobile" href="#">
  573.                             <div class="livicon-evo"
  574.                                  data-options="name: chevron-right.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom"></div>
  575.                         </a>
  576.                     </div>
  577.                 </div>
  578.                 <div class="step4ParametreLiseuse " style="display: none">
  579.                     <div class="text_doc">
  580.                         {% if papierCourant %}
  581.                             <h3  class="mtitreLiseuse titre_doc mt-3">{{ papierCourant.filePapierName }}</h3>
  582.                             <p  class="mtitreLiseuse mb-2">{{ 'Nous avons détecté' | trans({}, "productTranslate") }} <strong>{{ papierCourant.qtyColor }} </strong> {{ 'page' | trans({}, "productTranslate") }}{% if papierCourant.qtyColor > 1 %}s{% endif %}  {{ 'en couleur et' | trans({}, "productTranslate") }}  <strong>{{ papierCourant.qtyNoir }} </strong> {{ 'page' | trans({}, "productTranslate") }}{% if papierCourant.qtyNoir > 1 %}s{% endif %} {{ 'en noir et blanc' | trans({}, "productTranslate") }} </p>
  583.                         {% endif %}
  584.                         <p class="trait_liseuse"></p>
  585.                     </div>
  586.                     <div class="bx_select bx_select_mobile_lis">
  587.                         <label for="exemplaire" class="labelFormatExemplaire">{{ 'Exemplaire(s)' | trans({}, "productTranslate") }}</label>
  588.                         <input type="number" value="{{ papierCourant.nbrPapier }}" placeholder="Nombre d’exemplaires" name="nbrCopie">
  589.                     </div>
  590.                     <div class="bx_select bx_select_mobile_lis">
  591.                         <label for="commentaireLiseuse" class="labelFormatExemplaire" style="width: 100%;">{{ "Soutaitez-vous ajouter un commentaire pour l\'imprimeur? (facultatif)" | trans({}, "productTranslate") }}</label>
  592.                         <textarea name="commentaire" class="imprimeur_commentaire_input_mobile" id="commentaireLiseuse" >{{ papierCourant.commentaire }}</textarea>
  593.                     </div>
  594.                     <div class="bx_select bx_select_mobile_lis">
  595.                         <div class="d-flex">
  596.                             <input type="checkbox" name="isDecoupeDoc" id="isDecoupeDoc" class="inputMarge" {% if papierCourant.isDecoupeDoc %} checked="checked" {% endif %} style="box-shadow:none;">
  597.                             <p class="" style="margin: 4px 0 0 10px;font-size: 18px;font-weight: 500;">
  598.                                 {{ 'Découpe du document' | trans({}, "productTranslate") }} + 1,99 € <span  data-toggle="tooltip" style="cursor: pointer" data-placement="bottom" data-title="{{ 'Votre document sera imprimé tel que vous le voyez sur la liseuse. En sélectionnant l’option de découpe, votre fichier devra comporter un fond perdu et des marges de sécurité entre 5 et 8mm' | trans({}, "productTranslate") }}" ><img style="width: 14px;margin-left: 3px;" src="{{ asset('/images/information.png') }}"></span>
  599.                                 <span class="checkmark"></span>
  600.                             </p>
  601.                         </div>
  602.                     </div>
  603.                     <div class="d-flex">
  604.                         <a id="step4NumParametreLiseuse">4/5</a>
  605.                         <a id="step4BackParametreLiseuse" class="btn_back_liseuse_mobile" href="#">
  606.                             <div class="livicon-evo"
  607.                                  data-options="name: chevron-left.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom"></div>
  608.                         </a>
  609.                         <a href="#" id="step4ParametreLiseuse" class="btn_liseuse_mobile">{{ 'Suivant' | trans({}, "productTranslate") }}</a>
  610.                         <a id="step4NextParametreLiseuse"  class="btn_next_liseuse_mobile" href="#">
  611.                             <div class="livicon-evo"
  612.                                  data-options="name: chevron-right.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom"></div>
  613.                         </a>
  614.                     </div>
  615.                 </div>
  616.                 <div class="step5ParametreLiseuse " style="display: none">
  617.                     <div class="text_doc">
  618.                         {% if papierCourant %}
  619.                             <h3  class="mtitreLiseuse titre_doc mt-3">{{ papierCourant.filePapierName }}</h3>
  620.                             <p  class="mtitreLiseuse mb-2">{{ 'Nous avons détecté' | trans({}, "productTranslate") }} <strong>{{ papierCourant.qtyColor }} </strong> {{ 'page' | trans({}, "productTranslate") }}{% if papierCourant.qtyColor > 1 %}s{% endif %}  {{ 'en couleur et' | trans({}, "productTranslate") }}  <strong>{{ papierCourant.qtyNoir }} </strong> {{ 'page' | trans({}, "productTranslate") }}{% if papierCourant.qtyNoir > 1 %}s{% endif %} {{ 'en noir et blanc' | trans({}, "productTranslate") }} </p>
  621.                         {% endif %}
  622.                         <p class="trait_liseuse"></p>
  623.                     </div>
  624.                     {% if papierCourant %}
  625.                         <h3 class="text-center">{{ 'Besoin de document' | trans({}, "productTranslate") }} ?</h3>
  626.                         <h3 class="text-center titreMenuPdfLiseuse">{{ 'Notre Top 100 des livres et documents essentiels à imprimer' | trans({}, "productTranslate") }}</h3>
  627.                         <div class="box_header1 box_headerLiseuse box_headerLiseuseMobile">
  628.                             <div class=" bx_global_radio  input-group md-form form-sm form-2 bloc-liseuse-doc">
  629.                                 <input class="form-control input_search_top_pdf_liseuse" id="inputPdf" placeholder="Rechercher..."  type="text" >
  630.                                 <div class="input-group-append " id="searchBtn">
  631.                                     <button id="buttonSearchLiv" class="buttonSearchDoc" disabled="disabled"><span class="search_top" id="spanSearchBtn"></span></button>
  632.                                 </div>
  633.                             </div>
  634.                             <div>
  635.                                 <div class="d-flex bx_global_radio taille_full bottom_lis_doc">
  636.                                     {% for category in categories %}
  637.                                         <div class="taille">
  638.                                             <input type="radio" name="categoryPdf" id="categoryId{{ category.id }}" value="{{ category.id }}" >
  639.                                             <label for="categoryId{{ category.id }}" class="block taille">{{ category.titre | trans({}, "productTranslate") }}</label>
  640.                                         </div>
  641.                                     {% endfor %}
  642.                                 </div>
  643.                             </div>
  644.                             <div class="bx_global_radio_result_pdf">
  645.                                 <input type="hidden" value="0" id="offset">
  646.                                 <div class="row" id="blocTopProduct" style="width: 100%;">
  647.                                     <div class=" row blocTopProductwithoutPagination  mb-3" style="width: 100%;"></div>
  648.                                 </div>
  649.                                 <span id="endPdf"></span>
  650.                             </div>
  651.                         </div>
  652.                     {% endif %}
  653.                     <div>
  654.                         <a href="#" id="step5ParametreLiseuse" class="btn_liseuse_mobile">{{ 'Recapitulatif de commande' | trans({}, "productTranslate") }}</a>
  655.                     </div>
  656.                 </div>
  657.             </form>
  658.         {% endif %}
  659.     </div>
  660. </div>
  661. <div class="modal fade " id="exemplairePapierProduct" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
  662.     <div class="modal-dialog modal-lg" style="margin-top: 3vw;">
  663.         <div class="modal-content">
  664.             <div class="modal-header">
  665.                 <h5 class="modal-title h4">{{ "Choisir le Nombre d\'exemplaire" | trans({}, "productTranslate") }}</h5>
  666.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  667.                     <span aria-hidden="true">×</span>
  668.                 </button>
  669.             </div>
  670.             <div class="modal-body">
  671.                 <div class="form-inline" style="margin: 0px 28%;">
  672.                     <div class="form-group" style=" max-width: 195px; margin-right: 15px;">
  673.                         <input type="number" class="form-control" id="exemplaireManuel" value="" placeholder="{{ 'Entrer un nombre' | trans({}, "productTranslate") }}" style="width: 100%;">
  674.                     </div>
  675.                     <button class="btn btn-primary" id="exemplaireManuelBtn">{{ 'Valider' | trans({}, "productTranslate") }}</button>
  676.                 </div>
  677.             </div>
  678.         </div>
  679.     </div>
  680. </div>
  681. <style>
  682.     .labelMarge{
  683.         width: 86%!important;
  684.     }
  685.     .inputMarge{
  686.         height: 30px!important;width: 30px!important;
  687.     }
  688. </style>
  689. <script>
  690.     var productAttribute = '{{ productAttribute|raw }}';
  691. </script>