templates/reprendre_entreprise/contacter_deposant_annonce_vendeur.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block canonical %}
  4.     <link rel="canonical" href="{{ canonical }}" />
  5. {% endblock %}
  7. {% block stylesheets %}  {{ parent() }}
  8.     <link rel="stylesheet" href="{{ asset('build/css/reprendre_entreprise/reprendre_entreprise.css') }}">
  9. {% endblock %}
  11. {% block body %}
  12.     {% include 'assets/assets_vuejs.html.twig' %}
  14.     <!-- Menu  -->
  15.     {{ render_esi(controller(
  16.       'App\\Controller\\CoreController::menu',
  17.       {   "lang": lang,
  18.           "currentRoute":"reprendre_entreprise_details_annonce_vendeur",
  19.           "codePays": codePaysWithUnderScore }
  20.     )) | spaceless }}
  21.     <!-- Menu  -->
  23.     <!-- Publicité  -->
  24.     {% include 'includes/publicite.html.twig' %}
  25.     <!-- Publicité  -->
  27. <div class="container" id="app">
  28.     <div class="row">
  29.         <!--COLONNE GAUCHE -->
  30.         {% include 'includes/colonne_gauche_details_annonce.html.twig' %}
  31.         <!--FIN COLONNE GAUCHE -->
  33.         <!--COLONNE DROITE -->
  34.         <div class="col-12 col-lg-9 bkg_blanc">
  36.             <!-- ARIANE -->
  37.             <nav aria-label="breadcrumb" class="d-none d-sm-block">
  38.                 <ol class="breadcrumb">
  39.                     <li class="breadcrumb-item">
  40.                         <a href="{{ path('index', {'codePays': codePays}) }}">
  41.                             {{ translate("accueil", lang, "", "M") | raw }}
  42.                         </a>
  43.                     </li>
  44.                     <li class="breadcrumb-item">
  45.                         <a href="{{ path('reprendre_entreprise_annonces_cession_entreprise', {'codePays': codePaysWithUnderScore}) }}">
  46.                             {{ translate("reprendre une entreprise", lang, "", "M") | raw }}
  47.                         </a>
  48.                     </li>
  49.                     {% if type_annonce == "entreprise" %}
  50.                         <li class="breadcrumb-item">
  51.                             <a href="{{ path('reprendre_entreprise_resultats_annonces_cession_entreprise', {'codePays': codePaysWithUnderScore}) }}">
  52.                                 {{ translate("cessions d'entreprise", lang, "", "M") | raw }}
  53.                             </a>
  54.                         </li>
  55.                     {% else %}
  56.                         <li class="breadcrumb-item">
  57.                             <a href="{{ path('reprendre_entreprise_resultats_cession_actif', {'codePays': codePaysWithUnderScore}) }}">
  58.                                 {{ translate("cessions d'actif", lang, "", "M") | raw }}
  59.                             </a>
  60.                         </li>
  61.                     {% endif %}
  62.                     {% for element in annonce.tab_fil_ariane %}
  63.                         <li class="breadcrumb-item">
  64.                             <a href="{{ element.lien }}"
  65.                                title="{{ typeCession }} {% if element.secteur_activite is not defined %}{{ element.nom }}{% else %}{{ element.secteur_activite }}, {{ element.nom }}{% endif %}">
  66.                                 &nbsp;{{ element.nom }}
  67.                             </a>
  68.                         </li>
  69.                     {% endfor %}
  70.                 </ol>
  71.             </nav>
  72.             <!-- FIN ARIANE -->
  74.             {% if app.session.flashbag.peek('error')|length > 0 %}
  75.             <div class="alert alert-danger" role="alert">
  76.                 <p>
  77.                     {{ translate("veuillez corriger les erreurs suivantes",lang,"","M","") | raw }}
  78.                     :
  79.                 </p>
  80.                 {% for message in app.flashes('error') %}
  81.                 -
  82.                 {{ message }}
  83.                 <br>
  84.                 {% endfor %}
  85.             </div>
  86.             {% endif %}
  88.             {% if app.session.flashbag.peek('success')|length > 0 %}
  89.             <div class="alert alert-success" role="alert">
  90.                 {% for message in app.flashes('success') %}
  91.                 -
  92.                 {{ message }}
  93.                 <br>
  94.                 {% endfor %}
  95.             </div>
  96.             {% endif %}
  98.             <!--3 BOUTONS-->
  99.             <div class="row my-3">
  100.                 <div class="col-4">
  101.                     {% if previousAnnonce and fromAlaUne is null and dernieresAnnonces is null %}
  102.                     {% set lienPrevious = path('reprendre_entreprise_details_annonce_vendeur', {
  103.                         'slug': previousAnnonce.titre_annonce|slugify,
  104.                         'nomLocalisation': previousAnnonce.nom_localisation_slug,
  105.                         'idAnnonce': previousAnnonce.id_annonce_vendeur,
  106.                         'codePays': codePaysWithUnderScore
  107.                         }) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ indexPrevious %}
  108.                     <a href="{{ lienPrevious }}"
  109.                         title="{{ translate("precedente",lang,"","M") | raw }}"
  110.                         class="deco_none bleu">
  111.                         <div class="float-left">
  112.                             <i class="fa fa-chevron-circle-left fa-2x"></i>
  113.                         </div>
  114.                         <div class="d-none d-xl-block lh20">
  115.                             &nbsp;&nbsp;
  116.                             {{ translate("precedente",lang,"","M") | raw }}
  117.                         </div>
  118.                     </a>
  119.                     {% endif %}
  120.                 </div>
  121.                 <div class="col-4 text-center align-content-center"
  122.                     style="text-align: center">
  123.                     <div class="bloc_140 contenu_centre">
  124.                         {% if urlRetourList %}
  125.                         <a href="{{ urlRetourList }}"
  126.                             class="deco_none bleu d-inline-block d-xl-inline"
  127.                             title="{{ translate("retour liste",lang,"","M") | raw }}"
  128.                             class="deco_none bleu">
  129.                             <div class="float-left">
  130.                                 <i class="fa fa-chevron-circle-up fa-2x"></i>
  131.                             </div>
  132.                             <div class="d-none d-xl-block lh20"
  133.                                 style="background-color: #FFF; vertical-align: middle;">
  134.                                 &nbsp;&nbsp;
  135.                                 {{ translate("retour liste",lang,"","M") | raw }}
  136.                             </div>
  137.                         </a>
  138.                         {% endif %}
  139.                     </div>
  140.                 </div>
  141.                 <div class="col-4 text-right" style="text-align: right">
  142.                     {% if nextAnnonce and fromAlaUne is null and dernieresAnnonces is null %}
  143.                     {% set lienNext = path('reprendre_entreprise_details_annonce_vendeur', {
  144.                         'slug': nextAnnonce.titre_annonce|slugify,
  145.                         'nomLocalisation': nextAnnonce.nom_localisation_slug,
  146.                         'idAnnonce': nextAnnonce.id_annonce_vendeur,
  147.                         'codePays': codePaysWithUnderScore
  148.                         }) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ indexNext %}
  149.                     <a href="{{ lienNext }}" style="text-decoration: none;"
  150.                         title="{{ translate("suivante",lang,"","M") | raw }}"
  151.                         class="deco_none bleu">
  152.                         <div class="float-right">
  153.                             <i class="fa fa-chevron-circle-right fa-2x"></i>
  154.                         </div>
  155.                         <div class="d-none d-xl-block lh20"
  156.                             style="vertical-align: middle;">
  157.                             {{ translate("suivante",lang,"","M") | raw }}
  158.                             &nbsp;&nbsp;
  159.                         </div>
  160.                     </a>
  161.                     {% endif %}
  162.                 </div>
  163.             </div>
  164.             <!--FIN 3 BOUTONS-->
  166.             <!-- CARD -->
  167.             <div class="card no_shadow">
  168.                  {% if annonce.mode_annonce=='publique_elite' %}
  169.                 <div class="card-header text-left pl-4" style="background-color:#e7c236; color: #e7c236; border-bottom: none;">
  170.                     <span style="color: #003366;">&nbsp;&nbsp;&nbsp;Accès anticipé</span>&nbsp;&nbsp;&nbsp;<a href="fusacq_elite.html" title="Annonce FUSACQ Elite"><img src="/images/fusacq_elite_bleu3.png"></a>
  171.                 </div>
  172.                 {% endif %}
  173.                 <div class="card-body">
  174.                     <div class="row">
  175.                         <div class="col-12 mb-3 ml-lg-3">
  176.                             <h2 class="titre_annonce">
  177.                                 {{ annonce.titre_annonce }}
  178.                             </h2>
  179.                             {% if ordered %}
  180.                             {#<span class="orange">
  181.                                 <small>
  182.                                     {{ translate("un acheteur (au moins) a pris contact au cours des trois derniers jours.",lang,"","M") | raw }}
  183.                                 </small>
  184.                             </span>#}
  185.                             {% endif %}
  186.                         </div>
  187.                         <div class="col-12 mt-2 col-sm-8 ml-lg-5">
  188.                             <ul class="cat_regions">
  189.                                 <li>{{ translate("ref.",lang,"","M") | raw }} : <strong>V{{ annonce.id_annonce_vendeur }}</strong></li>
  190.                                 <li>{{ translate("secteur",lang,"","M") | raw }} : <a
  191.                                     title="{{ typeCession }} {{ secteurActivite.nomSecteurActivite }}"
  192.                                     href="cession-entreprise-{{ secteurActivite.nomSecteurActivite | slugify }},{{ secteurActivite.idSecteurActivite }}">{{ secteurActivite.nomSecteurActivite }}</a></li>
  193.                                 {% set lienInfoSectorielle = path('reprendre_entreprise_actualite_sectorielle_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index %} 
  194.                                 <li>
  195.                                     {#<a title="L'actualité du secteur avec Fusacq Buzz" href="{{ lienInfoSectorielle }}">
  196.                                         <img src="https://www.fusacq.com/FUSACQ2020/images/actu_Buzz.gif">
  197.                                     </a>#}
  198.                                     <a title="{{ translate("L'actualité du secteur", lang, "", "M") | raw }}"
  199.                                        href="{{ lienInfoSectorielle }}" class="fullsouligne">{{ translate("L'actualité du secteur", lang, "", "M") | raw }}</a>
  200.                                        &nbsp;avec&nbsp;
  201.                                     <a title="{{ translate("L'actualité du secteur avec Fusacq Buzz", lang, "", "M") | raw }}" href="{{ lienInfoSectorielle }}">
  202.                                         <img src="https://www.fusacq.com/FUSACQ2020/images/actu_Buzz2.gif"></a>
  203.                                 </li>
  204.                                 <li>{% if annonce.date_parution > annonce.date_parution_initiale %}
  205.                                     {{ translate("mise à jour le",lang,"","M") | raw }} {% else %}
  206.                                     {{ translate("poste le",lang,"","M") | raw }} {% endif %} <strong>{{ annonce.date_parution_formated }}</strong>
  207.                                 </li>
  208.                                 <li>
  209.                                     {% if typeCession == "Cession d'actif" %} 
  210.                                         {% set lien_localisation = "reprendre_entreprise_cession_actif_localisation" %}
  211.                                     {% else %} 
  212.                                         {% set lien_localisation = "reprendre_entreprise_annonce_cession_entreprise_localisation" %}
  213.                                     {% endif %} 
  214.                                     {{ translate("localisation", lang, "", "M") | raw }} :
  215.                                     {% if annonce.nom_localisation_niveau_2 and annonce.nom_localisation_niveau_2 != "Confidentiel" %}
  216.                                     <a title="{{ typeCession }}, {{ annonce.nom_localisation_niveau_2 }}"
  217.                                        href="{{ path(lien_localisation, {'slug': annonce.nom_localisation_niveau_2 | slugify, 'type': 'd', 'idLocalisation': annonce.id_localisation_niveau_2, 'codePays': codePaysWithUnderScore }) }}">{{ annonce.nom_localisation_niveau_2 }}</a>,
  218.                                     {% endif %}
  219.                                     {% if annonce.nom_localisation_niveau_1 and annonce.nom_localisation_niveau_1 != "Confidentiel" %}
  220.                                     <a title="{{ typeCession }}, {{ annonce.nom_localisation_niveau_1 }}"
  221.                                        href="{{ path(lien_localisation, {'slug': annonce.nom_localisation_niveau_1 | slugify, 'type': 'r', 'idLocalisation': annonce.id_localisation_niveau_1, 'codePays': codePaysWithUnderScore }) }}">{{ annonce.nom_localisation_niveau_1 }}</a>,
  222.                                     {% elseif annonce.nom_zone_geographique %}
  223.                                         {{ annonce.nom_zone_geographique }},
  224.                                     {% endif %}
  225.                                     {% if annonce.nom_localisation_niveau_0 and annonce.nom_localisation_niveau_0 != "Confidentiel" %}
  226.                                     <a title="{{ typeCession }}, {{ annonce.nom_localisation_niveau_0 }}"
  227.                                        href="{{ path(lien_localisation, {'slug': annonce.nom_localisation_niveau_0 | slugify, 'type': 'p', 'idLocalisation': annonce.id_localisation_niveau_0, 'codePays': codePaysWithUnderScore }) }}">
  228.                                         {{ annonce.nom_localisation_niveau_0 }}
  229.                                     </a>
  230.                                     {% endif %}
  231.                                 </li>
  232.                                 {% if typeCession == "Cession d'actif" and annonce.ca_n == 0 %}
  233.                                 {% else %}
  234.                                 <li>{{ translate("CA",lang,"","M") | raw }} : <strong>{{ annonce.ca_n < 300 ? '<300k€' : annonce.ca_n | number_format(0, "", " ") ~ ' k€' }}</strong></li>
  235.                                 {% endif %}
  236.                                 <li>
  237.                                     <div class="mb-3">
  238.                                         <span class="badge3 badge_cession">{{ typeCession | upper }}</span>&nbsp;
  239.                                         {% if annonce.mode_annonce=='publique_elite' %}
  240.                                         <span data-toggle="tooltip" title="" class="badge3 badge_ann_anticipe mb-1" data-original-title="{{ translate("Accès anticipé",lang,"","M") | raw }}">
  241.                                         {{ translate("Accès anticipé",lang,"","M") | raw }}</span>&nbsp;                                        
  242.                                         {% endif %}
  243.                                         {% if annonce.is_rare %}
  244.                                         <span class="badge3 badge_secteur_rare mb-1" data-toggle="tooltip" title="{{ translate("Très peu d'offres sont déposées dans ce secteur",lang,"","M") | raw }}">{{ translate("Secteur rare",lang,"","M") | raw }}</span>&nbsp;
  245.                                         {% endif %}
  246.                                         
  247.                                         {% if annonce.is_recherche %}
  248.                                         <span class="badge3 badge_secteur_recherche mb-1" data-toggle="tooltip" title="{{ translate("Secteur généralement apprécié par les repreneurs",lang,"","M") | raw }}">{{ translate("Secteur en vogue",lang,"","M") | raw }}</span>&nbsp;
  249.                                         {% endif %}
  250.                                         
  251.                                         {% if annonce.contact_recent %}
  252.                                         {#<span class="badge3 badge_contact_recent mb-1" data-toggle="tooltip" title="{{ translate("Au moins un acheteur a pris contact au cours des 15 derniers jours",lang,"","M") | raw }}">{{ translate("Contact récent",lang,"","M") | raw }}</span>&nbsp;#}
  253.                                         {% endif %}
  254.                                         
  255.                                         {% if annonce.annonce_recente and annonce.mode_annonce!='publique_elite'  %}
  256.                                         <span class="badge3 badge_annonce_recente mb-1" data-toggle="tooltip" title="{{ translate("Annonce déposée il y a moins de 2 semaines",lang,"","M") | raw }}">{{ translate("Annonce récente",lang,"","M") | raw }}</span>&nbsp;
  257.                                         {% endif %}
  258.                                         
  259.                                         {% if annonce.sous_radar %}
  260.                                         <span class="badge3 badge_contact_recent mb-1" data-toggle="tooltip" title="{{ translate("Annonce discrète, peu approchée à ce jour",lang,"","M") | raw }}">{{ translate("Sous les radars",lang,"","M") | raw }}</span>&nbsp;
  261.                                         {% endif %}
  262.                                     </div>
  263.                                 </li>
  264.                             </ul>
  265.                         </div>
  266.                         <div class="col-6 col-sm-3 mt-2">
  267.                             <img class="img-fluid" src="{{ annonce.carte }}"
  268.                                 alt="{{ annonce.nom_localisation }}">
  269.                         </div>
  270.                     </div>
  272.                     <!-- FAVORIS - ENVOYER A UN AMI - IMPRIMER PAGE -->
  273.                     <div class="row mt-3">
  274.                     {% if annonce.mode_annonce!='publique_elite' %}
  275.                         <div class="col-2 col-sm-2 ml-lg-5 pt-1">
  276.                             {{ render_esi(controller(
  277.                                     'App\\Controller\\AnnoncesController::partager',
  278.                                     {
  279.                                         "lang": lang,
  280.                                         "codePays": codePaysWithUnderScore,
  281.                                         "idAnnonce": annonce.id_annonce_vendeur,
  282.                                         "typeAnnonce":"V",
  283.                                         "from": 1
  284.                                     }
  285.                                     ))
  286.                                 }}
  287.                         </div>
  288.                     {% endif %}
  289.                         <div class="col-2 col-sm-2 text-center pt-1">
  290.                             <a
  291.                                 href="{{ path('imprimer_annonce_vendeur', { 'codePays': codePaysWithUnderScore, 'lang' : lang, 'idAnnonce': annonce.id_annonce_vendeur  }) }}"
  292.                                 title="{{ translate("imprimer la page",lang,"","M") | raw }}"
  293.                                 class="gris text-center" target="_blank">
  294.                                 <div class="float-left">
  295.                                     <i class="fa fa-print bleu"></i>
  296.                                 </div>
  297.                                 <div class="float-left pl-1 pb-1 d-none d-lg-block bleu">
  298.                                     <small>&nbsp;&nbsp;{{ translate("imprimer",lang,"","M") | raw }}</small>
  299.                                 </div>
  300.                             </a>
  301.                         </div>
  302.                         <div class="col-2 col-sm-2 text-center pt-1">
  303.                             {% if annonce.is_favoris %}
  304.                             <div class="float-left">
  305.                                 <i class="fa-sharp fa-solid fa-heart bleu"></i>
  306.                             </div>
  307.                             <a
  308.                                 href="{{ path('compte_favoris' ,{'codePays':codePaysWithUnderScore  }) }}"
  309.                                 title="{{ translate("favoris", lang, '', 'M', '') }}"> <small>{{ translate("appartient à : mes favoris", lang, '', 'M', '') }}</small>
  310.                             </a>
  311.                             {% else %}
  312.                             <a href="javascript:void(0)"
  313.                                 title="{{ translate("favoris",lang,"","M") | raw }}"
  314.                                 class="lien-annonce-fav gris text-center btn-favoris favoris-{{ annonce.id_annonce_vendeur }}"
  315.                                 data-id-annonce="{{ annonce.id_annonce_vendeur }}"
  316.                                 data-type-annonce="V">
  317.                                 <div class="float-left">
  318.                                     <i class="fa-light fa-heart bleu"></i>
  319.                                 </div>
  320.                                 <div class="float-left pl-1 pb-1 d-none d-lg-block bleu">
  321.                                     <small>&nbsp;&nbsp;{{ translate("favoris",lang,"","M") | raw }}</small>
  322.                                 </div>
  323.                             </a>
  324.                             {% endif %}
  325.                         </div>
  326.                         {% if fromAlaUne %}
  327.                         {% set complementUrl = "&urlList=" ~ urlList ~ "&fromAlaUne=1&" ~ string_params %}
  328.                         {% else %}
  329.                         {% set complementUrl = "&urlList=" ~ urlList ~ "&" ~ string_params ~ '&index=' ~ index %}
  330.                         {% endif %}
  331.                         <div
  332.                             class="col-6 col-sm-4 col-md-5 col-lg-4 offset-sm-1 text-md-right">
  333.                             {% if annonce.etat is defined and (annonce.etat == "information_transmise" or annonce.etat == "facture_envoyee" or annonce.etat == "cmde_valide") %}
  334.                             <a href="#"
  335.                                 title="{{ translate("déjà commandé",lang,"","M") | raw }}"
  336.                                 class="toggle-onglet" data-onglet="7"><button type="button"
  337.                                     class="btn btn-bleu-annonce">
  338.                                     {{ translate("déjà commandé",lang,"","M") | raw }}
  339.                                 </button></a>
  340.                             {% else %}
  341.                             <a href="#onglet-7"
  342.                                 title="{{ translate("contacter le deposant",lang,"","M") | raw }}"><button type="button"
  343.                                     class="btn btn-bleu-annonce">
  344.                                     {{ translate("contacter le deposant",lang,"","M") | raw }}
  345.                                 </button></a>
  346.                             {% endif %}
  347.                         </div>
  348.                     </div>
  349.                     <!-- FIN FAVORIS - ENVOYER A UN AMI - IMPRIMER PAGE -->
  350.                 </div>
  351.             </div>
  352.             <!-- FIN CARD -->
  354.             <div class="row mt-3">
  355.                 <div class="onglet6 col-12 mb-3">
  356.                     <nav>
  357.                         <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  358.                             <div
  359.                                 class="col no-padding-x bl_gris br_gris d-none d-lg-block lh09"
  360.                                 data-onglet="1">
  361.                                 <a class="nav-item nav-link" href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}"> 
  362.                                 {{ translate("description <span class='d-none d-lg-block'><br></span>generale",lang,"","M") | raw }}
  363.                                 </a>
  364.                             </div>
  365.                             <div
  366.                                 class="col no-padding-x bl_m_gris br_gris d-none d-lg-block lh09"
  367.                                 data-onglet="2">
  368.                                 <a class="nav-item nav-link" href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}"> {{ translate("elements <span class='d-none d-none d-lg-block'><br></span>chiffres",lang,"","M") | raw }}
  369.                                 </a>
  370.                             </div>
  371.                             <div
  372.                                 class="col no-padding-x bl_m_gris br_gris d-none d-lg-block lh09"
  373.                                 data-onglet="3">
  374.                                 <a class="nav-item nav-link" href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}"> {{ translate("points forts / <span class='d-none d-none d-lg-block'><br></span>concurrence",lang,"","M") | raw }}
  375.                                 </a>
  376.                             </div>
  377.                             <div
  378.                                 class="col no-padding-x bl_m_gris br_gris d-none d-lg-block lh09"
  379.                                 data-onglet="4">
  380.                                 <a class="nav-item nav-link" href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}"> {{ translate("infos sur <span class='d-none d-none d-lg-block'><br></span>la cession",lang,"","M") | raw }}
  381.                                 </a>
  382.                             </div>
  383.                             {% if valorisations %}
  384.                             <div
  385.                                 class="col no-padding-x bl_m_gris br_gris comparables d-none d-lg-block lh09"
  386.                                 data-onglet="6">
  387.                                 <a class="nav-item nav-link" href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}"> {{ translate("transactions <span class='d-none d-none d-lg-block'><br></span>comparables",lang,"","M") | raw }}
  388.                                 </a>
  389.                             </div>
  390.                             {% endif %}
  391.                             
  392.                             <!-- syntheseElite --> 
  393.                             {% if syntheseElite is defined %}  {# version web  #}
  394.                                 {% if syntheseElite is null  %}{# pas de synthese #}
  395.                                     {#<div class="col no-padding-x bl_m_gris br_gris atouts d-none d-lg-block lh09 toggle-onglet-off ongletSyntheseNull" data-onglet="30">
  396.                                         <a class="nav-item nav-link ongletSyntheseNull " 
  397.                                            title="Pas encore disponible pour cette annonce"
  398.                                            href="javascript:void(0)" onclick="return false;"> 
  399.                                             {{ translate("atouts et leviers <span class='d-none d-none d-lg-block'><br></span>stratégiques", lang, "", "M") | raw }}
  400.                                         </a>
  401.                                     </div> 
  402.                                     <script>
  403.                                         // Attendre que le DOM soit chargé
  404.                                         document.addEventListener('DOMContentLoaded', function () {
  405.                                             const ongletDesactive = document.querySelector('.ongletSyntheseNull');
  406.                                             if (ongletDesactive) {
  407.                                                 ongletDesactive.addEventListener('click', function (e) {
  408.                                                     e.preventDefault();
  409.                                                     e.stopPropagation();
  410.                                                     return false;
  411.                                                 }, true);
  412.                                             }
  414.                                         });
  415.                                     </script>#}
  416.                                 {% else  %} {# version web  #}
  417.                                     <div class="col no-padding-x bl_m_gris br_gris atouts d-none d-lg-block lh09" data-onglet="30">
  418.                                         <a class="nav-item nav-link " href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '#atouts?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}">  
  419.                                             {{ translate("atouts et leviers <span class='d-none d-none d-lg-block'><br></span>stratégiques", lang, "", "M") | raw }}
  420.                                         </a>
  421.                                     </div>
  423.                                                 <!--3 BOUTONS-->
  424.                                                 {% if elite_result is not defined or elite_result == false  or elite_result  is null %} 
  426.                                                  {% else %}
  427.                                                      {% include 'reprendre_entreprise/fragments/elite/navigation.html.twig'  with {  }   %}
  428.                                                  {% endif %}        
  429.                                                 <!--FIN 3 BOUTONS-->
  430.                                 {% endif  %}
  432.                             {% endif %}  {# version web  #}
  433.                             <!-- syntheseElite -->
  434.                         </div>
  435.                     </nav>
  436.                 </div>
  437.             </div>
  439.             <div class="row d-lg-none" id="top-nav">
  440.                 <div class="onglet6 col-12">
  441.                     <nav>
  442.                         <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  443.                             <div
  444.                                 class="col no-padding-x bl_gris br_gris lh09"
  445.                                 data-onglet="1">
  446.                                 <a
  447.                                     class="nav-item nav-link"
  448.                                     href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}#top-nav"> {{ translate("description <span class='d-none d-lg-block'><br></span>generale",lang,"","M") | raw }}
  449.                                 </a>
  450.                             </div>
  451.                         </div>
  452.                     </nav>
  453.                 </div>
  454.             </div>
  456.             <div class="row d-lg-none">
  457.                 <div class="onglet6 col-12">
  458.                     <nav>
  459.                         <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  460.                             <div
  461.                                 class="col no-padding-x bl_m_gris br_gris lh09"
  462.                                 data-onglet="2">
  463.                                 <a class="nav-item nav-link" href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}#top-nav"> {{ translate("elements <span class='d-none d-none d-lg-block'><br></span>chiffres",lang,"","M") | raw }}
  464.                                 </a>
  465.                             </div>
  466.                         </div>
  467.                     </nav>
  468.                 </div>
  469.             </div>
  471.             <div class="row d-lg-none">
  472.                 <div class="onglet6 col-12">
  473.                     <nav>
  474.                         <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  475.                             <div
  476.                                 class="col no-padding-x bl_m_gris br_gris lh09"
  477.                                 data-onglet="3">
  478.                                 <a class="nav-item nav-link" href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}#top-nav"> {{ translate("points forts / <span class='d-none d-none d-lg-block'><br></span>concurrence",lang,"","M") | raw }}
  479.                                 </a>
  480.                             </div>
  481.                         </div>
  482.                     </nav>
  483.                 </div>
  484.             </div>
  486.             <div class="row d-lg-none">
  487.                 <div class="onglet6 col-12">
  488.                     <nav>
  489.                         <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  490.                             <div
  491.                                 class="col no-padding-x bl_m_gris br_gris lh09"
  492.                                 data-onglet="4">
  493.                                 <a class="nav-item nav-link" href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}#top-nav"> {{ translate("infos sur <span class='d-none d-none d-lg-block'><br></span>la cession",lang,"","M") | raw }}
  494.                                 </a>
  495.                             </div>
  496.                         </div>
  497.                     </nav>
  498.                 </div>
  499.             </div>
  501.             {% if valorisations %}
  502.             <div class="row mb-3 d-lg-none">
  503.                 <div class="onglet6 mb-3 col-12">
  504.                     <nav>
  505.                         <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  506.                             <div
  507.                                 class="col no-padding-x bl_m_gris br_gris comparables lh09"
  508.                                 data-onglet="6">
  509.                                 <a class="nav-item nav-link" href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}#top-nav"> {{ translate("transactions <span class='d-none d-none d-lg-block'><br></span>comparables",lang,"","M") | raw }}
  510.                                 </a>
  511.                             </div>
  512.                         </div>
  513.                     </nav>
  514.                 </div>
  515.             </div>
  516.             {% endif %}
  517.             
  518.             <!-- syntheseElite -->
  519.             {% if syntheseElite is defined %}  {# version mobile #}
  520.                 {% if syntheseElite is null  %}{# pas de synthese #}
  521.                     {#<div class="row d-lg-none">
  522.                         <div class="onglet6   col-12">
  523.                             <nav>
  524.                                 <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  525.                                     <div class="col no-padding-x bl_m_gris br_gris atouts lh09 toggle-onglet-ff" data-onglet="30">
  526.                                         <a class="nav-item nav-link ongletSyntheseNull" 
  527.                                           title="Pas encore disponible pour cette annonce"
  528.                                            href="javascript:void(0)" onclick="return false;">  
  529.                                             {{ translate("atouts et leviers <span class='d-none d-none d-lg-block'><br></span>stratégiques", lang, "", "M") | raw }}
  530.                                         </a>
  531.                                     </div>
  532.                                 </div>
  533.                             </nav>
  534.                         </div>
  535.                     </div>
  536.                     <script>
  537.                         // Attendre que le DOM soit chargé
  538.                         document.addEventListener('DOMContentLoaded', function () {
  539.                             const ongletDesactive = document.querySelector('.ongletSyntheseNull');
  540.                             if (ongletDesactive) {
  541.                                 ongletDesactive.addEventListener('click', function (e) {
  542.                                     e.preventDefault();
  543.                                     e.stopPropagation();
  544.                                     return false;
  545.                                 }, true);
  546.                             }
  548.                         });
  549.                     </script>#}
  550.                 {% else  %}  {# version mobile #}
  551.                     <div class="row d-lg-none">
  552.                         <div class="onglet6   col-12">
  553.                             <nav>
  554.                                 <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  555.                                     <div class="col no-padding-x bl_m_gris br_gris atouts lh09" data-onglet="30">
  556.                                         <a class="nav-item nav-link" href="{{ path('reprendre_entreprise_details_annonce_vendeur', {'slug' : annonce.titre_annonce|slugify, 'nomLocalisation': annonce.nom_localisation_slug, 'idAnnonce' : annonce.id_annonce_vendeur, 'codePays' : codePaysWithUnderScore}) ~ '#atouts?urlList=' ~ urlList ~ '&' ~ string_params ~ '&index=' ~ index }}">  
  557.                                             {{ translate("atouts et leviers <span class='d-none d-none d-lg-block'><br></span>stratégiques", lang, "", "M") | raw }}
  558.                                         </a>
  559.                                     </div>
  560.                                 </div>
  561.                             </nav>
  562.                         </div>
  563.                     </div>
  564.                 {% endif  %}
  566.             {% endif %}
  567.             <!-- syntheseElite -->
  569.             <!-- CONTACTER DEPOSANT -->
  570.             <div id="onglet-7"
  571.                 class="card my-3 no_shadow onglet-7">
  572.                 <div class="card-body">
  573.                     <div class="row">
  574.                         <div class="r-tabs col-12">
  575.                             <div class="r-tabs-nav input-group">
  576.                                 {% if dejaCommande %}
  577.                                 <div class="col-12 alert alert-warning fs12 text-center my-5"
  578.                                     role="alert">
  579.                                     {{ translate("vous avez deja commande cette annonce",lang,"","M") | raw }}
  580.                                     - V
  581.                                     {{ annonce.id_annonce_vendeur }}
  582.                                     !
  583.                                 </div>
  584.                                 <table
  585.                                     class="table table-striped col-12 col-md-6 offset-md-3 mb-5">
  586.                                     <tbody>
  587.                                         <tr>
  588.                                             <td>{{ translate("nom contact",lang,"","M") | raw }}</td>
  589.                                             <td><strong>{{ annonce.nom_contact }}</strong></td>
  590.                                         </tr>
  591.                                         <tr>
  592.                                             <td>{{ translate("telephone",lang,"","M") | raw }}</td>
  593.                                             <td><strong>{{ annonce.telephone }}</strong></td>
  594.                                         </tr>
  595.                                         <tr>
  596.                                             <td>{{ translate("e-mail",lang,"","M") | raw }}</td>
  597.                                             <td><strong>{{ annonce.email }}</strong></td>
  598.                                         </tr>
  599.                                         <tr>
  600.                                             <td>{{ translate("commentaire",lang,"","M") | raw }}</td>
  601.                                             <td><strong>{{ annonce.commentaires }}</strong></td>
  602.                                         </tr>
  603.                                     </tbody>
  604.                                 </table>
  606.                                 <div class="col-12 text-center">
  607.                                     {{ translate('vous pouvez aussi retrouver l\'ensemble de <a href="/compte/commandes"> vos commandes </a>',lang,"","M") | raw }}
  608.                                 </div>
  609.                                 <br>
  610.                                 <br>
  611.                                 <br>
  612.                                 <br>
  613.                                 <br>
  614.                                 <br>
  615.                                 {% elseif lignePanier %}
  616.                                 <div class="col-12 alert alert-success fs12 text-center my-5"
  617.                                     role="alert">
  618.                                     {{ translate("l'annonce a ete ajoutee dans votre panier",lang,"","M") | raw }}
  619.                                 </div>
  621.                                 <div class="col-12 col-lg-6 text-center text-lg-right">
  622.                                     <div class="col-sm-12 my-3">
  623.                                         <a href="#" class="button-rond" role="button"
  624.                                             aria-pressed="true">
  625.                                             <div class="icon-btn-vous">
  626.                                                 <i class="fas fa-chevron-circle-left fa-2x white"></i>
  627.                                             </div>&nbsp;&nbsp;&nbsp;
  628.                                             <div class="float-right pt-1">
  629.                                                 {{ translate("continuer la recherche",lang,"","M") | raw }}
  630.                                             </div>
  631.                                         </a>
  632.                                     </div>
  633.                                 </div>
  634.                                 <div class="col-12 col-lg-6 text-center text-lg-left">
  635.                                     <div class="col-sm-12 my-3">
  636.                                         <a href="/panier" class="button-rond-vert" role="button"
  637.                                             aria-pressed="true">
  638.                                             <div class="icon-btn-vous">
  639.                                                 <i class="fas fa-shopping-cart fa-2x white"></i>
  640.                                             </div>&nbsp;&nbsp;&nbsp;
  641.                                             <div class="float-right pt-1">
  642.                                                 {{ translate("consulter le panier",lang,"","M") | raw }}
  643.                                                 &nbsp;
  644.                                             </div>
  645.                                         </a>
  646.                                     </div>
  647.                                 </div>
  648.                                 <br>
  649.                                 <br>
  650.                                 <br>
  651.                                 <br>
  652.                                 <br>
  653.                                 <br>
  654.                                 {% elseif hasForfait %}
  655.                                 <div class="col-12 alert alert-success fs12 text-center my-5"
  656.                                     role="alert">
  657.                                     {% if forfaitAUtiliser.code_service[0:3] == "abo" and forfaitAUtiliser.code_service[0:6]!="abo_fe" %}
  658.                                     {% set date = donneDateFormatAffichage(forfaitAUtiliser.date_fin_acces)%}
  659.                                     {% if forfaitAUtiliser.code_service[4:2]==10 %}
  660.                                     {% set itemAbo = { 'nb': 10,'date':date} %}
  661.                                     {% elseif forfaitAUtiliser.code_service[4:2]==20 %}
  662.                                     {% set itemAbo = { 'nb': 20,'date':date} %}
  663.                                     {% elseif forfaitAUtiliser.code_service[4:2]==30 %}
  664.                                     {% set itemAbo = { 'nb': 30,'date':date} %}
  665.                                     {% endif %}
  666.                                     {{ translate("vous beneficiez dun abonnement annuel %$nb%$ MER / mois valable jusqu'au %$date%$",lang,"","M","s",itemAbo) | raw }}
  667.                                     {% elseif forfaitAUtiliser.code_service[0:6]=="abo_fe" %}
  668.                                     {% if forfaitAUtiliser.code_service[7:2]==10 %}
  669.                                     {% set itemAbo = { 'nb': 10} %}
  670.                                     {% elseif forfaitAUtiliser.code_service[7:2]==20 %}
  671.                                     {% set itemAbo = { 'nb': 20} %}
  672.                                     {% elseif forfaitAUtiliser.code_service[7:2]==30 %}
  673.                                     {% set itemAbo = { 'nb': 30} %}
  674.                                     {% elseif forfaitAUtiliser.code_service[7:2]==40 %}
  675.                                     {% set itemAbo = { 'nb': 40} %}
  676.                                     {% endif %}
  677.                                     {{ translate("vous beneficiez dun abonnement %$nb%$ MER / mois",lang,"","M","s",itemAbo) | raw }}
  678.                                     {% else %}
  679.                                     {% if forfaitAUtiliser.code_service == "pack_5" %}
  680.                                     {% set nom=translate('5 MER',lang) %}
  681.                                     {% elseif forfaitAUtiliser.code_service == "pack_10" %}
  682.                                     {% set nom=translate('10 MER',lang) %}
  683.                                     {% elseif forfaitAUtiliser.code_service == "pack_20" %}
  684.                                     {% set nom=translate('20 MER',lang) %}
  685.                                     {% elseif forfaitAUtiliser.code_service == "consultation_pm_promotionnelle" %}
  686.                                     {% set nom=translate('consultation promotionnelle',lang) %}
  687.                                     {% else %}
  688.                                     {% set nom=forfaitAUtiliser.code_service %}
  689.                                     {% endif %}
  690.                                     {% if forfaitAUtiliser.date_fin_acces is defined and forfaitAUtiliser.date_fin_acces and forfaitAUtiliser.nb_utilisations_restantes is defined and forfaitAUtiliser.nb_utilisations_restantes %}
  691.                                     {% set date = donneDateFormatAffichage(forfaitAUtiliser.date_fin_acces)%}
  692.                                     {% set itemAbo = { 'nom':nom,'nb': forfaitAUtiliser.nb_utilisations_restantes,'date':date} %}
  693.                                     {{ translate('vous beneficiez d\'un service "%$nom%$" pour lequel il vous reste %$nb%$ mises en relation a utiliser jusqu\'au %$date%$',lang,"","M","s",itemAbo) | raw }}
  694.                                     *
  695.                                     {% elseif forfaitAUtiliser.date_fin_acces is defined and forfaitAUtiliser.date_fin_acces %}
  696.                                     {% set date = donneDateFormatAffichage(forfaitAUtiliser.date_fin_acces)%}
  697.                                     {% set itemAbo = { 'nom':nom,'date':date} %}
  698.                                     {{ translate('vous beneficiez d\'un service "%$nom%$" jusqu\'au %$date%$',lang,"","M","s",itemAbo) | raw }}
  699.                                     *
  700.                                     {% elseif forfaitAUtiliser.nb_utilisations_restantes is defined and forfaitAUtiliser.nb_utilisations_restantes %}
  701.                                     {% set itemAbo = { 'nom':nom,'nb':forfaitAUtiliser.nb_utilisations_restantes} %}
  702.                                     {{ translate('vous beneficiez d\'un service "%$nom%$" pour lequel il vous reste %$nb%$ mises en relation a utiliser',lang,"","M","s",itemAbo) | raw }}
  703.                                     *
  704.                                     {% else %}
  705.                                     {% set itemAbo = { 'nom':nom} %}
  706.                                     {{ translate('vous beneficiez d\'un service "%$nom%$"',lang,"","M","s",itemAbo) | raw }}
  707.                                     *
  708.                                     {% endif %}
  709.                                     {% endif %}
  710.                                 </div>
  711.                                 <div class="col-12">
  712.                                     {{ translate("ajouter cette annonce au panier en cliquant sur le bouton ci-dessous" ,lang,"","M") | raw }}
  713.                                     **
  714.                                 </div>
  715.                                 <div class="col-12 text-center mt-3 mb-5">
  716.                                     <div class="col-sm-12 my-3">
  717.                                         <form action="/panier/ajoute-panier" method="POST">
  718.                                             <input type="hidden" id="id_annonce" name="id_annonce"
  719.                                                 value="{{annonce.id_annonce_vendeur}}"> <input
  720.                                                 type="hidden" id="type" name="type"
  721.                                                 value="{{typeAnnoncePanier}}">
  722.                                             <button type="submit" class="btn btn-acheteur" role="button"
  723.                                                 aria-pressed="true">
  724.                                                 <div class="icon-btn-vous">
  725.                                                     <i class="fas fa-chevron-circle-left fa-2x white"></i>
  726.                                                 </div>
  727.                                                 &nbsp;&nbsp;&nbsp;
  728.                                                 <div class="float-right pt-1">
  729.                                                     {{ translate("ajouter au panier" ,lang,"","M") | raw }}
  730.                                                 </div>
  731.                                             </button>
  732.                                         </form>
  733.                                     </div>
  734.                                 </div>
  735.                                 <div class="col-12 mt-4 mb-3">
  736.                                     <small> * : {{ translate("charte 1 deposant forfait" ,lang,"","M") | raw }}<br>
  737.                                         ** : {{ translate("charte 2 deposant forfait" ,lang,"","M") | raw }}
  738.                                     </small>
  739.                                 </div>
  740.                                 {% else %}
  741.                                 <div class="col-12 mb-3 alert alert-warning" role="alert">
  742.                                     <i class="fa-solid fa-circle-exclamation "></i>&nbsp;&nbsp;<span
  743.                                         class="fs11"> {{ translate("pour aller plus loin dans letude de ce dossier, vous devez demander la mise en relation avec le deposant de lannonce",lang,"","M") | raw }}
  744.                                     </span>
  745.                                 </div>
  746.                                 {% if app.session.all.user is defined %}
  747.                                 {% else %}
  748.                                 <div class="col-12 col-lg-6 bkg_gris_clair mb-5">
  749.                                     <!--    <div class="my-3 text-center mb-5">
  750.                                               <h5 class="color_bleu"> {{ translate("vous disposez dun forfait de mise en relation",lang,"","M") | raw }}</h5>
  751.                                         {{ translate("identifiezvous pour acceder a votre espace prive",lang,"","M") | raw }}
  752.                                     </div>-->
  753.                                     {{ render_esi(controller(
  754.                                                  'App\\Controller\\SecurityController::login'
  755.                                              )) | spaceless }}
  756.                                     <div class="modal-footer bkg_gris_clair">
  757.                                         <div class="col-12 text-center mb-3">
  758.                                             <h5 class="modal-title">Vous n'avez pas de compte</h5>
  759.                                             <a href="/creation-compte" aria-pressed="true"
  760.                                                 class="button-rond mt-2" role="button"> Créer un compte
  761.                                             </a>
  762.                                         </div>
  763.                                     </div>
  764.                                 </div>
  765.                                 {% endif %}
  766.                                 {% if app.session.all.user is defined %}
  767.                                     <div class="col-12 col-lg-10 offset-lg-1 col-xl-6 offset-xl-3">
  768.                                 {% else %}
  769.                                     <div class="col-12 col-lg-6">
  770.                                         {% endif %}
  771.                                         <div class="my-3 text-center mb-5">
  772.                                             <h5 class="color_bleu">
  773.                                                 {{ translate("vous souhaitez souscrire à une offre" ,lang,"","M") | raw }}
  774.                                                 *
  775.                                             </h5>
  776.                                                 <a href="/comparatif-offres-fusacq" target="_blank" aria-pressed="true" class="button-rond-blanc mt-2" role="button">
  777.                                                     {{translate("quelle offre est faite pour vous" ,lang,"","M") | raw }} ?</a>
  778.                                         </div>
  779.                                         <form action="/panier/ajoute-panier" method="POST">
  780.                                             <div class="col-12 col-md-10 offset-md-1 text-left">
  781.                                                 <div class="custom-control custom-radio mb-3">
  782.                                                     <input class="custom-control-input" type="radio"
  783.                                                         name="commande" id='radios1' value="commande_unitaire"
  784.                                                         checked> <label class="custom-control-label"
  785.                                                         for="radios1"> {{ translate("mise en relation unitaire" ,lang,"","M") | raw }}
  786.                                                         : {{ tarifUnitaireAnnonce(annonce.ca_n,codePays) }}
  787.                                                         {{devise(codePays)}} {{ translate("HT",lang,"") | raw }}
  788.                                                     </label>
  789.                                                 </div>
  790.                                                 <span class="bleu_fusacq ml-4 fs11">{{ translate("$$pack$${p|packs}",lang,"","M","p") | raw }}</span><br>
  791.                                                 <div class="custom-control custom-radio mt-2">
  792.                                                     <input class="custom-control-input" type="radio"
  793.                                                         name="commande" id='radios2' value="pack_5"> <label
  794.                                                         class="custom-control-label" for="radios2"> {{ translate("%%nb_relation_mer_offre_1%% mises en relation :" ,lang,"","M") | raw }}
  795.                                                         {{ tarif('tarif_pack_mer_5_fusacq',codePays) }}
  796.                                                         {{devise(codePays)}} {{ translate("HT",lang,"") | raw }}
  797.                                                         **
  798.                                                     </label>
  799.                                                 </div>
  800.                                                 <div class="custom-control custom-radio">
  801.                                                     <input class="custom-control-input" type="radio"
  802.                                                         name="commande" id='radios3' value="pack_10"> <label
  803.                                                         class="custom-control-label" for="radios3"> {{ translate("%%nb_relation_mer_offre_2%% mises en relation :" ,lang,"","M") | raw }}
  804.                                                         {{ tarif('tarif_pack_mer_10_fusacq',codePays) }}
  805.                                                         {{devise(codePays)}} {{ translate("HT",lang,"") | raw }}
  806.                                                         **
  807.                                                     </label>
  808.                                                 </div>
  809.                                                 <div class="custom-control custom-radio mb-3">
  810.                                                     <input class="custom-control-input" type="radio"
  811.                                                         name="commande" id='radios4' value="pack_20"> <label
  812.                                                         class="custom-control-label" for="radios4"> {{ translate("%%nb_relation_mer_offre_3%% mises en relation :" ,lang,"","M") | raw }}
  813.                                                         {{ tarif('tarif_pack_mer_20_fusacq',codePays) }}
  814.                                                         {{devise(codePays)}} {{ translate("HT",lang,"") | raw }}
  815.                                                         **
  816.                                                     </label>
  817.                                                 </div>
  818.                                                 <span class="bleu_fusacq ml-4 fs11">{{ translate("$$abonnement annuel$${p|abonnements annuels}",lang,"","M","p") | raw }}</span><br>
  819.                                                 <div class="custom-control custom-radio mt-2">
  820.                                                     <input class="custom-control-input" type="radio"
  821.                                                         name="commande" id='radios5' value="abo_10_par_mois">
  822.                                                     <label class="custom-control-label" for="radios5">
  823.                                                         {{ translate("jusqu’a %%nb_relation_mer_offre_abo_annuel_1%% mer /mois :" ,lang,"","M") | raw }}
  824.                                                         {{ tarif('tarif_abo_10_mer_mois_fusacq',codePays) }}
  825.                                                         {{devise(codePays)}} {{ translate("HT",lang,"") | raw }}
  826.                                                         ***
  827.                                                     </label>
  828.                                                 </div>
  829.                                                 <div class="custom-control custom-radio">
  830.                                                     <input class="custom-control-input" type="radio"
  831.                                                         name="commande" id='radios6' value="abo_20_par_mois">
  832.                                                     <label class="custom-control-label" for="radios6">
  833.                                                         {{ translate("jusqu’a %%nb_relation_mer_offre_abo_annuel_2%% mer /mois :" ,lang,"","M") | raw }}
  834.                                                         {{ tarif('tarif_abo_20_mer_mois_fusacq',codePays) }}
  835.                                                         {{devise(codePays)}} {{ translate("HT",lang,"") | raw }}
  836.                                                         ***
  837.                                                     </label>
  838.                                                 </div>
  839.                                                 <div class="custom-control custom-radio">
  840.                                                     <input class="custom-control-input" type="radio"
  841.                                                         name="commande" id='radios7' value="abo_30_par_mois">
  842.                                                     <label class="custom-control-label" for="radios7">
  843.                                                         {{ translate('jusqu’a %%nb_relation_mer_offre_abo_annuel_3%% mer /mois :' ,lang,"","M") | raw }}
  844.                                                         {{ tarif('tarif_abo_30_mer_mois_fusacq',codePays) }}
  845.                                                         {{devise(codePays)}} {{ translate("HT",lang,"") | raw }}
  846.                                                         ***
  847.                                                     </label>
  848.                                                 </div>
  849.                                             </div>
  850.                                             <input type="hidden" id="id_annonce" name="id_annonce"
  851.                                                 value="{{annonce.id_annonce_vendeur}}"> <input
  852.                                                 type="hidden" id="type" name="type"
  853.                                                 value="{{typeAnnoncePanier}}">
  854.                                             <div class="col-12 text-center mb-3 mt-2 pt-4">
  855.                                                 {% if app.session.all.user is defined %}
  856.                                                 <button type="submit" class="button-rond" role="button"
  857.                                                     aria-pressed="true">
  858.                                                     {{ translate("commander" ,lang,"","M") | raw }}
  859.                                                 </button>
  860.                                                 {% else %}
  861.                                                 <a class="button-rond" role="button" aria-pressed="true"
  862.                                                     href="#" onclick="afficheAlert()"> {{ translate("commander" ,lang,"","M") | raw }}
  863.                                                 </a>
  864.                                                 {% endif %}
  865.                                             </div>
  866.                                         </form>
  867.                                     </div>
  868.                                     <div class="col-12 mt-4 mb-3">
  869.                                         <small> * : {{ translate("charte 1 deposant" ,lang,"","M") | raw }}<br>
  870.                                             ** : {{ translate("charte 2 deposant" ,lang,"","M") | raw }}<br>
  871.                                             *** : {{ translate("%%prix_sup_abo%% € ht la mer au-dela, sur une duree dun an" ,lang,"","m") | raw }}
  872.                                         </small>
  873.                                     </div>
  874.                                 </div>
  875.                                 {% endif %}
  876.                             </div>
  877.                         </div>
  878.                     </div>
  879.                 </div>
  880.             </div>
  881.             <!-- FIN CONTACTER DEPOSANT -->
  883.             <!-- FIN DETAILS ANNONCES -->
  885.         </div>
  886.         <!--FIN COLONNE DROITE -->
  888.     </div>
  889.     <!--FIN ROW CONTAINER -->
  890. </div>
  891. <!--FIN CONTAINER -->
  893. {% endblock %}
  895. {% block javascripts %}
  896. {{ parent() }}
  897.     <script type="text/javascript">
  898.     $(document).ready(function () {
  899.         $('[data-toggle="tooltip"]').tooltip();
  900.     });
  901.    </script>
  902. <script src="https://www.google.com/recaptcha/api.js?hl=fr"></script>
  903. <script type="module"
  904.     src="{{ asset('build/js/annonces/details_annonce.js') }}"></script>
  905. <script type="module"
  906.     src="{{ asset('build/js/annonces/partager_annonce.js') }}"></script>
  907. <script type="application/javascript"
  908.     data-name="{{ codePaysWithUnderScore }}" id="codePaysParam"
  909.     src="{{ asset('build/js/annonces/favoris.js') }}"></script>
  910. {% include 'annonces/fragments/modal_favoris.html.twig' %}
  911. <script>
  912.     sessionStorage.removeItem("form"); // desactive le bug du modal login
  913.     document.getElementById('onglet-7').scrollIntoView({
  914.       behavior: 'smooth'
  915.     });
  917.   function afficheAlert() {
  918.       alert("Merci de vous authentifier (ou de vous créer un compte) pour pouvoir commander.");
  919.   }
  920. </script>
  921. {% endblock %}