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

Open in your IDE?
  1. <div class="col-lg-3 left_liseuse lf_lis">
  2.     <div id="formOptionPapierLiseuse">
  3.         {% if papierCourant.id is defined %}
  4.             <div class="global_right">
  5.                 {% for item in papiers %}
  6.                     {% if item.typeProduct ==  constant('App\\Entity\\Product::PAPIER') %}
  7.                         <div class="global_right_list d-sm-flex">
  8.                             <div class="txt_right d-inline-block text-truncate filePapierNameParent" ><a class="filePapierName" data-token="{{ item.token }}" style="color: #000;" href="{{ path('liseuse',{token:item.token}) }}" >{{ item.filePapierName }}</a></div>
  9.                             <div class="price_fichier" id="token-{{item.token }}">{{ number_format(item.prixHt) }}€ HT</div>
  10.                             <div class="icone_right">
  11.                                 {% if abonnementPro %}
  12.                                     <a class="saveDocLiseuse" href="{{ path('save_file_client',{tokeCartDetail:item.token}) }}"  data-toggle="tooltip"  data-title="Enregistrer mon fichier dans mon espace abonné"></a>
  13.                                 {% endif %}
  14.                                 {% if item.isModif %}
  15.                                     <a class="telechargerDocLiseuse telechargerDocLiseuseModif" href="{{ path('download_doc_liseuse',{token:item.token}) }}"  data-toggle="tooltip"  data-title="Enregistrer sous"></a>
  16.                                 {% else %}
  17.                                     <a class="telechargerDocLiseuse" href="{{ path('download_doc_liseuse',{token:item.token}) }}"  data-toggle="tooltip"  data-title="Enregistrer sous"></a>
  18.                                 {% endif %}
  19.                                 {% if item.id == papierCourant.id %}
  20.                                     <a href="{{ path('liseuse',{token:item.token}) }}" class="editPdfLiseuse filePapierNameIconEdit" data-token="{{ item.token }}" data-toggle="tooltip"  data-title="Modification pdf"></a>
  21.                                 {% else %}
  22.                                     <a href="{{ path('liseuse',{token:item.token}) }}"  class="editPdfLiseuse filePapierNameIconEdit" data-token="{{ item.token }}" data-toggle="tooltip"  data-title="Modifier mes options d’impression"></a>
  23.                                 {% endif %}
  24.                                 <a class="deletedPapierPageLiseuse" href="{{ path('liseuse_deleted',{token:item.token}) }}"  data-toggle="tooltip"  data-title="Supprimer"></a>
  25.                             </div>
  26.                         </div>
  27.                     {% endif %}
  28.                 {% endfor %}
  29.             </div>
  30.             <form id="formOptionPapier">
  31.                 <h3 class="text-center mt-0">{{ 'Je souhaite recevoir aujourd’hui des :' | trans({}, "productTranslate") }}</h3>
  32.                 <div class="d-flex bx_global_radio taille_full">
  33.                     <div class="taille tailleSelect">
  34.                         <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') }}">
  35.                         <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_DOC') }}" class="block taille ">{{ 'Impressions non reliées' | trans({}, "productTranslate") }}</label>
  36.                     </div>
  37.                     <div class="taille  tailleSelect">
  38.                         <input type="radio" name="souhaite_str"  class="souhaite_str" data-name="ma brochure" 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') }}">
  39.                         <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_BROCHURE') }}" class="block taille">{{ 'Brochures & documents reliés' | trans({}, "productTranslate") }}</label>
  40.                     </div>
  41.                     <div class="taille tailleSelect">
  42.                         <input type="radio" name="souhaite_str"  class="souhaite_str" data-name="mon livre" 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') }}">
  43.                         <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_lIVRES') }}" class="block taille">{{ 'Livres' | trans({}, "productTranslate") }}</label>
  44.                     </div>
  45.                     <div class="taille tailleSelect">
  46.                         <input type="radio" name="souhaite_str"  class="souhaite_str" data-name="mon catalogue" 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') }}">
  47.                         <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_CATALOGES') }}" class="block taille">{{ 'Catalogues' | trans({}, "productTranslate") }}</label>
  48.                     </div>
  49.                     <div class="taille tailleSelect">
  50.                         <input type="radio" name="souhaite_str"  class="souhaite_str" data-name="mon livrets" 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') }}">
  51.                         <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_LIVRETS') }}" class="block taille">{{ 'Livrets & magasines' | trans({}, "productTranslate") }}</label>
  52.                     </div>
  53.                     <div class="taille tailleSelect">
  54.                         <input type="radio" name="souhaite_str"  class="souhaite_str" data-name="mon rapport" 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') }}">
  55.                         <label for="souhaite_str{{ constant('App\\Entity\\CartDetail::SOUHAITE_RAPORT') }}" class="block taille">{{ 'Rapports & thèses' | trans({}, "productTranslate") }}</label>
  56.                     </div>
  59.                 </div>
  61.                 <h3 class="text-center">{{ 'Paramètres d’impression' | trans({}, "productTranslate") }}</h3>
  62.                 <input type="hidden" value="{{ papierCourant.token }}" name="token_cart_detail" id="token_cart_detail">
  63.                 <input type="hidden" value="{{ papierCourant.qty }}" name="qty_total">
  64.                 <input type="hidden" value="{{ papierCourant.qtyColor }}" name="qty_color">
  65.                 <input type="hidden" value="{{ papierCourant.qtyNoir }}" name="qty_noir">
  66.                 <input type="hidden" value="{{ papierCourant.product.id }}" name="product_id">
  67.                 <input type="hidden" value="{{ arrayRegleReluire }}" id="arrayRegleReluire">
  68.                 {% if attrsFormat %}
  69.                     <div class="d-flex bx_global_radio taille_full">
  70.                         {% for item in attrsFormat %}
  71.                             {% if item.typeFormat  !=  constant('App\\Entity\\Attribut::TYPE_FORMAT_A6') %}
  72.                                 <div class="taille tailleSelect">
  73.                                     <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 %}>
  74.                                     <label for="format{{ item.id }}" class="block taille{% if loop.last %}4{% else %}1{% endif %}">{{ item.name | trans({}, "productTranslate") }}</label>
  75.                                 </div>
  76.                             {% endif %}
  77.                         {% endfor %}
  78.                     </div>
  79.                 {% endif %}
  80.                 {% if accCouleur %}
  81.                     <div class="d-flex bx_global_radio">
  82.                         {% for item in accCouleur %}
  83.                             <div class="taille tailleSelect">
  84.                                 <input type="radio" name="couleur" id="couleur{{ item.id }}" value="{{ item.id }}"
  85.                                        {% if papierCourant.cartDetailAccessoire is defined %}
  86.                                            {%  if checkColor(papierCourant.cartDetailAccessoire,item.id ) %}
  87.                                                checked="checked"
  88.                                            {% endif %}
  89.                                        {% endif %}
  90.                                 >
  91.                                 <label for="couleur{{ item.id }}" class="block taille5">{{ item.name | trans({}, "productTranslate") }}</label>
  92.                             </div>
  93.                         {% endfor %}
  94.                     </div>
  95.                 {% endif %}
  96.                 <div class="d-flex bx_global_radio">
  97.                     <div class="taille tailleSelect">
  98.                         <input type="radio" name="rectoverso" id="recto"
  99.                                value="{{ constant('App\\Entity\\ProductAttribute::RECTO') }}" {% if papierCourant.productAttribute.rectoverso == constant('App\\Entity\\ProductAttribute::RECTO') %} checked="checked" {% endif %}>
  100.                         <label for="recto" class="block taille5">{{ 'Recto' | trans({}, "productTranslate") }}</label>
  101.                     </div>
  102.                     <div class="taille tailleSelect">
  103.                         <input type="radio" name="rectoverso" id="rectoverso"
  104.                                value="{{ constant('App\\Entity\\ProductAttribute::VERSO') }}" {% if papierCourant.productAttribute.rectoverso == constant('App\\Entity\\ProductAttribute::VERSO') %} checked="checked" {% endif %}>
  105.                         <label for="rectoverso" class="block taille6">{{ 'Recto & Verso' | trans({}, "productTranslate") }}</label>
  106.                     </div>
  107.                 </div>
  109.                 <div class="d-flex bx_global_radio">
  110.                     <div class="taille tailleSelect">
  111.                         <input type="radio" name="isReluire" id="relie" value="1" {% if papierCourant.isReluire == true %}checked="checked"{% endif %}>
  112.                         <label for="relie" class="block taille5">{{ 'Relié' | trans({}, "productTranslate") }}</label>
  113.                     </div>
  116.                     <div class="taille tailleSelect">
  117.                         <input type="radio" name="isReluire" id="non-relie" value="0" {% if papierCourant.isReluire == false %}checked="checked"{% endif %}>
  118.                         <label for="non-relie" class="block taille6">{{ 'Non relié' | trans({}, "productTranslate") }} </label>
  119.                     </div>
  120.                 </div>
  122.                 {#/ si doc rectoverso et non relie/#}
  123.                 <div class="mt-3 docRectoversoGrandPetitCote " style="{% if papierCourant.petitCote == true or papierCourant.grandCote == true %}{% else %}display: none!important;{% endif %}">
  124.                     <div class="d-flex position-relative bx_global_radio bx1 rounded-0 border-0 mt-0 coteBlock displayNone">
  125.                         <div class="taille petit_cote_img" style="margin-right: 20px;width: 45%!important;">
  126.                             <input type="radio"  class="coteNameDoc" name="coteDoc" id="petitCoteDoc" value="petitCoteDoc" {% if papierCourant.petitCote == true %}checked="checked"{% endif %}>
  127.                             <label for="petitCoteDoc" class=" block taille8" style="height: 65%!important;">{{ 'Petit côté' | trans({}, "productTranslate") }} </label>
  128.                         </div>
  129.                         <div class="taille grand_cote_img" style="width: 45%!important;">
  130.                             <input type="radio"  class="coteNamDoce" name="coteDoc" id="grandCoteDoc" value="grandCoteDoc" {% if papierCourant.grandCote == true %}checked="checked"{% endif %}>
  131.                             <label for="grandCoteDoc" class=" block taille8 border-0 "  style="height: 65%!important;">{{ 'Grand côté' | trans({}, "productTranslate") }} </label>
  132.                         </div>
  133.                     </div>
  134.                 </div>
  137.                 {% if accReluire %}
  138.                     <div class="position-relative">
  139.                     <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 %}">
  140.                        <h4>Types de reliures souhaitée :</h4> {% for item in  accReluire %}
  142.                             {% if item.isDosCarre  == true  %}
  143.                                 {% set isCarreColle = true %}
  144.                             {% else %}
  145.                                 {% set isCarreColle = false %}
  146.                             {% endif %}
  148.                             {% if item.papierCovertureMat  == true or item.papierCovertureBrillant  == true  %}
  149.                                 {% set isPapierCouverture = true %}
  150.                             {% else %}
  151.                                 {% set isPapierCouverture = false %}
  152.                             {% endif %}
  154.                             {% if item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_TERMO') %}
  155.                                 {% set classReluireVer = 'ver_termo'  %}
  156.                                 {% set classReluireHorz = 'horz_termo'  %}
  157.                             {% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_PLASTIQUE') %}
  158.                                 {% set classReluireVer = 'ver_plastique'  %}
  159.                                 {% set classReluireHorz = 'horz_plastique'  %}
  160.                             {% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_METALIQUE') %}
  161.                                 {% set classReluireVer = 'ver_metalique'  %}
  162.                                 {% set classReluireHorz = 'horz_metalique'  %}
  163.                             {% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_GRAF') %}
  164.                                 {% set classReluireVer = 'ver_graf'  %}
  165.                                 {% set classReluireHorz = 'horz_graf'  %}
  166.                             {% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_POINT_METAL') %}
  167.                                 {% set classReluireVer = 'ver_point_metal'  %}
  168.                                 {% set classReluireHorz = 'horz_point_metal'  %}
  169.                             {% elseif item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_DOS_PIQUEE') %}
  170.                                 {% set classReluireVer = 'ver_point_metal'  %}
  171.                                 {% set classReluireHorz = 'horz_point_metal'  %}
  172.                              {% else %}
  173.                                 {% set classReluireVer = ''  %}
  174.                                 {% set classReluireHorz = ''  %}
  175.                              {% endif %}
  177.                                 {#<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"{% endif %}>#}
  178.                                 <div class="taille border-bottom border-dark" {% if isCarreColle %}data-toggle="tooltip" data-original-title=""{% endif %}>
  179.                                 <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 %}"
  180.                                        value="{{ item.id }}"
  181.                                         {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id ==  item.id %}
  182.                                              checked="checked"
  183.                                         {% endif %}>
  184.                                 <label data-original-title=""  for="reluire{{ item.id }}" class="block taille7">
  185.                                     {{ item.name | trans({}, "productTranslate") }}
  186.                                     <span class="textAccQuoi textAccQuoiColorGris" style=""><a style="text-decoration: none;" href="/{{ item.pathPage }}" target="_blank"> {{ "c\'est quoi ?" | trans({}, "productTranslate") }}</a></span>
  187.                                     {% if isCarreColle %}<span style="font-size: 11px;">({{ 'Livrets, livres & catalogues' | trans({}, "productTranslate") }})</span> {% endif %}
  188.                                     <span style="clear: both;"></span>
  189.                                 </label>
  191.                             </div>
  192.                              {#option reluire #}
  193.                             {% set displayColorR = false %}
  194.                             <div class="reluire{{ item.id }} reluireBlock displayNone" style="
  195.                             {% 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)  %}
  196.                                 {% set displayColorD = true %}
  197.                             {% else %}
  198.                                     display: none
  199.                             {% endif %}
  200.                                     ">
  201.                                 {% if item.imageReluire2 %}
  202.                                     <div>
  203.                                         <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>
  204.                                     </div>
  205.                                 {% endif %}
  206.                                 {% if item.petitCote  == true or item.grandCote  == true  %}
  207.                                     {% if isPapierCouverture  == true  %}
  208.                                         <div class="d-flex position-relative bx_global_radio bx1 rounded-0 border-0 mt-0 coteBlock displayNone"
  209.                                              style="display: none">
  210.                                             {#<div class="taille {{ classReluireHorz }} {% if isCarreColle  == true  %}horz1{% endif %}">#}
  211.                                                 {#<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 %}#}
  212.                                                         {#{% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).petitCote  %}#}
  213.                                                             {#checked="checked"#}
  214.                                                         {#{% endif %}#}
  215.                                                 {#>#}
  216.                                                 {#<label for="petitCote{{ item.id }}" {% if item.petitCote  == false %} disabled {% endif %}class=" block taille8">Petit côté </label>#}
  217.                                             {#</div>#}
  218.                                             <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 %}">
  219.                                                 <input type="radio"
  220.                                                        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 %}
  221.                                                         {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).grandCote  %}
  222.                                                             checked="checked"
  223.                                                         {% endif %}
  224.                                                 >
  225.                                                 <label style="width: 100%;" for="grandCote{{ item.id }}" {% if item.grandCote  == false %} disabled {% endif %}
  226.                                                        class=" block taille8 border-0">{{ 'Grand côté' | trans({}, "productTranslate") }} </label>
  227.                                             </div>
  228.                                         </div>
  229.                                     {% else %}
  230.                                         <div class="d-flex position-relative bx_global_radio bx1 rounded-0 border-0 mt-0 coteBlock displayNone"
  231.                                              style="display: none">
  232.                                             <div class="taille {{ classReluireHorz }} {% if isCarreColle  == true  %}horz1{% endif %}">
  233.                                                 <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 %}
  234.                                                         {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).petitCote  %}
  235.                                                             checked="checked"
  236.                                                         {% endif %}
  237.                                                 >
  238.                                                 <label for="petitCote{{ item.id }}" {% if item.petitCote  == false %} disabled {% endif %}class=" block taille8">{{ 'Petit côté' | trans({}, "productTranslate") }} </label>
  239.                                             </div>
  240.                                             <div class="taille {{ classReluireVer }} {% if isCarreColle  == true  %}ver1{% endif %}">
  241.                                                 <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 %}
  242.                                                         {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).grandCote  %}
  243.                                                             checked="checked"
  244.                                                         {% endif %}
  245.                                                 >
  246.                                                 <label for="grandCote{{ item.id }}" {% if item.grandCote  == false %} disabled {% endif %}
  247.                                                        class=" block taille8 border-0">{{ 'Grand côté' | trans({}, "productTranslate") }} </label>
  248.                                             </div>
  249.                                         </div>
  250.                                     {% endif %}
  251.                                 {% endif %}
  252.                                 {% if isPapierCouverture  == true  %}
  253.                                     {% if item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_POINT_METAL') or item.typeReluire  == constant('App\\Entity\\Accessoire::TYPE_RELUIRE_DOS_PIQUEE') %}
  254.                                         <div class="taille border-bottom border-top border-dark couverturePapierBlock"  style="
  255.                                                 width: 100%!important;text-align: center;
  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) %}
  258.                                             {% else %}
  259.                                                     display: none
  260.                                             {% endif %}
  261.                                             ">
  262.                                             <h4 style="margin: 15px 0;margin-bottom: 15px;display: block;text-align: center;color: #969696;">{{ 'Papier de couverture' | trans({}, "productTranslate") }}</h4>
  263.                                         </div>
  264.                                         <div class="
  265.                                              {% 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) %}
  266.                                                      d-flex
  267.                                              {% endif %}
  269.                                          position-relative bx_global_radio bx1 rounded-0 border-0 mt-0 couverturePapierBlock displayNone"
  270.                                              style="
  271.                                              {% 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) %}
  273.                                              {% else %}
  274.                                                      display: none
  275.                                              {% endif %}
  276.                                              ">
  277.                                             <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 %}>
  278.                                                 <input type="radio" class="papierCovertureName" name="papierCoverture" id="papierCovertureMat{{ item.id }}" value="papierCovertureMat" {% if item.papierCovertureMat == false %} disabled {% endif %}
  279.                                                         {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).papierCovertureMat  %}
  280.                                                             checked="checked"
  281.                                                         {% endif %}
  282.                                                 >
  283.                                                 <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>
  284.                                             </div>
  285.                                             <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 %} >
  286.                                                 <input type="radio" class="papierCovertureName" name="papierCoverture" id="papierCovertureBrillant{{ item.id }}" value="papierCovertureBrillant" {% if item.papierCovertureBrillant == false %} disabled {% endif %}
  287.                                                         {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).papierCovertureBrillant  %}
  288.                                                             checked="checked"
  289.                                                         {% endif %}
  290.                                                 >
  291.                                                 <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 %}
  292.                                                        class=" block taille8 border-0">{{ 'Papier Brillant 160g' | trans({}, "productTranslate") }} </label>
  293.                                             </div>
  294.                                         </div>
  295.                                     {% else %}
  296.                                         <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="
  297.                                                 width: 100%!important;text-align: center;
  298.                                         {% 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.                                         {% else %}
  301.                                                 display: none
  302.                                         {% endif %}
  303.                                                 ">
  304.                                             {#<div class="titreCouvertureOption block taille7">Papier de couverture</div>#}
  305.                                             <h4 style="margin: 15px 0;margin-bottom: 15px;display: block;text-align: center;color: #969696;">Papier de couverture</h4>
  306.                                         </div>
  307.                                         <div class="
  308.                                          {% 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) %}
  309.                                                  d-flex
  310.                                          {% endif %}
  312.                                      position-relative bx_global_radio bx1 rounded-0 border-0 mt-0 couverturePapierBlock displayNone"
  313.                                              style="
  314.                                              {% 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) %}
  316.                                              {% else %}
  317.                                                      display: none
  318.                                              {% endif %}
  319.                                                      ">
  320.                                             <div id="papierCoverture1" class="taille  horz2">
  321.                                                 <input type="radio" class="papierCovertureName" name="papierCoverture" id="papierCovertureMat{{ item.id }}" value="papierCovertureMat" {% if item.papierCovertureMat == false %} disabled {% endif %}
  322.                                                         {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).papierCovertureMat  %}
  323.                                                             checked="checked"
  324.                                                         {% endif %}
  325.                                                 >
  326.                                                 <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>
  327.                                             </div>
  328.                                             <div id="papierCoverture2" class="taille ver2">
  329.                                                 <input type="radio" class="papierCovertureName" name="papierCoverture" id="papierCovertureBrillant{{ item.id }}" value="papierCovertureBrillant" {% if item.papierCovertureBrillant == false %} disabled {% endif %}
  330.                                                         {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and   getAccessoireReluire(papierCourant.id).papierCovertureBrillant  %}
  331.                                                             checked="checked"
  332.                                                         {% endif %}
  333.                                                 >
  334.                                                 <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 %}
  335.                                                        class=" block taille8 border-0">{{ 'Papier 300G brillant' | trans({}, "productTranslate") }} </label>
  336.                                             </div>
  337.                                         </div>
  338.                                     {% endif %}
  339.                                 {% endif %}
  340.                                 {% if getValByJson(item.couleurDos)|length > 0 %}
  341.                                 <div class="bx_global_radio reluireColorD color_box border-bottom border-dark rounded-0 mt-0 colorDosBlock displayNone"
  342.                                      style="
  343.                                      {% if isPapierCouverture  == true  %}
  344.                                           {% 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)  %}
  346.                                          {% else %}
  347.                                                  display: none;
  348.                                          {% endif %}
  349.                                      {% else %}
  350.                                          {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote)  %}
  352.                                          {% else %}
  353.                                                  display: none;
  354.                                          {% endif %}
  355.                                      {% endif %}
  356.                                              ">
  357.                                     <h4>{{ 'Couleur dos cartonné' | trans({}, "productTranslate") }}</h4>
  358.                                     <div class="d-flex pl-3 pr-3 justify-content-center">
  359.                                         {% if getValByJson(item.couleurDos,'colorBlackDos') %}
  360.                                             <div class="taille noir">
  361.                                                 <input type="radio" name="couleurDos" class="couleurDos colorBox" id="noir_{{ item.id }}"
  362.                                                         {% if displayColorD(papierCourant.id,item.id,'colorBlackDos') %}
  363.                                                             checked="checked"
  364.                                                             {% set displayColorR = true %}
  365.                                                         {% endif %}
  366.                                                        value="colorBlackDos">
  367.                                                 <label for="noir_{{ item.id }}" class=" block taille9" title="noir">{{ 'Noir' | trans({}, "productTranslate") }}</label>
  368.                                             </div>
  369.                                         {% endif %}
  370.                                         {% if getValByJson(item.couleurDos,'colorBlancDos') %}
  371.                                             <div class="taille blanc">
  372.                                                 <input type="radio" name="couleurDos" class="couleurDos colorBox" id="blanc_{{ item.id }}"
  373.                                                         {% if displayColorD(papierCourant.id,item.id,'colorBlancDos') %}
  374.                                                             checked="checked"
  375.                                                             {% set displayColorR = true %}
  376.                                                         {% endif %}
  377.                                                        value="colorBlancDos">
  378.                                                 <label for="blanc_{{ item.id }}" class=" block taille9" title="{{ 'blanc' | trans({}, "productTranslate") }}">{{ 'blanc' | trans({}, "productTranslate") }}</label>
  379.                                             </div>
  380.                                         {% endif %}
  381.                                         {% if getValByJson(item.couleurDos,'colorBlueDos') %}
  382.                                             <div class="taille bleu">
  383.                                                 <input type="radio" name="couleurDos" class="couleurDos colorBox" id="bleu_{{ item.id }}"
  384.                                                         {% if displayColorD(papierCourant.id,item.id,'colorBlueDos') %}
  385.                                                             checked="checked"
  386.                                                             {% set displayColorR = true %}
  387.                                                         {% endif %}
  388.                                                        value="colorBlueDos">
  389.                                                 <label for="bleu_{{ item.id }}" class=" block taille9" title="{{ 'Bleu' | trans({}, "productTranslate") }}">{{ 'Bleu' | trans({}, "productTranslate") }}</label>
  390.                                             </div>
  391.                                         {% endif %}
  392.                                         {% if getValByJson(item.couleurDos,'colorGreenDos') %}
  393.                                             <div class="taille vert">
  394.                                                 <input type="radio" name="couleurDos" class="couleurDos colorBox" id="vert_{{ item.id }}"
  395.                                                         {% if displayColorD(papierCourant.id,item.id,'colorGreenDos') %}
  396.                                                             checked="checked"
  397.                                                             {% set displayColorR = true %}
  398.                                                         {% endif %}
  399.                                                        value="colorGreenDos">
  400.                                                 <label for="vert_{{ item.id }}" class=" block taille9" title="{{ 'Vert' | trans({}, "productTranslate") }}">{{ 'Vert' | trans({}, "productTranslate") }}</label>
  401.                                             </div>
  402.                                         {% endif %}
  403.                                         {% if getValByJson(item.couleurDos,'colorRedDos') %}
  404.                                             <div class="taille rouge">
  405.                                                 <input type="radio" name="couleurDos" class="couleurDos colorBox" id="rouge_{{ item.id }}"
  406.                                                         {% if displayColorD(papierCourant.id,item.id,'colorRedDos') %}
  407.                                                             checked="checked"
  408.                                                             {% set displayColorR = true %}
  409.                                                         {% endif %}
  410.                                                        value="colorRedDos">
  411.                                                 <label for="rouge_{{ item.id }}" class=" block taille9" title="{{ 'Rouge' | trans({}, "productTranslate") }}">{{ 'Rouge' | trans({}, "productTranslate") }}</label>
  412.                                             </div>
  413.                                         {% endif %}
  414.                                         {% if getValByJson(item.couleurDos,'colorYellowDos') %}
  415.                                             <div class="taille jaune">
  416.                                                 <input type="radio" name="couleurDos" class="couleurDos colorBox" id="jaune_{{ item.id }}"
  417.                                                         {% if displayColorD(papierCourant.id,item.id,'colorYellowDos') %}
  418.                                                             checked="checked"
  419.                                                             {% set displayColorR = true %}
  420.                                                         {% endif %}
  421.                                                        value="colorYellowDos">
  422.                                                 <label for="jaune_{{ item.id }}" class=" block taille9" title="{{ 'Jaune' | trans({}, "productTranslate") }}">{{ 'Jaune' | trans({}, "productTranslate") }}</label>
  423.                                             </div>
  424.                                         {% endif %}
  425.                                         {% if getValByJson(item.couleurDos,'colorTransDos') %}
  426.                                             <div class="taille transparent">
  427.                                                 <input type="radio" name="couleurDos" class="couleurDos colorBox" id="trans_{{ item.id }}"
  428.                                                         {% if displayColorD(papierCourant.id,item.id,'colorTransDos') %}
  429.                                                             checked="checked"
  430.                                                             {% set displayColorR = true %}
  431.                                                         {% endif %}
  432.                                                        value="colorTransDos">
  433.                                                 <label for="trans_{{ item.id }}" class=" block taille9"
  434.                                                        title="{{ 'Transparent' | trans({}, "productTranslate") }}">{{ 'Transparent' | trans({}, "productTranslate") }}</label>
  435.                                             </div>
  436.                                         {% endif %}
  437.                                     </div>
  438.                                 </div>
  439.                                 {% endif %}
  440.                                 {% if getValByJson(item.couleur)|length > 0 %}
  441.                                 <div class="bx_global_radio reluireColorR color_box  rounded-0 border-bottom border-dark border-top-0 mt-0 colorBlock displayNone"
  442.                                      style="
  443.                                      {% if isCarreColle  == true  %}
  444.                                            {% 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) %}
  446.                                          {% else %}
  447.                                                  display: none;
  448.                                          {% endif %}
  449.                                      {% else %}
  450.                                          {% if getAccessoireReluire(papierCourant.id) and  getAccessoireReluire(papierCourant.id).accessoire.id == item.id  and  (getAccessoireReluire(papierCourant.id).grandCote or getAccessoireReluire(papierCourant.id).petitCote) and displayColorR  %}
  452.                                          {% else %}
  453.                                                  display: none;
  454.                                          {% endif %}
  455.                                      {% endif %}
  456.                                              ">
  457.                                     <h4>{{ 'Couleur' | trans({}, "productTranslate") }} {{ item.name | trans({}, "productTranslate") }}</h4>
  458.                                     <div class="d-flex pl-3 pr-3 justify-content-center">
  459.                                             {% if getValByJson(item.couleur,'colorBlackR') %}
  460.                                                 <div class="taille noir">
  461.                                                     <input type="radio" name="couleurR" class="couleurR colorBox" id="noir_select_{{ item.id }}"
  462.                                                             {% if displayColorR(papierCourant.id,item.id,'colorBlackR') %}
  463.                                                                 checked="checked"
  464.                                                             {% endif %}
  465.                                                            value="colorBlackR">
  466.                                                     <label for="noir_select_{{ item.id }}" class=" block taille9"
  467.                                                            title="{{ 'Noir' | trans({}, "productTranslate") }}">{{ 'Noir' | trans({}, "productTranslate") }}</label>
  468.                                                 </div>
  469.                                             {% endif %}
  470.                                             {% if getValByJson(item.couleur,'colorBlancR') %}
  471.                                                 <div class="taille blanc">
  472.                                                     <input type="radio" name="couleurR" class="couleurR colorBox" id="blanc_select_{{ item.id }}"
  473.                                                             {% if displayColorR(papierCourant.id,item.id,'colorBlancR') %}
  474.                                                                 checked="checked"
  475.                                                             {% endif %}
  476.                                                            value="colorBlancR">
  477.                                                     <label for="blanc_select_{{ item.id }}" class=" block taille9"
  478.                                                            title="{{ 'blanc' | trans({}, "productTranslate") }}">{{ 'blanc' | trans({}, "productTranslate") }}</label>
  479.                                                 </div>
  480.                                             {% endif %}
  481.                                             {% if getValByJson(item.couleur,'colorBlueR') %}
  482.                                                 <div class="taille bleu">
  483.                                                     <input type="radio" name="couleurR" class="couleurR colorBox" id="bleu_select_{{ item.id }}"
  484.                                                             {% if displayColorR(papierCourant.id,item.id,'colorBlueR') %}
  485.                                                                 checked="checked"
  486.                                                             {% endif %}
  487.                                                            value="colorBlueR">
  488.                                                     <label for="bleu_select_{{ item.id }}" class=" block taille9"
  489.                                                            title="{{ 'Bleu' | trans({}, "productTranslate") }}">{{ 'Bleu' | trans({}, "productTranslate") }}</label>
  490.                                                 </div>
  491.                                             {% endif %}
  492.                                             {% if getValByJson(item.couleur,'colorGreenR') %}
  493.                                                 <div class="taille vert">
  494.                                                     <input type="radio" name="couleurR" class="couleurR colorBox" id="vert_select_{{ item.id }}"
  495.                                                             {% if displayColorR(papierCourant.id,item.id,'colorGreenR') %}
  496.                                                                 checked="checked"
  497.                                                             {% endif %}
  498.                                                            value="colorGreenR">
  499.                                                     <label for="vert_select_{{ item.id }}" class=" block taille9"
  500.                                                            title="{{ 'Vert' | trans({}, "productTranslate") }}">{{ 'Vert' | trans({}, "productTranslate") }}</label>
  501.                                                 </div>
  502.                                             {% endif %}
  503.                                             {% if getValByJson(item.couleur,'colorRedR') %}
  504.                                                 <div class="taille rouge">
  505.                                                     <input type="radio" name="couleurR" class="couleurR colorBox" id="rouge_select_{{ item.id }}"
  506.                                                             {% if displayColorR(papierCourant.id,item.id,'colorRedR') %}
  507.                                                                 checked="checked"
  508.                                                             {% endif %}
  509.                                                            value="colorRedR">
  510.                                                     <label for="rouge_select_{{ item.id }}" class=" block taille9"
  511.                                                            title="{{ 'Rouge' | trans({}, "productTranslate") }}">{{ 'Rouge' | trans({}, "productTranslate") }}</label>
  512.                                                 </div>
  513.                                             {% endif %}
  514.                                             {% if getValByJson(item.couleur,'colorYellowR') %}
  515.                                                 <div class="taille jaune">
  516.                                                     <input type="radio" name="couleurR" class="couleurR colorBox" id="jaune_select_{{ item.id }}"
  517.                                                             {% if displayColorR(papierCourant.id,item.id,'colorYellowR') %}
  518.                                                                 checked="checked"
  519.                                                             {% endif %}
  520.                                                            value="colorYellowR">
  521.                                                     <label for="jaune_select_{{ item.id }}" class=" block taille9"
  522.                                                            title="{{ 'Jaune' | trans({}, "productTranslate") }}">{{ 'Jaune' | trans({}, "productTranslate") }}</label>
  523.                                                 </div>
  524.                                             {% endif %}
  525.                                             {% if getValByJson(item.couleur,'colorTransR') %}
  526.                                                 <div class="taille transparent">
  527.                                                     <input type="radio" name="couleurR" class="couleurR colorBox" id="trans_select_{{ item.id }}"
  528.                                                             {% if displayColorR(papierCourant.id,item.id,'colorTransR') %}
  529.                                                                 checked="checked"
  530.                                                             {% endif %}
  531.                                                            value="colorTransR">
  532.                                                     <label for="trans_select_{{ item.id }}" class=" block taille9"
  533.                                                            title="{{ 'Transparent' | trans({}, "productTranslate") }}">{{ 'Transparent' | trans({}, "productTranslate") }}</label>
  534.                                                 </div>
  535.                                             {% endif %}
  536.                                         </div>
  537.                                 </div>
  538.                                 {% endif %}
  539.                             </div>
  540.                         {% endfor %}
  541.                     </div>
  542.                     </div>
  543.                 {% endif %}
  544.                 <div>
  545.                     {#<div class="bx_select">#}
  546.                         {#<div class=" page_check ">#}
  547.                             {#<label class="labelMarge" > Imprimer sans marges  <i data-toggle="tooltip" style="cursor: pointer" data-placement="bottom" data-title="Un bord perdu de 3 mm sera appliqué autour de votre document." class="fa fa-info-circle fa-lg" aria-hidden="true"></i></label>#}
  548.                             {#<input type="checkbox" name="marge" id="marge" class="inputMarge" {% if papierCourant.imprimSansMarge %} checked="checked" {% endif %}>#}
  550.                         {#</div>#}
  551.                     {#</div>#}
  552.                     <div class="bx_select text-center">
  553.                         <label for="papier" class="labelFormatPapier">{{ 'Papier' | trans({}, "productTranslate") }}</label>
  554.                         <div class="d-flex">
  555.                             <div class="f_family" id="gramgeSelect" style="width: 100%!important;">
  556.                                 {% include 'front/liseuse-papier/gramage.html.twig' %}
  557.                             </div>
  558.                         </div>
  559.                     </div>
  560.                     <div class="bx_select" style="margin-bottom: 15px;">
  561.                         <label for="exemplaire" class="labelFormatExemplaire">{{ 'Exemplaire(s)' | trans({}, "productTranslate") }}</label>
  562.                         {#<div class="number">#}
  563.                             {#<span class="minus" style="cursor: pointer;font-size: 20px;">-</span>#}
  564.                             {#<input type="text" value="{{ papierCourant.nbrPapier }}" name="nbrCopie">#}
  565.                             {#<span class="plus" style="cursor: pointer;font-size: 20px;">+</span>#}
  566.                         {#</div>#}
  567.                         <div class="d-flex">
  568.                             <div class="f_family numbr_lis_option" id="exemplaireSelect" style="    width: 95% !important;">
  569.                                 <a style=" width: 100%!important;" class="btn btn-primary collapsed" data-toggle="collapse" href="#collapsePapierexemplaire" role="button" aria-expanded="true" aria-controls="collapsePapierexemplaire" id="papierExemplaire">
  570.                                     {% if papierCourant.nbrPapier %}{{ papierCourant.nbrPapier }}{% else %}Nombre d’exemplaires{% endif %}
  571.                                 </a>
  572.                                 <input type="hidden" name="nbrCopie" value="{{ papierCourant.nbrPapier }}" id="nbrCopie">
  573.                                 <div class="collapse" id="collapsePapierexemplaire">
  574.                                     {% for item in 1..9 %}
  575.                                         <span class="exemplaireSelector fontFamily font-click{% if papierCourant.nbrPapier == item %} active {% endif %}"  data-name="{{ item }}" data-value="{{ item }}" data-value-css="exemplaire_click">{{ item }}</span>
  576.                                     {% endfor %}
  577.                                     <span class="exemplaireSelector10Plus exemplaireSelector fontFamily font-click{% if papierCourant.nbrPapier > 9 %} active {% endif %}"  data-value-css="exemplaire_click">10 +</span>
  579.                                 </div>
  580.                             </div>
  581.                         </div>
  582.                     </div>
  583.                 </div>
  584.                 <div class="bx_select mt-0 mb-3">
  585.                     <a href="https://airtable.com/appGsxeAfcCr2kzZa/shrpJFziCBqalzRDi" target="_blank" id="btnExemplairePlus50" >{{ 'Demander un devis pour 50+' | trans({}, "productTranslate") }}</a>
  586.                 </div>
  587.                 <div class="bx_select mt-2 mb-2 btnReluireBlock" {% if getAccessoireReluire(papierCourant.id) %} {% else %}style="display: none"{% endif %}>
  588.                     <a href="#" id="btnReluireExemple" data-token="{{ papierCourant.token }}">{{ 'À quoi ressemblera' | trans({}, "productTranslate") }} <span id="nomDoc"> {{ 'ma brochuire' | trans({}, "productTranslate") }}</span> ?</a>
  589.                 </div>
  590.                 <div class="bx_select mt-4 mb-4">
  591.                     <div class="imprimeur_commentaire_btn">
  592.                         <a style="padding-left: 0px;padding-right: 0;background-image:none;display: block;width: 95%;" href="#" id="imprimeur_commentaire_btn" >{{ 'Ajouter un commentaire' | trans({}, "productTranslate") }}</a>
  593.                     </div>
  594.                     <div class="imprimeur_commentaire"  style="max-width: 100%;margin-right: 20px;display: none">
  595.                         <textarea name="commentaire" class="imprimeur_commentaire_input" id="commentaireLiseuse" placeholder="Ajouter un commentaire à l’imprimeur  ?">{{ papierCourant.commentaire }}</textarea>
  596.                     </div>
  597.                 </div>
  598.                 <div class="col-12 p-md-0 mt-4 mb-4 form-check_link_lf_lis">
  599.                         <div class="form-check pl-0">
  600.                             <label class="container" id="decoupeLabel">
  601.                                 {{ '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>
  602.                                 <input type="checkbox" name="isDecoupeDoc" id="isDecoupeDoc" class="inputMarge" {% if papierCourant.isDecoupeDoc %} checked="checked" {% endif %}>
  603.                                 <span class="checkmark"></span>
  604.                             </label>
  605.                         </div>
  607.                 </div>
  608.             </form>
  609.         {% endif %}
  610.         {% if papierCourant %}
  611.             {#<h3 class="text-center titreMenuPdfLiseuse titretop100pdf">Notre Top 100 des livres et documents <br> essentiels à imprimer#}
  612.                 {#<span class="livicon-evo" data-options="#}
  613.                             {#name: label-new.svg;#}
  614.                             {#style: lines;#}
  615.                             {#size: 30px;#}
  616.                             {#strokeColor: #000000;#}
  617.                             {#strokeColorAction: #000;#}
  618.                             {#repeat:loop;#}
  619.                             {#colorsOnHover: custom#}
  620.                         {#"></span>#}
  621.             {#</h3>#}
  622.             {#<div class="box_header1 box_headerLiseuse boxtop100pdf">#}
  623.                 {#<div class=" bx_global_radio  input-group md-form form-sm form-2 bloc-liseuse-doc">#}
  624.                     {#<input class="form-control input_search_top_pdf_liseuse" id="inputPdf" placeholder="Quels documents ou livres recherchez-vous aujourd’hui?"  type="text" >#}
  625.                     {#<div class="input-group-append " id="searchBtn">#}
  626.                         {#<button id="buttonSearchLiv" class="buttonSearchDoc" disabled="disabled"><span class="search_top" id="spanSearchBtn"></span></button>#}
  627.                     {#</div>#}
  628.                 {#</div>#}
  629.                 {#<div>#}
  631.                     {#<h4>De quel type de documents avez vous besoin ?</h4>#}
  632.                     {#<div class="d-flex bx_global_radio taille_full bottom_lis_doc">#}
  633.                         {#{% for category in categories %}#}
  634.                             {#<div class="taille">#}
  635.                                 {#<input type="radio" name="categoryPdf" id="categoryId{{ category.id }}" value="{{ category.id }}" >#}
  636.                                 {#<label for="categoryId{{ category.id }}" class="block taille">{{ category.titre }}</label>#}
  637.                             {#</div>#}
  638.                         {#{% endfor %}#}
  639.                     {#</div>#}
  640.                 {#</div>#}
  641.                 {#<div class="bx_global_radio_result_pdf">#}
  642.                     {#<input type="hidden" value="0" id="offset">#}
  643.                     {#<div class="row" id="blocTopProduct" style="width: 100%;">#}
  644.                         {#<div class=" row blocTopProductwithoutPagination  mb-3" style="width: 100%;"></div>#}
  645.                     {#</div>#}
  646.                     {#<span id="endPdf"></span>#}
  647.                 {#</div>#}
  648.             {#</div>#}
  649.         {% endif %}
  650.         <div class="global_right">
  651.             <div class=" mb-4">
  652.                 <div class="mr-3"><a href="#" id="addFichierLiseuseBtnSecond" class="addFichierLiseuse">{{ '+ Ajouter un ou plusieurs autres fichiers' | trans({}, "productTranslate") }}</a></div>
  653.                 {#<div class="mt-1"><a class="newFichierLiseuse">Nouveau</a></div>#}
  654.             </div>
  655.         </div>
  656.         {% if displayBtnDuplicate %}
  657.             <div class="col-12 p-md-0 mt-5 form-check_link_lf_lis">
  658.                 {% if checkIsduplicatePerference %}
  659.                     <p >{{ 'Voulez-vous appliquer ces options de paramétrage à tous vos documents ?' | trans({}, "productTranslate") }}</p>
  660.                     <p id="appAllPreferenceQ" style="background-image: none;"></p>
  661.                     <div class="form-check" style="margin-bottom: 100px;">
  662.                         <label class="container">
  663.                             {{ 'Appliquer à tous les documents' | trans({}, "productTranslate") }}
  664.                             <input type="checkbox" id="appAllPreference" {% if papierCourant.cart and  papierCourant.cart.appliqueParam %}checked="checked"{% endif %} data-token="{{ papierCourant.token }}">
  665.                             <span class="checkmark"></span>
  666.                         </label>
  667.                     </div>
  668.                 {% else %}
  669.                     <p id="appAllPreferenceQ">{{ "Vos documents uploadés ne peuvent avoir l\'option des mêmes paramétrages de reliure" | trans({}, "productTranslate") }}</p>
  670.                 {% endif %}
  671.             </div>
  672.         {% endif %}
  673.     </div>
  674. </div>
  675. <!-- Modal  upload -->
  676. {% if abonnementPro %}
  677.     {% if  checkIsComptableAboPro(app.user) %}
  678.         <div class="modal fade " id="addFichierLiseuseProduct" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
  679.             <div class="modal-dialog modal-lg" style="margin-top: 3vw;">
  680.                 <div class="modal-content modalProduct">
  681.                     <div class="modal-header">
  682.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  683.                             <span aria-hidden="true">×</span>
  684.                         </button>
  685.                     </div>
  686.                     <div class="modal-body">
  687.                         <div class="alert alert-warning part_mon_compte fade show p-2" role="alert">
  688.                             <strong>{{ "Oups!" | trans({}, "productTranslate")|raw }}</strong> {{ "vous n\'êtes pas autorisé à imprimer" | trans({}, "productTranslate") }}
  689.                             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  690.                                 <span aria-hidden="true"></span>
  691.                             </button>
  692.                         </div>
  693.                     </div>
  694.                 </div>
  695.             </div>
  696.         </div>
  697.     {% else %}
  698.         <div class="modal_type_model1 modal fade" id="addFichierLiseuseProduct" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  699.             <div class="modal-dialog modal-lg" role="document" style="margin-top: 1vw;">
  700.                 <div class="modal-content">
  701.                     <div class="modal-header">
  702.                         <h2 class="modal-title" id="exampleModalLabel">Ajouter vos documents</h2>
  703.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  704.                             <span aria-hidden="true">&times;</span>
  705.                         </button>
  706.                     </div>
  707.                     <div class="modal-body">
  708.                         <div class="row modal_model1">
  709.                             <div class="col-md-6">
  710.                                 <div class="glob_modal_model1 pb-0" style="height: 100%;display: flex;flex-direction: column;flex-wrap: wrap;">
  711.                                     <img style="width: fit-content;margin-left: auto;margin-right: auto;" src="{{ asset('images/modal_img1.png') }}">
  712.                                     <h4>{{ 'Depuis votre navigateur internet' | trans({}, "productTranslate") }}</h4>
  713.                                     <div id="fileuploaderLiseuse1"></div>
  714.                                     <input type="hidden" id="product_imprission_id" value="{% if productPapier.id is defined %}{{ productPapier.id }}{% endif %}">
  715.                                     <div class="link_modal_model1 mt-auto"> <a href="#" id="uploadPdfPageLiseuse" style="margin-bottom: 16px;">{{ 'Importer mes fichiers' | trans({}, "productTranslate") }}</a> </div>
  716.                                 </div>
  717.                             </div>
  718.                             <div class="col-md-6">
  719.                                 <div class="glob_modal_model1"  style="height: 100%;display: flex;flex-direction: column;flex-wrap: wrap;">
  720.                                     <img style="width: fit-content;margin-left: auto;margin-right: auto;" src="{{ asset('images/modal_img2.png') }}">
  721.                                     <h4>{{ 'Depuis votre espace abonné' | trans({}, "productTranslate") }}</h4>
  722.                                     <h5 style="margin-bottom:0px;">{{ 'Livraison le jour même sur créneau de 30 mn dans plus de 10 villes ou sous 48H maximum dans le reste de la France.' | trans({}, "productTranslate") }}</h5>
  723.                                     <h5 style="margin-bottom:0px;">{{ 'Plus de 100 combinaisons de reliures' | trans({}, "productTranslate") }}</h5>
  724.                                     <h5 style="margin-bottom:0px;">{{ 'Vous pouvez importer jusqu’a 30 fichiers' | trans({}, "productTranslate") }}</h5>
  725.                                     <h5 style="margin-bottom:0px;">{{ 'Livraison gratuite dès 29€' | trans({}, "productTranslate") }}</h5>
  726.                                     <h5 style="margin-bottom:0px;">{{ 'Prix instantané avec la technologie auto detect' | trans({}, "productTranslate") }}</h5>
  727.                                     <div style="margin-top: 48px;" class="link_modal_model1 right_modal_model1 mt-auto"> <a href="{{ path('file_user_page_b2b') }}">{{ 'Abonnement' | trans({}, "productTranslate") }} {{ getNameAbonnementPro(app.user)|raw }} </a> </div>
  728.                                 </div>
  729.                             </div>
  730.                         </div>
  731.                     </div>
  732.                 </div>
  733.             </div>
  734.         </div>
  735.     {% endif%}
  736. {% else %}
  737.     <div class="modal_type_model1 modal fade" id="addFichierLiseuseProduct" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  738.         <div class="modal-dialog modal-lg" role="document" style="margin-top: 1vw;">
  739.             <div class="modal-content">
  740.                 <div class="modal-header">
  741.                     <h2 class="modal-title" id="exampleModalLabel">{{ 'Ajouter vos documents' | trans({}, "productTranslate") }}</h2>
  742.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  743.                         <span aria-hidden="true">&times;</span>
  744.                     </button>
  745.                 </div>
  746.                 <div class="modal-body">
  747.                     <div class="row modal_model1">
  748.                         <div class="col-md-6">
  749.                             <div class="glob_modal_model1 pb-0" style="height: 100%;display: flex;flex-direction: column;flex-wrap: wrap;">
  750.                                 <img style="width: fit-content;margin-left: auto;margin-right: auto;" src="{{ asset('images/modal_img1.png') }}">
  751.                                 <h4>{{ 'Depuis votre navigateur internet' | trans({}, "productTranslate") }}</h4>
  752.                                 <div id="fileuploaderLiseuse1"></div>
  753.                                 <input type="hidden" id="product_imprission_id" value="{% if productPapier.id is defined %}{{ productPapier.id }}{% endif %}">
  754.                                 <div class="link_modal_model1 mt-auto"> <a href="#" id="uploadPdfPageLiseuse">{{ 'Importer mes fichiers' | trans({}, "productTranslate") }}</a> </div>
  755.                             </div>
  756.                         </div>
  757.                         <div class="col-md-6">
  758.                             <div class="glob_modal_model1"  style="height: 100%;display: flex;flex-direction: column;flex-wrap: wrap;">
  759.                                 <img style="width: fit-content;margin-left: auto;margin-right: auto;"  class="imgUploadDesktop" src="{{ asset('images/modal_img2.png') }}">
  760.                                 <h4>{{ 'Depuis votre compte Plus' | trans({}, "productTranslate")|raw }}
  761.                                     <span style="font-size: 12px;display: block;">{{ '*5.99€/mois. Abonnement sans engagement de durée, résiliable en 1 clic à tous moments' | trans({}, "productTranslate")|raw }}</span>
  762.                                 </h4>
  763.                                 <h5 style="margin-bottom:0px;">{{ '<strong>Livraison gratuite illimitée</strong>' | trans({}, "productTranslate")|raw }}</h5>
  764.                                 <h5 style="margin-bottom:0px;">{{ '<strong>Paiement automatique à J+30</strong> dès votre 2eme commande' | trans({}, "productTranslate")|raw }}</h5>
  765.                                 <h5 style="margin-bottom:0px;">{{ '<strong>Jusqu’à 50% de réduction</strong> sur notre catalogue de <strong>plus de 300 produits</strong>' | trans({}, "productTranslate")|raw }} </h5>
  766.                                 {% set textPrixAboPremumLiseuse = getConfigWording(constant('App\\Entity\\ConfigWording::W_liseuse_abo')) %}
  767.                                 <h5 style="margin-bottom:0px;display:none;"   class="hiddenLitextAbonnementDiv">{% if textPrixAboPremumLiseuse %}{{ textPrixAboPremumLiseuse.description|trans|raw }}{% else %}{{ 'Pour la reprographie, <strong>un prix fixe à la page</strong> de 0,12€ la n&b et 0,15€ la couleur quelque soit le grammage et le format' | trans({}, "productTranslate")|raw }}{% endif %}</h5>
  768.                                 <h5 style="margin-bottom:0px;display:none;"   class="hiddenLitextAbonnementDiv">{{ '<strong>Editeur PDF gratuit</strong> pour modifier et organiser vos PDF' | trans({}, "productTranslate")|raw }}</h5>
  769.                                 <h5 style="margin-bottom:0px;display:none;"   class="hiddenLitextAbonnementDiv">{{ '<strong>20 000 modèles</strong> à personnaliser pour vos créas' | trans({}, "productTranslate")|raw }}</h5>
  770.                                 <span><a class="enSavoirPlusAceuill" href="#">{{ 'En savoir plus' | trans({}, "productTranslate")|raw }}</a></span>
  771.                                 <div style="margin-top: 48px;" class="link_modal_model1 right_modal_model1 mt-auto"> <a href="{{ path('abonnementPro_adresse_facture') }}?typeAbonnement={{ constant('App\\Entity\\AbonnementPro::TYPE_PRO') }}&typeComptePaiement=1&isFree=1">{{ 'Je m’abonne à Copees Plus' | trans({}, "productTranslate")|raw }} </a> </div>
  772.                             </div>
  773.                         </div>
  774.                     </div>
  775.                 </div>
  776.             </div>
  777.         </div>
  778.     </div>
  779. {% endif %}
  780. {#fin modal#}
  782. <div class="modal fade " id="exemplairePapierProduct" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">²
  783.     <div class="modal-dialog modal-lg" style="margin-top: 3vw;max-width: 370px;">
  784.         <div class="modal-content" style="padding-left: 20px;padding-right: 20px;">
  785.             <div class="modal-header pl-0 pr-0">
  786.                 <h5 class="modal-title h4" style="text-align: left;font-size: 23px;">{{ "Choisir le Nombre d\'exemplaire" | trans({}, "productTranslate") }}</h5>
  787.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  788.                     <span aria-hidden="true">×</span>
  789.                 </button>
  790.             </div>
  791.             <div class="modal-body">
  792.                 <div class="" style="">
  793.                     <div class="form-group" style=" max-width: 195px; margin-right: 15px;">
  794.                         <input type="number" class="form-control" id="exemplaireManuel" value="" placeholder="Entrer un nombre" style="width: 100%;">
  795.                     </div>
  796.                     <button class="btn btn-primary" id="exemplaireManuelBtn">{{ 'Valider' | trans({}, "productTranslate") }}</button>
  797.                 </div>
  798.             </div>
  799.         </div>
  800.     </div>
  801. </div>
  802. <div class="modal fade " id="typeReluireExemple" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
  803.     <div class="modal-dialog modal-lg" style="margin-top: 3vw;">
  804.         <div class="modal-content" style="border: 10px solid #FDF18D;">
  805.             <div class="modal-header">
  806.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  807.                     <span aria-hidden="true">×</span>
  808.                 </button>
  809.             </div>
  810.             <div class="modal-body">
  811.                 <div id="imgReluire" style="text-align: center;">
  812.                     <img src="{{ asset('/images/reluire_thermoreliure.jpeg') }}" >
  813.                 </div>
  814.             </div>
  815.         </div>
  816.     </div>
  817. </div>
  818. <div class="modal fade " id="minMaxReluireCheck" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
  819.     <div class="modal-dialog modal-lg" style="margin-top: 3vw;">
  820.         <div class="modal-content" style="border: 10px solid #FDF18D;">
  821.             <div class="modal-header">
  822.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  823.                     <span aria-hidden="true">×</span>
  824.                 </button>
  825.             </div>
  826.             <div class="modal-body" id="textNonEligibleReluire">
  828.             </div>
  829.         </div>
  830.     </div>
  831. </div>
  832. <style>
  833.     .labelMarge{
  834.         width: 86%!important;
  835.     }
  836.     .inputMarge{
  837.         height: 30px!important;width: 30px!important;
  838.     }
  839.     #fileuploaderLiseuse1{
  840.         width: 100%;
  841.     }
  842.     #addFichierLiseuseProduct .ajax-upload-dragdrop {
  843.         border: none;
  844.         color: #000;
  845.         padding: 0;
  846.     }
  847.     #addFichierLiseuseProduct  .ajax-file-upload-error b{
  848.         display: none;
  849.     }
  850. </style>
  851. <script>
  852.     var productAttribute = '{{ productAttribute|raw }}';
  853. </script>