{% if product.isDeleted %}
<div class="mt-12">
<div class="alert alert-danger" role="alert">
<p class="p-2">{{ 'Ce produit est actuellement indisponible, il sera de retour très bientôt' | trans({}, "productTranslate") }}</p>
</div>
</div>
{% else %}
{% if product and getDisponibiliteProductPerCountrySession(product) == false %}
<div class="alert alert-danger" role="alert">
<p class="p-2">{{ 'Ce produit est actuellement indisponible dans' | trans({}, "productTranslate") }} </p>
</div>
{% else %}
{% if product.isColorLab %}
<input type="hidden" name="productColorLab" id="productColorLab" value="1">
{% include 'front/product-option/options-next-mobile-new.html.twig' %}
{% else %}
{% if product.typeProduct == constant('App\\Entity\\Product::AFFICHE') %}
<div class="bx_select row_select_ca boxOptionBlocNewMobile" >
<h2 class="boxOptionBlocNewMobileLabel">{{ 'Sélectionnez votre type d’impression' | trans({}, "productTranslate") }}</h2>
<div class="d-flex">
<div class="f_family">
<a aria-controls="selectOption1" aria-expanded="false" role="button" href="#selectOption1" data-toggle="collapse" class="btn btn-primary collapsed">
<span style="" id="">
{% for item in typeImpression %}
{% if item.id == typeImpression_id %}
{{ item.name | trans({}, "productTranslate") }}
{% endif %}
{% endfor %}
</span>
</a>
<div class="collapse selectOptionInput" id="selectOption1" style="">
<div class="row_select_ca02 row p-0">
<div class="col-12 p-0">
<div class=" bx_global_radio taille_full" style="max-width: 100%;">
{% for item in typeImpression %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="typeImpression" class="select_ca_btn" data-text="{{ item.name | trans({}, "productTranslate") }}" id="typeImpression{{ item.id }}" {% if item.id == typeImpression_id %}checked="checked"{% endif %} value="{{ item.id }}">
<label for="typeImpression{{ item.id }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">
{{ item.name | trans({}, "productTranslate") }}
</span>
</div>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% else %}
<div class="bx_select row_select_ca boxOptionBlocNewMobile" {% if product.typeProduct == constant('App\\Entity\\Product::STICKERS_AUTOCOLLANT') %}style="display: none" {% endif %} >
<h2 class="boxOptionBlocNewMobileLabel">{{ 'Sélectionnez votre type d’impression' | trans({}, "productTranslate") }}</h2>
<div class="d-flex">
<div class="f_family">
<a aria-controls="selectOption0" aria-expanded="false" role="button" href="#selectOption0" data-toggle="collapse" class="btn btn-primary collapsed">
<span style="" id="">
{% if constant('App\\Entity\\ProductAttribute::RECTO') == rectoverso %}{{ 'Recto' | trans({}, "productTranslate") }}{% else %}{{ 'Recto/Verso' | trans({}, "productTranslate") }}{% endif %}
</span>
</a>
<div class="collapse selectOptionInput" id="selectOption0" style="">
<div class="row_select_ca02 row p-0">
<div class="col-12 p-0">
<div class=" bx_global_radio taille_full" style="max-width: 100%;">
{% if product.isRecto %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="rectoverso" class="select_ca_btn" data-text="{{ 'Recto' | trans({}, "productTranslate") }}" id="recto" {% if constant('App\\Entity\\ProductAttribute::RECTO') == rectoverso %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\ProductAttribute::RECTO') }}">
<label for="recto" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">
{{ 'Recto' | trans({}, "productTranslate") }}
</span>
</div>
</div>
</label>
</div>
{% elseif product.isRectoVerso %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="rectoverso" class="select_ca_btn" data-text="{{ 'Recto/Verso' | trans({}, "productTranslate") }}" id="rectoVerso" {% if constant('App\\Entity\\ProductAttribute::VERSO') == rectoverso %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\ProductAttribute::VERSO') }}">
<label for="rectoVerso" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">
{{ 'Recto/Verso' | trans({}, "productTranslate") }}
</span>
</div>
</div>
</label>
</div>
{% else %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="rectoverso" class="select_ca_btn" data-text="{{ 'Recto' | trans({}, "productTranslate") }}" id="recto" {% if constant('App\\Entity\\ProductAttribute::RECTO') == rectoverso %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\ProductAttribute::RECTO') }}">
<label for="recto" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">
{{ 'Recto' | trans({}, "productTranslate") }}
</span>
</div>
</div>
</label>
</div>
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="rectoverso" class="select_ca_btn" data-text="{{ 'Recto/Verso' | trans({}, "productTranslate") }}" id="rectoVerso" {% if constant('App\\Entity\\ProductAttribute::VERSO') == rectoverso %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\ProductAttribute::VERSO') }}">
<label for="rectoVerso" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">
{{ 'Recto/Verso' | trans({}, "productTranslate") }}
</span>
</div>
</div>
</label>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
<div class="bx_select row_select_ca boxOptionBlocNewMobile" >
<h2 class="boxOptionBlocNewMobileLabel">
{% if product.typeProduct == constant('App\\Entity\\Product::STICKERS_AUTOCOLLANT') %}
{{ 'Quelle coupe souhaitez-vous ? ' | trans({}, "productTranslate") }}
{% else %}
{{ 'Quelle taille souhaitez-vous ?' | trans({}, "productTranslate") }}
{% endif %}
</h2>
<div class="d-flex">
<div class="f_family">
<a aria-controls="selectOption2" aria-expanded="false" role="button" href="#selectOption2" data-toggle="collapse" class="btn btn-primary collapsed">
<span style="" id="">
{% for item in formats %}
{% if item.id == format_id %}
{{ item.name | trans({}, "productTranslate") }}
{% endif %}
{% endfor %}
</span>
</a>
<div class="collapse selectOptionInput" id="selectOption2" style="">
<div class="row_select_ca02 row p-0">
<div class="col-12 p-0">
<div class=" bx_global_radio taille_full" style="max-width: 100%;">
{% for item in formats %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="format" class="select_ca_btn" data-text="{{ item.name | trans({}, "productTranslate") }}" id="format{{ item.id }}" {% if item.id == format_id %}checked="checked"{% endif %} value="{{ item.id }}">
<label for="format{{ item.id }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">
{{ item.name | trans({}, "productTranslate") }}
</span>
</div>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="optionsGlobalByFormatMobile" class="">
<div class="bx_select row_select_ca boxOptionBlocNewMobile" >
<h2 class="boxOptionBlocNewMobileLabel flexDiv">
{% if product.typeProduct == constant('App\\Entity\\Product::STICKERS_AUTOCOLLANT') %}
{{ 'Format' | trans({}, "productTranslate") }}
{% else %}
{{ 'Type de papier' | trans({}, "productTranslate") }} <a href="{{ product.savoirPlusGrammageOptionProduct }}"{% if product.savoirPlusGrammageOptionProductIsExtern %} target="_blank"{% endif %}>Infos sur les grammages</a>
{% endif %}
</h2>
<div class="row p-0">
<div class="col-12 p-0 papierBlockMobile">
<div class=" bx_global_radio taille_full" style="max-width: 100%;">
{% for item in gramage %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="gramage" class="select_ca_btn" data-text="{{ item.namePapier | trans({}, "productTranslate") }}" id="gramage{{ item.id }}" {% if item.id == gramage_id %}checked="checked"{% endif %} value="{{ item.id }}">
<label for="gramage{{ item.id }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0 pr-0" >
<div class="ca_image_txt" style="font-size: 13px;">
<div class="row">
<div class="col-9 discriptionPapierMobile">
<h4> {{ item.namePapier | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{{ item.description | trans({}, "productTranslate") }}</h5>
</div>
<div class="col-3 discriptionPapierMobile">
<div class="imgPapierMobile">
<img src="{% if item.file %}{{ asset('imageSite/'~item.file) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}">
</div>
</div>
</div>
</div>
{#<span class="prixProductQtyUnite">#}
{#{% if product.typeProduct == constant('App\\Entity\\Product::STICKERS_AUTOCOLLANT') %}#}
{#{{ item.name | trans({}, "productTranslate") }}#}
{#{% else %}#}
{#{{ item.namePapier | trans({}, "productTranslate") }}#}
{#{% endif%}#}
{#</span>#}
</div>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="bx_select row_select_ca boxOptionBlocNewMobile" >
<h2 class="boxOptionBlocNewMobileLabel">
{{ 'Finition papier' | trans({}, "productTranslate") }}
</h2>
<div class="d-flex">
<div class="f_family">
<a aria-controls="selectOption7" aria-expanded="false" role="button" href="#selectOption7" data-toggle="collapse" class="btn btn-primary collapsed">
<span style="" id="">
{% if constant('App\\Entity\\CartDetail::FINITION_GLACE') == finition %}Finition Glacée{% endif %}
{% if constant('App\\Entity\\CartDetail::FINITION_MATE') == finition %}Finition Mate{% endif %}
{% if constant('App\\Entity\\CartDetail::FINITION_TRANSPARENT') == finition %}Finition Transparent{% endif %}
{% if constant('App\\Entity\\CartDetail::FINITION_REPOSITIONALBLE') == finition %}Finition Repositionnable{% endif %}
{% if constant('App\\Entity\\CartDetail::FINITION_SoftTouch') == finition %}Finition Soft Touch{% endif %}
{% if constant('App\\Entity\\CartDetail::FINITION_Pelliculemat') == finition %}Finition Pelliculé mat{% endif %}
{% if constant('App\\Entity\\CartDetail::FINITION_PelliculeBrillant') == finition %}Finition Pelliculé Brillant{% endif %}
</span>
</a>
<div class="collapse selectOptionInput" id="selectOption7" style="">
<div class="row_select_ca02 row p-0">
<div class="col-12 p-0">
<div class=" bx_global_radio taille_full" style="max-width: 100%;">
{% if isFinitionGlace %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="finition" class="select_ca_btn" data-text="{{ 'Finition Glacée' | trans({}, "productTranslate") }}" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_GLACE') }}" {% if constant('App\\Entity\\CartDetail::FINITION_GLACE') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_GLACE') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_GLACE') }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">{{ 'Finition Glacée' | trans({}, "productTranslate") }}</span>
</div>
</div>
</label>
</div>
{% endif %}
{% if isFinitionMate %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="finition" class="select_ca_btn" data-text="{{ 'Finition Mate' | trans({}, "productTranslate") }}" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_MATE') }}" {% if constant('App\\Entity\\CartDetail::FINITION_MATE') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_MATE') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_MATE') }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">{{ 'Finition Mate' | trans({}, "productTranslate") }}</span>
</div>
</div>
</label>
</div>
{% endif %}
{% if isFinitionTransparent %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="finition" class="select_ca_btn" data-text="{{ 'Finition Transparent' | trans({}, "productTranslate") }}" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_TRANSPARENT') }}" {% if constant('App\\Entity\\CartDetail::FINITION_TRANSPARENT') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_TRANSPARENT') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_TRANSPARENT') }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">{{ 'Finition Transparent' | trans({}, "productTranslate") }}</span>
</div>
</div>
</label>
</div>
{% endif %}
{% if isFinitionRepositionalble %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="finition" class="select_ca_btn" data-text="{{ 'Finition Repositionnable' | trans({}, "productTranslate") }}" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_REPOSITIONALBLE') }}" {% if constant('App\\Entity\\CartDetail::FINITION_REPOSITIONALBLE') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_REPOSITIONALBLE') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_REPOSITIONALBLE') }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">{{ 'Finition Repositionnable' | trans({}, "productTranslate") }}</span>
</div>
</div>
</label>
</div>
{% endif %}
{% if isFinitionSoftTouch %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="finition" class="select_ca_btn" data-text="{{ 'Finition Soft Touch' | trans({}, "productTranslate") }}" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_SoftTouch') }}" {% if constant('App\\Entity\\CartDetail::FINITION_SoftTouch') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_SoftTouch') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_SoftTouch') }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">{{ 'Finition Soft Touch' | trans({}, "productTranslate") }}</span>
</div>
</div>
</label>
</div>
{% endif %}
{% if isFinitionPelliculemat %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="finition" class="select_ca_btn" data-text="{{ 'Finition Pelliculé mat' | trans({}, "productTranslate") }}" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_Pelliculemat') }}" {% if constant('App\\Entity\\CartDetail::FINITION_Pelliculemat') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_Pelliculemat') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_Pelliculemat') }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">{{ 'Finition Pelliculé mat' | trans({}, "productTranslate") }}</span>
</div>
</div>
</label>
</div>
{% endif %}
{% if isFinitionPelliculeBrillant %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="finition" class="select_ca_btn" data-text="{{ 'Finition Pelliculé Brillant' | trans({}, "productTranslate") }}" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_PelliculeBrillant') }}" {% if constant('App\\Entity\\CartDetail::FINITION_PelliculeBrillant') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_PelliculeBrillant') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_PelliculeBrillant') }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">{{ 'Finition Pelliculé Brillant' | trans({}, "productTranslate") }}</span>
</div>
</div>
</label>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% if format is defined and format.isPlastification %}
<div class="bx_select row_select_ca boxOptionBlocNewMobile" >
<h2 class="boxOptionBlocNewMobileLabel">
{{ 'Plastification' | trans({}, "productTranslate") }}
</h2>
<div class="d-flex">
<div class="f_family">
<a aria-controls="selectOption5" aria-expanded="false" role="button" href="#selectOption5" data-toggle="collapse" class="btn btn-primary collapsed">
<span style="" id="">
{% if constant('App\\Entity\\CartDetail::PLASTIFICATION_NOT_CHECKED') == plastification %}{{ 'Sans' | trans({}, "productTranslate") }}{% endif %}
{% if constant('App\\Entity\\CartDetail::PLASTIFICATION_CHECKED') == plastification %}{{ 'Avec' | trans({}, "productTranslate") }}{% endif %}
</span>
</a>
<div class="collapse selectOptionInput" id="selectOption5" style="">
<div class="row_select_ca02 row p-0">
<div class="col-12 p-0">
<div class=" bx_global_radio taille_full" style="max-width: 100%;">
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="plastification" class="select_ca_btn" data-text="{{ 'Sans' | trans({}, "productTranslate") }}" id="plastification{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_NOT_CHECKED') }}" {% if constant('App\\Entity\\CartDetail::PLASTIFICATION_NOT_CHECKED') == plastification %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_NOT_CHECKED') }}">
<label for="plastification{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_NOT_CHECKED') }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">{{ 'Sans' | trans({}, "productTranslate") }}</span>
</div>
</div>
</label>
</div>
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="plastification" class="select_ca_btn" data-text="{{ 'Avec' | trans({}, "productTranslate") }}" id="plastification{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_CHECKED') }}" {% if constant('App\\Entity\\CartDetail::PLASTIFICATION_CHECKED') == plastification %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_CHECKED') }}">
<label for="plastification{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_CHECKED') }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">{{ 'Avec' | trans({}, "productTranslate") }}</span>
</div>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
<div class="bx_select row_select_ca boxOptionBlocNewMobile" >
<h2 class="boxOptionBlocNewMobileLabel">
{{ 'Vérification' | trans({}, "productTranslate") }}
</h2>
<div class="d-flex">
<div class="f_family">
<a aria-controls="selectOption6" aria-expanded="false" role="button" href="#selectOption6" data-toggle="collapse" class="btn btn-primary collapsed">
<span style="" id="">
{% if constant('App\\Entity\\CartDetail::VERIFICATION_NOT_CHECKED') == verification %}{{ 'Sans' | trans({}, "productTranslate") }}{% endif %}
{% if constant('App\\Entity\\CartDetail::PLASTIFICATION_CHECKED') == verification %}{{ 'Avec' | trans({}, "productTranslate") }} (+3,99€ HT){% endif %}
</span>
</a>
<div class="collapse selectOptionInput" id="selectOption6" style="">
<div class="row_select_ca02 row p-0">
<div class="col-12 p-0">
<div class=" bx_global_radio taille_full" style="max-width: 100%;">
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="verification" class="select_ca_btn" data-text="{{ 'Sans' | trans({}, "productTranslate") }}" id="verification{{ constant('App\\Entity\\CartDetail::VERIFICATION_NOT_CHECKED') }}" {% if constant('App\\Entity\\CartDetail::VERIFICATION_NOT_CHECKED') == verification %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::VERIFICATION_NOT_CHECKED') }}">
<label for="verification{{ constant('App\\Entity\\CartDetail::VERIFICATION_NOT_CHECKED') }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">{{ 'Sans' | trans({}, "productTranslate") }}</span>
</div>
</div>
</label>
</div>
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="verification" class="select_ca_btn" data-text="{{ 'Avec' | trans({}, "productTranslate") }}" id="verification{{ constant('App\\Entity\\CartDetail::VERIFICATION_CHECKED') }}" {% if constant('App\\Entity\\CartDetail::VERIFICATION_CHECKED') == verification %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::VERIFICATION_CHECKED') }}">
<label for="verification{{ constant('App\\Entity\\CartDetail::VERIFICATION_CHECKED') }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-12 pl-0" >
<span class="prixProductQtyUnite">{{ 'Avec' | trans({}, "productTranslate") }} (+3,99€ HT)</span>
</div>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% endif %}