templates/content/consultant/consultant_page.html.twig line 1

Open in your IDE?
  1. <section class="d-sm-none d-block" style="height: 80px;">
  3. </section>
  4. <section class="d-none d-sm-block">
  7.     <h1 class="text-center text-uppercase mt-5 mb-3 ">Comment Contacter {{conseiller[0].userPseudo}} pour une
  8.         consultation de voyance ?</h1>
  11.     {% if app.user %}
  12.     <div class="col-lg-8 mx-auto mb-5 text-center">
  13.         <h4> Pour consulter {{conseiller[0].userPseudo}}, rechargez votre compte si
  14.             nécessaire.
  15.             <br>
  16.             Sinon appelez le <strong>01 72 89 19 46</strong> et suivez les instructions.
  17.         </h4>
  18.         <br> <a href="{{path('app_tarifs')}}"> <button class="btn btn-primary mt-2"> Rechargez votre compte </button>
  20.     </div>
  21.     {% else %}
  22.     <div class="col-lg-8 mx-auto mb-5 text-center">
  23.         <h4>Créer votre compte client dès maintenant, c'est gratuit et sans engagement.
  24.             Pour se faire, rien de plus simple, vous n'avez qu'a remplir le formulaire suivant. </h4>
  25.         <br> <a href="{{path('app_register')}}"> <button class="btn btn-primary mt-2"> Créer votre compte</button>
  27.     </div>
  28.     {% endif %}
  29.     <div class="container-xl col-sm-10  row mx-auto mt-4 mb-4">
  30.         <div class="col-sm-3 ">
  31.             <div class="card shadow">
  32.                 <h5 class="card-title text-center">{{conseiller[0].userPseudo}} - {{conseiller[0].userExtensionCode}}
  33.                 </h5>
  34.                 <img src="{{conseiller[0].photo}}" class="card-img-top" alt="...">
  36.                 <div class="card-body">
  37.                     {% if conseiller[0].note == 0 %}
  38.                     <p class="text-center  text-dark small ">Avis des membres
  39.                         <i class="bi bi-star"></i>
  40.                         <i class="bi bi-star"></i>
  41.                         <i class="bi bi-star"></i>
  42.                         <i class="bi bi-star"></i>
  43.                         <i class="bi bi-star"></i>
  44.                     </p>
  45.                     {% elseif conseiller[0].note == 0.5 %}
  46.                     <p class="text-center text-dark  small ">Avis des membres
  47.                         <i class="bi bi-star-half" style="color: #d78316;"></i>
  48.                         <i class="bi bi-star"></i>
  49.                         <i class="bi bi-star"></i>
  50.                         <i class="bi bi-star"></i>
  51.                         <i class="bi bi-star"></i>
  52.                     </p>
  53.                     {% elseif conseiller[0].note == 1 %}
  54.                     <p class="text-center text-dark  small ">Avis des membres
  55.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  56.                         <i class="bi bi-star"></i>
  57.                         <i class="bi bi-star"></i>
  58.                         <i class="bi bi-star"></i>
  59.                         <i class="bi bi-star"></i>
  60.                     </p>
  61.                     {% elseif conseiller[0].note == 1.5 %}
  62.                     <p class="text-center text-dark  small ">Avis des membres
  63.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  64.                         <i class="bi bi-star-half" style="color: #d78316;"></i>
  65.                         <i class="bi bi-star"></i>
  66.                         <i class="bi bi-star"></i>
  67.                         <i class="bi bi-star"></i>
  68.                     </p>
  69.                     {% elseif conseiller[0].note == 2 %}
  70.                     <p class="text-center text-dark  small ">Avis des membres
  71.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  72.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  73.                         <i class="bi bi-star"></i>
  74.                         <i class="bi bi-star"></i>
  75.                         <i class="bi bi-star"></i>
  76.                     </p>
  77.                     {% elseif conseiller[0].note == 2.5 %}
  78.                     <p class="text-center  text-dark small ">Avis des membres
  79.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  80.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  81.                         <i class="bi bi-star-half" style="color: #d78316;"></i>
  82.                         <i class="bi bi-star"></i>
  83.                         <i class="bi bi-star"></i>
  84.                     </p>
  85.                     {% elseif conseiller[0].note == 3 %}
  86.                     <p class="text-center  text-dark small ">Avis des membres
  87.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  88.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  89.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  90.                         <i class="bi bi-star"></i>
  91.                         <i class="bi bi-star"></i>
  92.                     </p>
  93.                     {% elseif conseiller[0].note == 3.5 %}
  94.                     <p class="text-center text-dark  small ">Avis des membres
  95.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  96.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  97.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  98.                         <i class="bi bi-star-half" style="color: #d78316;"></i>
  99.                         <i class="bi bi-star"></i>
  100.                     </p>
  101.                     {% elseif conseiller[0].note == 4 %}
  102.                     <p class="text-center  text-dark small ">Avis des membres
  103.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  104.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  105.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  106.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  107.                         <i class="bi bi-star"></i>
  108.                     </p>
  109.                     {% elseif conseiller[0].note == 4.5 %}
  110.                     <p class="text-center text-dark  small ">Avis des membres
  111.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  112.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  113.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  114.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  115.                         <i class="bi bi-star-half" style="color: #d78316;"></i>
  116.                     </p>
  117.                     {% elseif conseiller[0].note == 5 %}
  118.                     <p class="text-center  text-dark small ">Avis des membres
  119.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  120.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  121.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  122.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  123.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  124.                     </p>
  125.                     {% endif %}
  127.                     {% if app.user %}
  128.                     <ul class="list-group list-group-flush">
  132.                         <button class="btn btn-primary shadow  mt-2"> <a href="{{path('app_userComment')}}"
  133.                                 class="text-white"><i class="bi bi-eye"></i> Voir mon avis</button></a>
  134.                         {% if conseiller[0].userMailing %}
  135.                         <button class="btn btn-primary shadow  mt-2"> <a href="{{path('app_chat')}}"
  136.                                 class="text-white"><i class="bi bi-chat-fill col-12"></i> Chat</button></a>
  137.                         {% endif %}
  138.                         {% if conseiller[0].userChatOnline %}
  139.                         <button class="btn btn-primary shadow  mt-2"> <i class="bi bi-camera-video-fill"></i>
  140.                             Visio</button>
  141.                         {% endif %}
  143.                         <button class="btn btn-primary shadow  mt-2"> <a
  144.                                 href="{{path('question_mail',  {id : conseiller[0].complementId})}}"
  145.                                 class="text-white"><i class="bi bi-envelope-fill col-12"></i> Question Mail </a>
  146.                         </button>
  147.                         <button class="btn btn-primary shadow mt-2"> <i class="bi bi-heart-fill"></i> Ajouter aux
  148.                             Favoris</button>
  149.                     </ul>
  150.                     {% else %}
  151.                     <ul class="list-group list-group-flush">
  152.                         <button class="btn btn-primary shadow  mt-2">
  153.                             <a href="{{path('app_login')}}" class="text-white">
  154.                                 <i class="bi bi-box-arrow-in-right"></i> Connection </a>
  155.                         </button>
  156.                         <button class="btn btn-primary shadow  mt-2">
  157.                             <a href="{{path('app_register')}}" class="text-white">
  158.                                 <i class="bi bi-book"></i> Inscription </a>
  159.                         </button>
  160.                     </ul>
  161.                     {% endif %}
  162.                 </div>
  164.             </div>
  165.         </div>
  166.         <div class="card col-lg-9 bg-primary">
  167.             <div class="card-header border-bottom ">
  168.                 <!-- Wizard navigation-->
  169.                 <div class="nav nav-pills nav-justified flex-column flex-xl-row nav-wizard " id="cardTab"
  170.                     role="tablist">
  171.                     <!-- Wizard navigation item 1-->
  172.                     <a class="nav-item nav-link active" id="profil-tab" href="#profil" data-bs-toggle="tab" role="tab"
  173.                         aria-controls="profil" aria-selected="true">
  174.                         <div class="wizard-step-icon"><i class="bi bi-person"></i></div>
  175.                         <div class="wizard-step-text">
  176.                             <div class="wizard-step-text-name">Profil</div>
  177.                         </div>
  178.                     </a>
  180.                     <!-- Wizard navigation item 2-->
  181.                     <a class="nav-item nav-link" id="avis-tab" href="#avis" data-bs-toggle="tab" role="tab"
  182.                         aria-controls="avis" aria-selected="true">
  183.                         <div class="wizard-step-icon"><i class="bi bi-book"></i></div>
  184.                         <div class="wizard-step-text">
  185.                             <div class="wizard-step-text-name">Appréciations</div>
  186.                         </div>
  187.                     </a>
  189.                     {% if app.user %}
  190.                     <!-- Wizard navigation item 3-->
  191.                     <a class="nav-item nav-link" id="eval-tab" href="#eval" data-bs-toggle="tab" role="tab"
  192.                         aria-controls="eval" aria-selected="true">
  193.                         <div class="wizard-step-icon"><i class="bi bi-pen-fill"></i></div>
  194.                         <div class="wizard-step-text ">
  195.                             <div class="wizard-step-text-name "> Laissez un avis</div>
  196.                         </div>
  197.                     </a>
  199.                     {% endif %}
  200.                 </div>
  201.             </div>
  202.             <div class="card-body ">
  203.                 <div class="tab-content" id="cardTabContent">
  204.                     <!-- Wizard tab pane item 1-->
  205.                     <div class="tab-pane py-5 py-xl-10 fade show active" id="profil" role="tabpanel"
  206.                         aria-labelledby="profil-tab">
  207.                         <div class="row justify-content-center text-white">
  208.                             {% if conseiller[0].prixParMinute == 0%}
  209.                             {%else%}
  210.                             <strong class="text-warning text-center mt-n-5">--* Consultation CB à
  211.                                 {{conseiller[0].prixParMinute|number_format(2)}} €/mn *--</strong>
  212.                             {%endif%}
  213.                             <h1 class="text-white text-center">{{conseiller[0].titrePage}}</h1>
  214.                             <h4 class="text-white text-center">{{conseiller[0].metaDescription}}</h4>
  215.                             <p>{{conseiller[0].descriptionLongue|raw}}</p>
  216.                         </div>
  217.                     </div>
  218.                     <!-- Wizard tab pane item 2-->
  219.                     <div class="tab-pane py-5 py-xl-10 fade text-white" id="avis" role="tabpanel"
  220.                         aria-labelledby="avis-tab">
  221.                         {% for avis in conseillerAvis %}
  222.                         {% if avis is empty %}
  223.                         <div class="card shadow border-white bg-primary px-3 py-3 mt-2">
  224.                             <p>Ce conseiller n'a pas encore reçu d'appréciation</p>
  225.                         </div>
  226.                         {% else %}
  228.                         <div class="card shadow border-white bg-primary px-3 py-3 mt-2">
  229.                             <p class="text-white"> <strong>{{avis.fakePseudo}} </strong>le
  230.                                 {{avis.datePost|date|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY")}}
  231.                             </p>
  232.                             {% if avis.note == 0 %}
  233.                             <p class="   small ">
  234.                                 <i class="bi bi-star"></i>
  235.                                 <i class="bi bi-star"></i>
  236.                                 <i class="bi bi-star"></i>
  237.                                 <i class="bi bi-star"></i>
  238.                                 <i class="bi bi-star"></i>
  239.                             </p>
  240.                             {% elseif avis.note == 1 %}
  241.                             <p class="   small ">
  242.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  243.                                 <i class="bi bi-star"></i>
  244.                                 <i class="bi bi-star"></i>
  245.                                 <i class="bi bi-star"></i>
  246.                                 <i class="bi bi-star"></i>
  247.                             </p>
  248.                             {% elseif avis.note == 2 %}
  249.                             <p class="   small ">Avis des membres
  250.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  251.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  252.                                 <i class="bi bi-star"></i>
  253.                                 <i class="bi bi-star"></i>
  254.                                 <i class="bi bi-star"></i>
  255.                             </p>
  256.                             {% elseif avis.note == 3 %}
  257.                             <p class="   small ">
  258.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  259.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  260.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  261.                                 <i class="bi bi-star"></i>
  262.                                 <i class="bi bi-star"></i>
  263.                             </p>
  264.                             {% elseif avis.note == 4 %}
  265.                             <p class="   small ">
  266.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  267.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  268.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  269.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  270.                                 <i class="bi bi-star"></i>
  271.                             </p>
  272.                             {% elseif avis.note == 5 %}
  273.                             <p class="   small ">
  274.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  275.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  276.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  277.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  278.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  279.                             </p>
  280.                             {% endif %}
  281.                             <p class=""> <strong> Commentaire :</strong> {{avis.commentaire}}</p>
  282.                             {% if avis.reponse %}
  283.                             <p class=""> <strong> Reponse :</strong> {{avis.reponse}}</p>
  284.                             {% endif %}
  285.                         </div>
  286.                         {% endif %}
  287.                         {% endfor %}
  288.                     </div>
  290.                     {% if app.user %}
  291.                     <div class="tab-pane py-5 py-xl-10 fade" id="eval" role="tabpanel" aria-labelledby="eval-tab">
  292.                         <div class="row justify-content-center text-white">
  293.                             <h4 class="text-white">Soumission d'une appréciation client</h4>
  294.                             <div class="mb-3">
  295.                                 <label for="exampleFormControlTextarea1">Commentaire</label>
  296.                                 <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
  297.                             </div>
  298.                             <div class="mb-3">
  299.                                 <label for="exampleFormControlSelect2">Note</label>
  300.                                 <select class="form-control" id="exampleFormControlSelect2" multiple="">
  301.                                     <option>1</option>
  302.                                     <option>2</option>
  303.                                     <option>3</option>
  304.                                     <option>4</option>
  305.                                     <option>5</option>
  306.                                 </select>
  307.                             </div>
  308.                             <div>
  309.                                 <button class="btn btn-warning">
  310.                                     Evaluer
  311.                                 </button>
  312.                             </div>
  313.                         </div>
  314.                     </div>
  315.                     {% endif %}
  316.                 </div>
  317.             </div>
  318.         </div>
  320.     </div>
  322.     <div class="container-xl px-4 mt-4">
  323.         <div class="card mb-4">
  324.             <div class="card-header">Planning</div>
  325.             <div class="card-body">
  326.                 <div class="table-responsive h-100">
  328.                     <div class="container-fluid row mx-auto">
  329.                         <p class="col-6">Disponible <i class="bi bi-square-fill" style="color: #198754;"></i> </p>
  330.                         <p class="col-6">Indisponible : <i class="bi bi-square-fill" style="color: #6c757d;"></i></p>
  331.                     </div>
  332.                     <table class="calendar table table-bordered centered  h-100">
  333.                         <thead class="table-light">
  334.                             <tr>
  335.                                 <th scope="col"></th>
  336.                                 {% for day in weekdaysShort %}
  337.                                 <th scope="col" class='text-small text-center'>{{day}}</th>
  338.                                 {% endfor %}
  339.                             </tr>
  340.                         </thead>
  341.                         <tbody>
  343.                             {% for i in [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]%}
  344.                             <tr>
  345.                                 <th class="text-center text-small" scope="row">{{i}}:00</th>
  347.                                 {% for val in daysHoursShort[i] %}
  348.                                 </p>
  349.                                 {% if val == false %}
  350.                                 <td class="bg-gray-600"></td>
  352.                                 {% else %}
  353.                                 <td class="bg-green text-white text-small text-center"></td>
  355.                                 {% endif %}
  356.                                 {% endfor %}
  357.                             </tr>
  358.                             {% endfor %}
  359.                     </table>
  360.                 </div>
  362.             </div>
  363.         </div>
  365.     </div>
  366. </section>
  368. <section class="d-sm-none d-block">
  369.     <div class="col-12 ">
  370.         <div class="team-member ">
  372.             <div class=""> <img class="mx-auto rounded-circle mt-2 " src="{{conseiller[0].photo}}" alt="..."
  373.                     style="width: 150px; height: 150px;" /></div>
  374.             {% if conseiller[0].note == 0 %}
  375.             <p class="text-center  text-dark small ">Avis des membres
  376.                 <i class="bi bi-star"></i>
  377.                 <i class="bi bi-star"></i>
  378.                 <i class="bi bi-star"></i>
  379.                 <i class="bi bi-star"></i>
  380.                 <i class="bi bi-star"></i>
  381.             </p>
  382.             {% elseif conseiller[0].note == 0.5 %}
  383.             <p class="text-center text-dark  small ">Avis des membres
  384.                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  385.                 <i class="bi bi-star"></i>
  386.                 <i class="bi bi-star"></i>
  387.                 <i class="bi bi-star"></i>
  388.                 <i class="bi bi-star"></i>
  389.             </p>
  390.             {% elseif conseiller[0].note == 1 %}
  391.             <p class="text-center text-dark  small ">Avis des membres
  392.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  393.                 <i class="bi bi-star"></i>
  394.                 <i class="bi bi-star"></i>
  395.                 <i class="bi bi-star"></i>
  396.                 <i class="bi bi-star"></i>
  397.             </p>
  398.             {% elseif conseiller[0].note == 1.5 %}
  399.             <p class="text-center text-dark  small ">Avis des membres
  400.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  401.                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  402.                 <i class="bi bi-star"></i>
  403.                 <i class="bi bi-star"></i>
  404.                 <i class="bi bi-star"></i>
  405.             </p>
  406.             {% elseif conseiller[0].note == 2 %}
  407.             <p class="text-center text-dark  small ">Avis des membres
  408.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  409.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  410.                 <i class="bi bi-star"></i>
  411.                 <i class="bi bi-star"></i>
  412.                 <i class="bi bi-star"></i>
  413.             </p>
  414.             {% elseif conseiller[0].note == 2.5 %}
  415.             <p class="text-center  text-dark small ">Avis des membres
  416.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  417.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  418.                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  419.                 <i class="bi bi-star"></i>
  420.                 <i class="bi bi-star"></i>
  421.             </p>
  422.             {% elseif conseiller[0].note == 3 %}
  423.             <p class="text-center  text-dark small ">Avis des membres
  424.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  425.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  426.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  427.                 <i class="bi bi-star"></i>
  428.                 <i class="bi bi-star"></i>
  429.             </p>
  430.             {% elseif conseiller[0].note == 3.5 %}
  431.             <p class="text-center text-dark  small ">Avis des membres
  432.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  433.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  434.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  435.                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  436.                 <i class="bi bi-star"></i>
  437.             </p>
  438.             {% elseif conseiller[0].note == 4 %}
  439.             <p class="text-center  text-dark small ">Avis des membres
  440.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  441.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  442.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  443.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  444.                 <i class="bi bi-star"></i>
  445.             </p>
  446.             {% elseif conseiller[0].note == 4.5 %}
  447.             <p class="text-center text-dark  small ">Avis des membres
  448.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  449.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  450.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  451.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  452.                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  453.             </p>
  454.             {% elseif conseiller[0].note == 5 %}
  455.             <p class="text-center  text-dark small ">Avis des membres
  456.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  457.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  458.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  459.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  460.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  461.             </p>
  462.             {% endif %}
  464.             <h4>{{conseiller[0].userPseudo}}</h4>
  465.             <p class="text-muted"> {{conseiller[0].userExtensionCode}}</p>
  466.             {% if app.user %}
  467.             <a href="tel:01 72 89 19 56">
  468.                 <div class=" btn-primary btn-social mx-2 " href="#"><i class="bi bi-telephone-fill "></i>
  469.                 </div>
  470.             </a>
  471.             <a href="{{path('question_mail',  {id : conseiller[0].complementId})}}">
  472.                 <div class=" btn-primary btn-social mx-2" href="#!"><i class="bi bi-envelope-fill "></i></div>
  473.             </a>
  474.             {% if conseiller[0].userMailing %}
  475.             <a href="{{path('app_chat')}}">
  476.                 <div class=" btn-primary btn-social mx-2" href="#!"><i class="bi bi-chat-fill "></i></div>
  477.             </a>
  478.             {% endif %}
  479.             {% if conseiller[0].userMailing %}
  480.             <a href="{{path('app_login')}}">
  481.                 <div class=" btn-primary btn-social mx-2" href="#!"><i class="bi bi-camera-video-fill"></i></div>
  482.             </a>
  483.             {% endif %}
  484.             {% else %}
  485.             <a href="{{path('app_login')}}">
  486.                 <button class="btn btn-primary "><i class="bi bi-box-arrow-in-right"></i> &nbsp; Connection</button>
  487.             </a>
  488.             <a href="{{path('app_register')}}">
  489.                 <button class="btn btn-primary "><i class="bi bi-book"></i> &nbsp; Inscription</button>
  490.             </a>
  491.         </div>
  494.         {% endif %}
  496.     </div>
  497.     </div>
  498.     <div class="accordion accordion-flush mt-3" id="serviceFlush">
  499.         <div class="accordion-item">
  500.             <h2 class="accordion-header" id="flush-headingOne">
  501.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  502.                     data-bs-target="#serviceOne" aria-expanded="false" aria-controls="flush-collapseOne">
  503.                     <i class="bi bi-person"></i> &nbsp; Profil
  504.                 </button>
  505.             </h2>
  506.             <div id="serviceOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne"
  507.                 data-bs-parent="#serviceFlush">
  508.                 <div class="accordion-body text-center">
  509.                     <h1 class=" text-center">{{conseiller[0].titrePage}}</h1>
  510.                     <h4 class=" text-center">{{conseiller[0].metaDescription}}</h4>
  511.                     <p>{{conseiller[0].descriptionLongue|raw}}</p>
  512.                 </div>
  513.             </div>
  514.         </div>
  516.         <div class="accordion-item mt-2">
  517.             <h2 class="accordion-header" id="flush-headingTwo">
  518.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  519.                     data-bs-target="#serviceTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
  520.                     <i class="bi bi-book"></i> &nbsp; Appréciations
  521.                 </button>
  522.             </h2>
  523.             <div id="serviceTwo" class="accordion-collapse collapse " aria-labelledby="flush-headingTwo"
  524.                 data-bs-parent="#serviceFlush">
  525.                 <div class="accordion-body">
  526.                     {% for avis in conseillerAvis %}
  527.                     {% if avis is empty %}
  528.                     <div class="card shadow border-primary  ">
  529.                         <p>Ce conseiller n'a pas encore reçu d'appréciation</p>
  530.                     </div>
  531.                     {% else %}
  532.                     <div class="card shadow border-primary p-1">
  533.                         <div class="row">
  534.                             <p class="col-8"> <strong>{{avis.fakePseudo}} </strong>le
  535.                                 {{avis.datePost|date|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY")}}
  536.                             </p>
  537.                             {% if avis.note == 0 %}
  538.                             <p class="col-4  small ">
  539.                                 <i class="bi bi-star"></i>
  540.                                 <i class="bi bi-star"></i>
  541.                                 <i class="bi bi-star"></i>
  542.                                 <i class="bi bi-star"></i>
  543.                                 <i class="bi bi-star"></i>
  544.                             </p>
  545.                             {% elseif avis.note == 1 %}
  546.                             <p class="col-4  small ">
  547.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  548.                                 <i class="bi bi-star"></i>
  549.                                 <i class="bi bi-star"></i>
  550.                                 <i class="bi bi-star"></i>
  551.                                 <i class="bi bi-star"></i>
  552.                             </p>
  553.                             {% elseif avis.note == 2 %}
  554.                             <p class=" col-4   small ">Avis des membres
  555.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  556.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  557.                                 <i class="bi bi-star"></i>
  558.                                 <i class="bi bi-star"></i>
  559.                                 <i class="bi bi-star"></i>
  560.                             </p>
  561.                             {% elseif avis.note == 3 %}
  562.                             <p class=" col-4   small ">
  563.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  564.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  565.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  566.                                 <i class="bi bi-star"></i>
  567.                                 <i class="bi bi-star"></i>
  568.                             </p>
  569.                             {% elseif avis.note == 4 %}
  570.                             <p class=" col-4   small ">
  571.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  572.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  573.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  574.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  575.                                 <i class="bi bi-star"></i>
  576.                             </p>
  577.                             {% elseif avis.note == 5 %}
  578.                             <p class="col-4  small ">
  579.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  580.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  581.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  582.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  583.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  584.                             </p>
  585.                             {% endif %}
  586.                         </div>
  587.                         <p class=""> <strong> Commentaire :</strong> {{avis.commentaire}}</p>
  588.                         {% if avis.reponse %}
  589.                         <p class=""> <strong> Reponse :</strong> {{avis.reponse}}</p>
  590.                         {% endif %}
  591.                     </div>
  592.                     {% endif %}
  593.                     {% endfor %}
  594.                 </div>
  595.             </div>
  596.         </div>
  597.         {% if app.user%}
  598.         <div class="accordion-item mt-2">
  599.             <h2 class="accordion-header" id="flush-headingThree">
  600.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  601.                     data-bs-target="#serviceThree" aria-expanded="false" aria-controls="flush-collapseTwo">
  602.                     <i class="bi bi-pen-fill"></i> &nbsp; Laissez un avis
  604.                 </button>
  605.             </h2>
  606.             <div id="serviceThree" class="accordion-collapse collapse " aria-labelledby="flush-headingThree"
  607.                 data-bs-parent="#serviceFlush">
  608.                 <div class="accordion-body text-center">
  609.                     <div class="row justify-content-center ">
  610.                         <h4 class="">Soumission d'une appréciation client</h4>
  611.                         <div class="mb-3">
  612.                             <label for="exampleFormControlTextarea1 ">Commentaire</label>
  613.                             <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
  614.                         </div>
  615.                         <div class="mb-3">
  616.                             <label for="exampleFormControlSelect2">Note</label>
  617.                             <select class="form-control" id="exampleFormControlSelect2" multiple="">
  618.                                 <option>1</option>
  619.                                 <option>2</option>
  620.                                 <option>3</option>
  621.                                 <option>4</option>
  622.                                 <option>5</option>
  623.                             </select>
  624.                         </div>
  625.                         <div>
  626.                             <button class="btn btn-warning">
  627.                                 Evaluer
  628.                             </button>
  629.                         </div>
  630.                     </div>
  631.                 </div>
  632.             </div>
  633.         </div>
  634.         {% endif %}
  635.         <div class="accordion-item mt-2">
  636.             <h2 class="accordion-header" id="flush-headingFour">
  637.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  638.                     data-bs-target="#serviceFour" aria-expanded="false" aria-controls="flush-collapseTwo">
  640.                     <i class="bi bi-calendar"></i> &nbsp; Planning
  642.                 </button>
  643.             </h2>
  644.             <div id="serviceFour" class="accordion-collapse collapse " aria-labelledby="flush-headingFour"
  645.                 data-bs-parent="#serviceFlush">
  646.                 <div class="accordion-body text-center">
  647.                     <div class="table-responsive h-100">
  649.                         <div class="container-fluid row mx-auto">
  650.                             <p class="col-6">Disponible <i class="bi bi-square-fill" style="color: #198754;"></i> </p>
  651.                             <p class="col-6">Indisponible : <i class="bi bi-square-fill" style="color: #6c757d;"></i>
  652.                             </p>
  653.                         </div>
  654.                         <table class="calendar table table-bordered centered  h-100">
  655.                             <thead class="table-light">
  656.                                 <tr>
  657.                                     <th scope="col"></th>
  658.                                     {% for day in weekdaysShort %}
  659.                                     <th scope="col" class='text-small text-center'>{{day}}</th>
  660.                                     {% endfor %}
  661.                                 </tr>
  662.                             </thead>
  663.                             <tbody>
  665.                                 {% for i in [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]%}
  666.                                 <tr>
  667.                                     <th class="text-center text-small" scope="row">{{i}}:00</th>
  669.                                     {% for val in daysHoursShort[i] %}
  670.                                     </p>
  671.                                     {% if val == false %}
  672.                                     <td class="bg-gray-600"></td>
  674.                                     {% else %}
  675.                                     <td class="bg-green text-white text-small text-center"></td>
  677.                                     {% endif %}
  678.                                     {% endfor %}
  679.                                 </tr>
  680.                                 {% endfor %}
  681.                         </table>
  682.                     </div>
  683.                 </div>
  684.             </div>
  685.         </div>
  687.     </div>
  688. </section>