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">
  5.     {% for message in app.flashes("NeedCredit")%}
  6.     <div class="alert alert-danger alert-icon col-9 mx-auto border border-danger" role=" alert">
  7.         <div class="card col mx-auto card-icon ">
  8.             <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
  9.             <div class="row no-gutters">
  10.                 <div class="col-auto card-icon-aside bg-danger">
  11.                    <i class="fas fa-euro-sign fa-2x text-white"></i>
  12.                 </div>
  13.                 <div class="col">
  14.                     <div class="card-body py-5">
  15.                         <h5 class="card-title">Credit Insufissant</h5>
  16.                         <p class="card-text">{{message}}<a href="https://demo.media-technologies.fr/tarifs">ici</a></p>
  17.                     </div>
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </div>
  22.     {% endfor %}
  24.     <h1 class="text-center text-uppercase mt-10 mb-3 ">Comment Contacter {{conseiller[0].userPseudo}} pour une
  25.         consultation de voyance ?</h1>
  28.     {% if app.user %}
  29.     <div class="col-lg-8 mx-auto mb-5 text-center">
  30.         <h4> Pour consulter {{conseiller[0].userPseudo}} penser à créditer votre compte</h4>
  31.         <br> <a href="{{path('app_tarifs')}}"> <button class="btn btn-primary mt-2"> Créditer votre compte </button>
  33.     </div>
  34.     {% else %}
  35.     <div class="col-lg-8 mx-auto mb-5 text-center">
  36.         <h4>Créer votre compte client dès maintenant, c'est gratuit et sans engagement.
  37.             Pour se faire, rien de plus simple, vous n'avez qu'a remplir le formulaire suivant. </h4>
  38.         <br> <a href="{{path('app_register')}}"> <button class="btn btn-primary mt-2"> Créer votre compte</button>
  40.     </div>
  41.     {% endif %}
  42.     <div class="container-xl col-sm-10  row mx-auto mt-4 mb-4">
  43.         <div class="col-sm-3 ">
  44.             <div class="card shadow">
  45.                 <h5 class="card-title text-center">{{conseiller[0].userPseudo}} - {{conseiller[0].userExtensionCode}}
  46.                 </h5>
  47.                 <img src="{{conseiller[0].photo}}" class="card-img-top" alt="...">
  49.                 <div class="card-body">
  50.                     {% if conseiller[0].note == 0 %}
  51.                     <p class="text-center  text-dark small ">Avis des membres
  52.                         <i class="bi bi-star"></i>
  53.                         <i class="bi bi-star"></i>
  54.                         <i class="bi bi-star"></i>
  55.                         <i class="bi bi-star"></i>
  56.                         <i class="bi bi-star"></i>
  57.                     </p>
  58.                     {% elseif conseiller[0].note == 0.5 %}
  59.                     <p class="text-center text-dark  small ">Avis des membres
  60.                         <i class="bi bi-star-half" style="color: #d78316;"></i>
  61.                         <i class="bi bi-star"></i>
  62.                         <i class="bi bi-star"></i>
  63.                         <i class="bi bi-star"></i>
  64.                         <i class="bi bi-star"></i>
  65.                     </p>
  66.                     {% elseif conseiller[0].note == 1 %}
  67.                     <p class="text-center text-dark  small ">Avis des membres
  68.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  69.                         <i class="bi bi-star"></i>
  70.                         <i class="bi bi-star"></i>
  71.                         <i class="bi bi-star"></i>
  72.                         <i class="bi bi-star"></i>
  73.                     </p>
  74.                     {% elseif conseiller[0].note == 1.5 %}
  75.                     <p class="text-center text-dark  small ">Avis des membres
  76.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  77.                         <i class="bi bi-star-half" style="color: #d78316;"></i>
  78.                         <i class="bi bi-star"></i>
  79.                         <i class="bi bi-star"></i>
  80.                         <i class="bi bi-star"></i>
  81.                     </p>
  82.                     {% elseif conseiller[0].note == 2 %}
  83.                     <p class="text-center text-dark  small ">Avis des membres
  84.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  85.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  86.                         <i class="bi bi-star"></i>
  87.                         <i class="bi bi-star"></i>
  88.                         <i class="bi bi-star"></i>
  89.                     </p>
  90.                     {% elseif conseiller[0].note == 2.5 %}
  91.                     <p class="text-center  text-dark small ">Avis des membres
  92.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  93.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  94.                         <i class="bi bi-star-half" style="color: #d78316;"></i>
  95.                         <i class="bi bi-star"></i>
  96.                         <i class="bi bi-star"></i>
  97.                     </p>
  98.                     {% elseif conseiller[0].note == 3 %}
  99.                     <p class="text-center  text-dark small ">Avis des membres
  100.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  101.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  102.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  103.                         <i class="bi bi-star"></i>
  104.                         <i class="bi bi-star"></i>
  105.                     </p>
  106.                     {% elseif conseiller[0].note == 3.5 %}
  107.                     <p class="text-center text-dark  small ">Avis des membres
  108.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  109.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  110.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  111.                         <i class="bi bi-star-half" style="color: #d78316;"></i>
  112.                         <i class="bi bi-star"></i>
  113.                     </p>
  114.                     {% elseif conseiller[0].note == 4 %}
  115.                     <p class="text-center  text-dark small ">Avis des membres
  116.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  117.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  118.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  119.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  120.                         <i class="bi bi-star"></i>
  121.                     </p>
  122.                     {% elseif conseiller[0].note == 4.5 %}
  123.                     <p class="text-center text-dark  small ">Avis des membres
  124.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  125.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  126.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  127.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  128.                         <i class="bi bi-star-half" style="color: #d78316;"></i>
  129.                     </p>
  130.                     {% elseif conseiller[0].note == 5 %}
  131.                     <p class="text-center  text-dark small ">Avis des membres
  132.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  133.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  134.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  135.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  136.                         <i class="bi bi-star-fill" style="color: #d78316;"></i>
  137.                     </p>
  138.                     {% endif %}
  140.                     {% if app.user %}
  141.                     <ul class="list-group list-group-flush">
  143.                         <button class="btn btn-primary shadow  mt-2"> <a href="{{path('app_userComment')}}"
  144.                                 class="text-white"><i class="bi bi-eye"></i> Voir mon avis</button></a>
  145.                         {% if conseiller[0].userChatOnline %}
  146.                         <button class="btn btn-primary shadow  mt-2"> <a
  147.                                 href="{{path('app_chat', {userId: conseiller[0].userId, userPseudoId: conseiller[0].userPseudoId })}}"
  148.                                 class="text-white"><i class="bi bi-chat-fill col-12"></i> Chat</button></a>
  149.                         {%else%}
  150.                         <button class="btn btn-dark shadow  mt-2"> <a href="#" class="text-white"><i
  151.                                     class="bi bi-chat-fill col-12"></i> Chat</button></a>
  152.                         {% endif %}
  154.                         <!-- <button class="btn btn-primary shadow  mt-2"> <i class="bi bi-camera-video-fill"></i>
  155.                             Visio</button> -->
  157.                         {# FONCTIONNALITÉ EMAIL DÉSACTIVÉE #}
  158.                         {# <button class="btn btn-primary shadow  mt-2"> <a
  159.                                 href="{{path('question_mail',  {id : conseiller[0].complementId})}}"
  160.                                 class="text-white"><i class="bi bi-envelope-fill col-12"></i> Question Mail </a>
  161.                         </button> #}
  162.                         
  163.                         <button class="btn btn-primary shadow mt-2"> <i class="bi bi-heart-fill"></i> Ajouter aux
  164.                             Favoris</button>
  165.                     </ul>
  166.                     {% else %}
  167.                     <ul class="list-group list-group-flush">
  168.                         <button class="btn btn-primary shadow  mt-2">
  169.                             <a href="{{path('app_login')}}" class="text-white">
  170.                                 <i class="bi bi-box-arrow-in-right"></i> connexion </a>
  171.                         </button>
  172.                         <button class="btn btn-primary shadow  mt-2">
  173.                             <a href="{{path('app_register')}}" class="text-white">
  174.                                 <i class="bi bi-book"></i> Inscription </a>
  175.                         </button>
  176.                     </ul>
  177.                     {% endif %}
  178.                 </div>
  180.             </div>
  181.         </div>
  182.         <div class="card col-lg-9 ">
  183.             <div class="card-header border-bottom ">
  184.                 <!-- Wizard navigation-->
  185.                 <div class="nav nav-pills nav-justified flex-column flex-xl-row nav-wizard " id="cardTab"
  186.                     role="tablist">
  187.                     <!-- Wizard navigation item 1-->
  188.                     <a class="nav-item nav-link active" id="profil-tab" href="#profil" data-bs-toggle="tab" role="tab"
  189.                         aria-controls="profil" aria-selected="true">
  190.                         <div class="wizard-step-icon"><i class="bi bi-person"></i></div>
  191.                         <div class="wizard-step-text">
  192.                             <div class="wizard-step-text-name">Profil</div>
  193.                         </div>
  194.                     </a>
  196.                     <!-- Wizard navigation item 2-->
  197.                     <a class="nav-item nav-link" id="avis-tab" href="#avis" data-bs-toggle="tab" role="tab"
  198.                         aria-controls="avis" aria-selected="true">
  199.                         <div class="wizard-step-icon"><i class="bi bi-book"></i></div>
  200.                         <div class="wizard-step-text">
  201.                             <div class="wizard-step-text-name">Appréciations</div>
  202.                         </div>
  203.                     </a>
  205.                     {% if app.user %}
  206.                     <!-- Wizard navigation item 3-->
  207.                     <a class="nav-item nav-link" id="eval-tab" href="#eval" data-bs-toggle="tab" role="tab"
  208.                         aria-controls="eval" aria-selected="true">
  209.                         <div class="wizard-step-icon"><i class="bi bi-pen-fill"></i></div>
  210.                         <div class="wizard-step-text ">
  211.                             <div class="wizard-step-text-name "> Laissez un avis</div>
  212.                         </div>
  213.                     </a>
  215.                     {% endif %}
  216.                 </div>
  217.             </div>
  218.             <div class="card-body ">
  219.                 <div class="tab-content" id="cardTabContent">
  220.                     <!-- Wizard tab pane item 1-->
  221.                     <div class="tab-pane  fade show active" id="profil" role="tabpanel" aria-labelledby="profil-tab">
  222.                         <div class="row justify-content-center ">
  223.                             {% if conseiller[0].prixParMinute == 0%}
  224.                             {%else%}
  225.                            <!-- <strong class="text-warning text-center mt-n-5">--* Consultation CB à
  226.                                 {{conseiller[0].prixParMinute}} €/mn *--</strong> -->
  227.                             {%endif%}
  228.                             <h2 class=" text-center">{{conseiller[0].titrePage}}</h2>
  229.                             <h4 class=" text-center">{{conseiller[0].metaDescription}}</h4>
  230.                             <p>{{conseiller[0].descriptionLongue|raw}}</p>
  231.                         </div>
  232.                     </div>
  233.                     <!-- Wizard tab pane item 2-->
  234.                     <div class="tab-pane py-5 py-xl-10 fade text-white" id="avis" role="tabpanel"
  235.                         aria-labelledby="avis-tab">
  236.                         {% for avis in conseillerAvis %}
  237.                         {% if avis is empty %}
  238.                         <div class="card shadow border-white bg-primary px-3 py-3 mt-2">
  239.                             <p>Ce conseiller n'a pas encore reçu d'appréciation</p>
  240.                         </div>
  241.                         {% else %}
  243.                         <div class="card shadow border-white bg-primary px-3 py-3 mt-2">
  244.                             <p class=""> <strong>{{avis.prenom}} </strong>le
  245.                                 {{avis.datePost|date|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY")}}
  246.                             </p>
  247.                             {% if avis.note == 0 %}
  248.                             <p class="   small ">
  249.                                 <i class="bi bi-star"></i>
  250.                                 <i class="bi bi-star"></i>
  251.                                 <i class="bi bi-star"></i>
  252.                                 <i class="bi bi-star"></i>
  253.                                 <i class="bi bi-star"></i>
  254.                             </p>
  255.                             {% elseif avis.note == 1 %}
  256.                             <p class="   small ">
  257.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  258.                                 <i class="bi bi-star"></i>
  259.                                 <i class="bi bi-star"></i>
  260.                                 <i class="bi bi-star"></i>
  261.                                 <i class="bi bi-star"></i>
  262.                             </p>
  263.                             {% elseif avis.note == 2 %}
  264.                             <p class="   small ">Avis des membres
  265.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  266.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  267.                                 <i class="bi bi-star"></i>
  268.                                 <i class="bi bi-star"></i>
  269.                                 <i class="bi bi-star"></i>
  270.                             </p>
  271.                             {% elseif avis.note == 3 %}
  272.                             <p class="   small ">
  273.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  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"></i>
  277.                                 <i class="bi bi-star"></i>
  278.                             </p>
  279.                             {% elseif avis.note == 4 %}
  280.                             <p class="   small ">
  281.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  282.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  283.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  284.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  285.                                 <i class="bi bi-star"></i>
  286.                             </p>
  287.                             {% elseif avis.note == 5 %}
  288.                             <p class="   small ">
  289.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  290.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  291.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  292.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  293.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  294.                             </p>
  295.                             {% endif %}
  296.                             <p class=""> <strong> Commentaire :</strong> {{avis.commentaire}}</p>
  297.                             {% if avis.reponse %}
  298.                             <p class=""> <strong> Reponse :</strong> {{avis.reponse}}</p>
  299.                             {% endif %}
  300.                         </div>
  301.                         {% endif %}
  302.                         {% endfor %}
  303.                     </div>
  305.                     {% if app.user %}
  306.                     <div class="tab-pane py-5 py-xl-10 fade" id="eval" role="tabpanel" aria-labelledby="eval-tab">
  307.                         <div class="row justify-content-center text-white">
  308.                             <h4 class="">Soumission d'une appréciation client</h4>
  309.                             {{ form_start(avisForm) }}
  310.                             <div class="mb-3">
  311.                                 <!-- <label for="exampleFormControlTextarea1">Commentaire</label>
  312.                                 <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea> -->
  313.                                 {{ form_row(avisForm.message , {
  314.                                     label: 'Commentaire'
  315.                                 }) }}
  316.                             </div>
  317.                             <div class="mb-3">
  318.                                 {{ form_row(avisForm.note , {
  319.                                     label: 'Note'
  320.                                 }) }}
  321.                             </div>
  322.                             <div>
  323.                                 {{ form_row(avisForm.envoyer , {
  324.                                     label: 'Evaluer'
  325.                                 }) }}
  326.                               
  327.                             </div>
  328.                             {{ form_end(avisForm) }}
  329.                         </div>
  330.                     </div>
  331.                     {% endif %}
  332.                 </div>
  333.             </div>
  334.         </div>
  336.     </div>
  338.     <div class="container-xl px-4 mt-4">
  339.         {# <!-- <div class="card mb-4">
  340.             <div class="card-header">Planning</div>
  341.             <div class="card-body">
  342.                 <div class="table-responsive h-100 ">
  344.                     <!-- <div class="container-fluid row mx-auto">
  345.                         <p class="col-6">Disponible <i class="bi bi-square-fill" style="color: #198754;"></i> </p>
  346.                         <p class="col-6">Indisponible : <i class="bi bi-square-fill" style="color: #6c757d;"></i></p>
  347.                     </div> -->
  348.                     <div id="{{planningFormat}}">
  349.                        
  350.                     </div>
  351.                     <!-- <table class="calendar table table-bordered centered  h-100">
  352.                         <thead class="table-light">
  353.                             <tr>
  354.                                 <th scope="col"></th>
  355.                                 {% for day in weekdaysShort %}
  356.                                 <th scope="col" class='text-small text-center'>{{day}}</th>
  357.                                 {% endfor %}
  358.                             </tr>
  359.                         </thead>
  360.                         <tbody>
  362.                             {% 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]%}
  363.                             <tr>
  364.                                 <th class="text-center text-small" scope="row">{{i}}:00</th>
  366.                                 {% for val in daysHoursShort[i] %}
  367.                                 </p>
  368.                                 {% if val == false %}
  369.                                 <td class="bg-gray-600"></td>
  371.                                 {% else %}
  372.                                 <td class="bg-green text-white text-small text-center"></td>
  374.                                 {% endif %}
  375.                                 {% endfor %}
  376.                             </tr>
  377.                             {% endfor %}
  378.                     </table> -->
  379.                 </div>
  381.             </div>
  382.         </div> -->  
  383. #}
  385.     </div>
  386. </section>
  388. <section class="d-sm-none d-block">
  389.     <div class="col-12 ">
  390.         <div class="team-member ">
  392.             <div class=""> <img class="mx-auto rounded-circle mt-2 " src="{{conseiller[0].photo}}" alt="..."
  393.                     style="width: 150px; height: 150px;" /></div>
  394.             {% if conseiller[0].note == 0 %}
  395.             <p class="text-center  text-dark small ">Avis des membres
  396.                 <i class="bi bi-star"></i>
  397.                 <i class="bi bi-star"></i>
  398.                 <i class="bi bi-star"></i>
  399.                 <i class="bi bi-star"></i>
  400.                 <i class="bi bi-star"></i>
  401.             </p>
  402.             {% elseif conseiller[0].note == 0.5 %}
  403.             <p class="text-center text-dark  small ">Avis des membres
  404.                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  405.                 <i class="bi bi-star"></i>
  406.                 <i class="bi bi-star"></i>
  407.                 <i class="bi bi-star"></i>
  408.                 <i class="bi bi-star"></i>
  409.             </p>
  410.             {% elseif conseiller[0].note == 1 %}
  411.             <p class="text-center text-dark  small ">Avis des membres
  412.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  413.                 <i class="bi bi-star"></i>
  414.                 <i class="bi bi-star"></i>
  415.                 <i class="bi bi-star"></i>
  416.                 <i class="bi bi-star"></i>
  417.             </p>
  418.             {% elseif conseiller[0].note == 1.5 %}
  419.             <p class="text-center text-dark  small ">Avis des membres
  420.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  421.                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  422.                 <i class="bi bi-star"></i>
  423.                 <i class="bi bi-star"></i>
  424.                 <i class="bi bi-star"></i>
  425.             </p>
  426.             {% elseif conseiller[0].note == 2 %}
  427.             <p class="text-center text-dark  small ">Avis des membres
  428.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  429.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  430.                 <i class="bi bi-star"></i>
  431.                 <i class="bi bi-star"></i>
  432.                 <i class="bi bi-star"></i>
  433.             </p>
  434.             {% elseif conseiller[0].note == 2.5 %}
  435.             <p class="text-center  text-dark small ">Avis des membres
  436.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  437.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  438.                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  439.                 <i class="bi bi-star"></i>
  440.                 <i class="bi bi-star"></i>
  441.             </p>
  442.             {% elseif conseiller[0].note == 3 %}
  443.             <p class="text-center  text-dark small ">Avis des membres
  444.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  445.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  446.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  447.                 <i class="bi bi-star"></i>
  448.                 <i class="bi bi-star"></i>
  449.             </p>
  450.             {% elseif conseiller[0].note == 3.5 %}
  451.             <p class="text-center text-dark  small ">Avis des membres
  452.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  453.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  454.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  455.                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  456.                 <i class="bi bi-star"></i>
  457.             </p>
  458.             {% elseif conseiller[0].note == 4 %}
  459.             <p class="text-center  text-dark small ">Avis des membres
  460.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  461.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  462.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  463.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  464.                 <i class="bi bi-star"></i>
  465.             </p>
  466.             {% elseif conseiller[0].note == 4.5 %}
  467.             <p class="text-center text-dark  small ">Avis des membres
  468.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  469.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  470.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  471.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  472.                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  473.             </p>
  474.             {% elseif conseiller[0].note == 5 %}
  475.             <p class="text-center  text-dark small ">Avis des membres
  476.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  477.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  478.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  479.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  480.                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  481.             </p>
  482.             {% endif %}
  484.             <h4>{{conseiller[0].userPseudo}}</h4>
  485.             <p class="text-muted"> {{conseiller[0].userExtensionCode}}</p>
  486.             {% if app.user %}
  487.             <a href="tel:00 32 2 318 3400">
  488.                 <div class=" btn-primary btn-social mx-2 " href="#"><i class="bi bi-telephone-fill "></i>
  489.                 </div>
  490.             </a>
  491.             {# FONCTIONNALITÉ EMAIL DÉSACTIVÉE - VERSION MOBILE #}
  492.             {# <a href="{{path('question_mail',  {id : conseiller[0].complementId})}}">
  493.                 <div class=" btn-primary btn-social mx-2" href="#!"><i class="bi bi-envelope-fill "></i></div>
  494.             </a> #}
  495.             
  496.             {% if conseiller[0].userMailing %}
  497.             <a href="{{path('app_chat', {userId: conseiller[0].userId, userPseudoId: conseiller[0].userPseudoId })}}">
  498.                 <div class=" btn-primary btn-social mx-2" href="#!"><i class="bi bi-chat-fill "></i>
  499.                 </div>
  500.             </a>
  501.             {% endif %}
  503.             {% if conseiller[0].userMailing %}
  504.             <a href="{{path('app_login')}}">
  505.                 <div class=" btn-primary btn-social mx-2" href="#!"><i class="bi bi-camera-video-fill"></i></div>
  506.             </a>
  507.             {% endif %}
  508.             {% else %}
  509.             <a href="{{path('app_login')}}">
  510.                 <button class="btn btn-primary "><i class="bi bi-box-arrow-in-right"></i> &nbsp; connexion</button>
  511.             </a>
  512.             <a href="{{path('app_register')}}">
  513.                 <button class="btn btn-primary "><i class="bi bi-book"></i> &nbsp; Inscription</button>
  514.             </a>
  515.         </div>
  518.         {% endif %}
  520.     </div>
  521.     </div>
  522.     <div class="accordion accordion-flush mt-3" id="serviceFlush">
  523.         <div class="accordion-item">
  524.             <h2 class="accordion-header" id="flush-headingOne">
  525.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  526.                     data-bs-target="#serviceOne" aria-expanded="false" aria-controls="flush-collapseOne">
  527.                     <i class="bi bi-person"></i> &nbsp; Profil
  528.                 </button>
  529.             </h2>
  530.             <div id="serviceOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne"
  531.                 data-bs-parent="#serviceFlush">
  532.                 <div class="accordion-body text-center">
  533.                     <!-- <strong class="text-warning text-center mt-n-5">--* Consultation CB à
  534.                         {{conseiller[0].prixParMinute}} €/mn *--</strong> -->
  535.                     <h3 class=" text-center">{{conseiller[0].titrePage}}</h3>
  536.                     <h4 class=" text-center">{{conseiller[0].metaDescription}}</h4>
  537.                     <p>{{conseiller[0].descriptionLongue|raw}}</p>
  538.                 </div>
  539.             </div>
  540.         </div>
  542.         <div class="accordion-item mt-2">
  543.             <h2 class="accordion-header" id="flush-headingTwo">
  544.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  545.                     data-bs-target="#serviceTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
  546.                     <i class="bi bi-book"></i> &nbsp; Appréciations
  547.                 </button>
  548.             </h2>
  549.             <div id="serviceTwo" class="accordion-collapse collapse " aria-labelledby="flush-headingTwo"
  550.                 data-bs-parent="#serviceFlush">
  551.                 <div class="accordion-body">
  552.                     {% for avis in conseillerAvis %}
  553.                     {% if avis is empty %}
  554.                     <div class="card shadow border-primary  ">
  555.                         <p>Ce conseiller n'a pas encore reçu d'appréciation</p>
  556.                     </div>
  557.                     {% else %}
  558.                     <div class="card shadow border-primary p-1">
  559.                         <div class="row">
  560.                             <p class="col-8"> <strong>{{avis.prenom}} </strong>le
  561.                                 {{avis.datePost|date|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY")}}
  562.                             </p>
  563.                             {% if avis.note == 0 %}
  564.                             <p class="col-4  small ">
  565.                                 <i class="bi bi-star"></i>
  566.                                 <i class="bi bi-star"></i>
  567.                                 <i class="bi bi-star"></i>
  568.                                 <i class="bi bi-star"></i>
  569.                                 <i class="bi bi-star"></i>
  570.                             </p>
  571.                             {% elseif avis.note == 1 %}
  572.                             <p class="col-4  small ">
  573.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  574.                                 <i class="bi bi-star"></i>
  575.                                 <i class="bi bi-star"></i>
  576.                                 <i class="bi bi-star"></i>
  577.                                 <i class="bi bi-star"></i>
  578.                             </p>
  579.                             {% elseif avis.note == 2 %}
  580.                             <p class=" col-4   small ">Avis des membres
  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"></i>
  584.                                 <i class="bi bi-star"></i>
  585.                                 <i class="bi bi-star"></i>
  586.                             </p>
  587.                             {% elseif avis.note == 3 %}
  588.                             <p class=" col-4   small ">
  589.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  590.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  591.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  592.                                 <i class="bi bi-star"></i>
  593.                                 <i class="bi bi-star"></i>
  594.                             </p>
  595.                             {% elseif avis.note == 4 %}
  596.                             <p class=" col-4   small ">
  597.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  598.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  599.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  600.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  601.                                 <i class="bi bi-star"></i>
  602.                             </p>
  603.                             {% elseif avis.note == 5 %}
  604.                             <p class="col-4  small ">
  605.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  606.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  607.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  608.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  609.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  610.                             </p>
  611.                             {% endif %}
  612.                         </div>
  613.                         <p class=""> <strong> Commentaire :</strong> {{avis.commentaire}}</p>
  614.                         {% if avis.reponse %}
  615.                         <p class=""> <strong> Reponse :</strong> {{avis.reponse}}</p>
  616.                         {% endif %}
  617.                     </div>
  618.                     {% endif %}
  619.                     {% endfor %}
  620.                 </div>
  621.             </div>
  622.         </div>
  623.         {% if app.user%}
  624.         <div class="accordion-item mt-2">
  625.             <h2 class="accordion-header" id="flush-headingThree">
  626.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  627.                     data-bs-target="#serviceThree" aria-expanded="false" aria-controls="flush-collapseTwo">
  628.                     <i class="bi bi-pen-fill"></i> &nbsp; Laissez un avis
  630.                 </button>
  631.             </h2>
  632.             <div id="serviceThree" class="accordion-collapse collapse " aria-labelledby="flush-headingThree"
  633.                 data-bs-parent="#serviceFlush">
  634.                 <div class="accordion-body text-center">
  635.                     <div class="row justify-content-center ">
  636.                         <h4 class="">Soumission d'une appréciation client</h4>
  637.                         {{ form_start(avisFormMobile) }}
  638.                         <div class="mb-3">
  639.                             <!-- <label for="exampleFormControlTextarea1">Commentaire</label>
  640.                             <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea> -->
  641.                             {{ form_row(avisFormMobile.message , {
  642.                                 label: 'Commentaire'
  643.                             }) }}
  644.                         </div>
  645.                         <div class="mb-3">
  646.                             {{ form_row(avisFormMobile.note , {
  647.                                 label: 'Note'
  648.                             }) }}
  649.                         </div>
  650.                         <div>
  651.                             {{ form_row(avisFormMobile.envoyer , {
  652.                                 label: 'Evaluer'
  653.                             }) }}
  654.                           
  655.                         </div>
  656.                         {{ form_end(avisFormMobile) }}
  657.                     </div>
  658.                 </div>
  659.             </div>
  660.         </div>
  661.         {% endif %}
  662.         <div class="accordion-item mt-2">
  663.            {# <h2 class="accordion-header" id="flush-headingFour">
  664.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  665.                     data-bs-target="#serviceFour" aria-expanded="false" aria-controls="flush-collapseTwo">
  667.                     <i class="bi bi-calendar"></i> &nbsp; Planning
  669.                 </button>
  670.             </h2> #}
  671. {# <div id="serviceFour" class="accordion-collapse collapse " aria-labelledby="flush-headingFour"
  672.                 data-bs-parent="#serviceFlush">
  673.                 <div class="accordion-body text-center">
  674.                     <div class="table-responsive h-100">
  676.                         <div class="container-fluid row mx-auto">
  677.                             <p class="col-6">Disponible <i class="bi bi-square-fill" style="color: #198754;"></i> </p>
  678.                             <p class="col-6">Indisponible : <i class="bi bi-square-fill" style="color: #6c757d;"></i>
  679.                             </p>
  680.                         </div>
  681.                         <!-- 
  682.                         <div id="{{planningFormat}}">
  683.                         </div>
  684.                         -->
  686.                         <table class="calendar table table-bordered centered  h-100">
  687.                             <thead class="table-light">
  688.                                 <tr>
  689.                                     <th scope="col"></th>
  690.                                     {% for day in weekdaysShort %}
  691.                                     <th scope="col" class='text-small text-center'>{{day}}</th>
  692.                                     {% endfor %}
  693.                                 </tr>
  694.                             </thead>
  695.                            
  696.                             <tbody>
  698.                                 {% 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]%}
  699.                                 <tr>
  700.                                     <th class="text-center text-small bg-white" scope="row">{{i}}:00</th>
  702.                                     {% for val in daysHoursShort[i] %}
  703.                                     </p>
  704.                                     {% if val == false %}
  705.                                     <td class="bg-gray-600"></td>
  707.                                     {% else %}
  708.                                     <td class="bg-green text-white text-small text-center"></td>
  710.                                     {% endif %}
  711.                                     {% endfor %}
  712.                                 </tr>
  713.                                 {% endfor %}
  714.                         </table>
  715.                     </div>
  716.                 </div>
  717.             </div>
  718.         </div> #}
  720.     </div>
  721. </section>
  722. <script type="text/javascript" nonce="{{ csp_nonce('script') }}">
  723.     function selectAll(ch) {
  724.         var tab = document.getElementsByTagName("input");
  725.         for (var i = 0; i < tab.length; i++) {
  726.             if (tab[i].type == "checkbox")
  727.                 tab[i].checked = ch.checked;
  728.         }
  729.     }
  731. </script>
  732. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  733. <script nonce="{{ csp_nonce('script') }}">
  734.     window.onload = () => {
  736.         let calendarEl2 = document.querySelector('#{{planningFormat}}');
  738.         if (('#{{planningFormat}}' == '#HebdomadaireUtilisateur') || ('#{{planningFormat}}' == '#HebdomadaireSimple') || ('#{{planningFormat}}' == '#JournalierSimple') || ('#{{planningFormat}}' == '#HoraireSimple')) {
  740.             let calendar2 = new FullCalendar.Calendar(calendarEl2, {
  742.                 schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
  743.                 initialView: 'timeGridWeek',
  744.                 locale: 'fr',
  745.                 timeZone: 'Europe/Paris',
  746.                 nowIndicator: true,
  747.                 themeSystem: 'bootstrap5',
  748.                 firstDay: 1,
  749.                 navLinks: false,
  750.                 editable: false,
  751.                 eventResizableFromStart: false,
  752.                 slotEventOverlap: false,
  753.                 allDaySlot: false,
  754.                 selectable: false,
  755.                 selectMirror: true,
  756.                 dayMaxEvents: true,
  757.                 aspectRatio: 1,
  759.                 // eventOrderStrict: true,
  760.                 headerToolbar: {
  761.                     start: '',
  762.                     center: '',
  763.                     end: '',
  764.                 },
  766.                 buttonText:
  767.                 {
  768.                     today: "Aujourd'hui",
  769.                     month: 'Mois',
  770.                     week: 'Semaine',
  771.                     day: 'Jour',
  772.                     resourceTimeline: 'Jour',
  773.                     list: 'Liste'
  774.                 },
  776.                 events: JSON.parse('{{ data|raw }}'),
  777.                 eventColor: '#00ac69',
  778.                 eventClick: function (info) {
  780.                     var hoursBegin = info.event.start.getHours() - 2;
  781.                     var minutesBegin = info.event.start.getMinutes();
  783.                     var hoursEnd = info.event.end.getHours() - 2;
  784.                     var minutesEnd = info.event.end.getMinutes();
  785.                     var id = info.event.id;
  786.                     var planningEventId = "{{planningEventId}}"
  788.                     var urlToDelete = "/deletePlanning/" + planningEventId + "/" + id;
  789.                     var urlToModify = "/modifyPlannig/" + planningEventId + "/" + id;
  791.                     $('#EventId').val(id);
  792.                     $('#modifyPlanningListId').attr("href", urlToModify);
  793.                     $('#planningListId').attr("href", urlToDelete);
  794.                     $('#showEventCalendarConseiller').html(info.event.title);
  795.                     $('#hoursBegin').val(hoursBegin);
  796.                     $('#minutesBegin').val(minutesBegin);
  797.                     $('#hoursEnd').val(hoursEnd);
  798.                     $('#minutesEnd').val(minutesEnd);
  800.                     var newHours = $('#hoursBegin').val();
  803.                     var modal = $("#showEventCalendar");
  804.                     modal.modal('show');
  806.                 },
  808.                 resourceAreaHeaderContent: 'Conseillers',
  809.                 resources: JSON.parse('{{ ressources|raw }}'),
  810.                 resourceAreaWidth: " 10%",
  811.                 eventOrder: "-userId",
  813.             });
  815.             calendar2.on('eventChange', (e) => {
  817.                 let url = `/gestionPlanning/{{planningEventId}}/edit`
  818.                 let donnees = {
  819.                     "id": e.event.id,
  820.                     "title": e.event.title,
  821.                     "daysOfWeek": e.event.extendedProps.weekDayNum,
  822.                     "startTime": e.event.start,
  823.                     "endTime": e.event.end
  824.                 }
  826.                 let xhr = new XMLHttpRequest
  827.                 xhr.open("POST", url)
  828.                 xhr.setRequestHeader("Content-Type", "application/json")
  829.                 xhr.send(JSON.stringify(donnees))
  830.             })
  831.             calendar2.render()
  832.         } else if (('#{{planningFormat}}' == '#HoraireMultiple')) {
  834.             let calendar2 = new FullCalendar.Calendar(calendarEl2, {
  836.                 schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
  837.                 initialView: 'resourceTimeline',
  838.                 locale: 'fr',
  839.                 timeZone: 'Europe/Paris',
  840.                 nowIndicator: true,
  841.                 themeSystem: 'bootstrap5',
  842.                 firstDay: 1,
  843.                 navLinks: true,
  844.                 editable: true,
  845.                 eventResizableFromStart: true,
  847.                 selectable: true,
  848.                 selectMirror: true,
  849.                 dayMaxEvents: true,
  850.                 // eventOrderStrict: true,
  851.                 headerToolbar: {
  852.                     start: 'prev,next today',
  853.                     center: 'title',
  854.                     end: 'timeGridWeek,resourceTimeline',
  855.                 },
  857.                 buttonText:
  858.                 {
  859.                     today: "Aujourd'hui",
  860.                     month: 'Mois',
  861.                     week: 'Semaine',
  862.                     day: 'Jour',
  863.                     resourceTimeline: 'Jour',
  864.                     list: 'Liste'
  865.                 },
  867.                 events: JSON.parse('{{ data|raw }}'),
  868.                 dayClick: function (date, allDay, jsEvent, view) {
  869.                     if (allDay) {
  870.                         alert('Clicked on the entire day: ' + date);
  871.                     } else {
  872.                         alert('Clicked on the slot: ' + date);
  873.                     }
  874.                     alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
  875.                     alert('Current view: ' + view.name);
  877.                     // change the day's background color just for fun
  878.                     $(this).css('background-color', 'red');
  880.                 },
  881.                 eventClick: function (info) {
  882.                     var hoursBegin = info.event.start.getHours() - 2;
  883.                     var minutesBegin = info.event.start.getMinutes();
  885.                     var hoursEnd = info.event.end.getHours() - 2;
  886.                     var minutesEnd = info.event.end.getMinutes();
  888.                     var param = "?hoursBegin=" + hoursBegin + "&minutesBegin=" + minutesBegin + "&hoursEnd=" + hoursEnd + "&minutesEnd=" + minutesEnd;
  890.                     var id = info.event.id;
  891.                     var planningEventId = "{{planningEventId}}"
  893.                     var urlToDelete = "/deletePlanning/" + planningEventId + "/" + id;
  894.                     var urlToModify = "/modifyPlannig/" + planningEventId + "/" + id + param;
  896.                     console.log(urlToModify);
  897.                     EventId
  898.                     $('#EventId').val(id);
  899.                     $('#modifyPlanningListId').attr("href", urlToModify);
  900.                     $('#planningListId').attr("href", urlToDelete);
  901.                     $('#showEventCalendarConseiller').html(info.event.title);
  902.                     $('#hoursBegin').val(hoursBegin);
  903.                     $('#minutesBegin').val(minutesBegin);
  904.                     $('#hoursEnd').val(hoursEnd);
  905.                     $('#minutesEnd').val(minutesEnd);
  907.                     var modal = $("#showEventCalendar");
  908.                     modal.modal('show');
  909.                     info.el.style.borderColor = 'red';
  910.                 },
  912.                 slotEventOverlap: false,
  913.                 resourceAreaHeaderContent: 'Touches',
  914.                 resources: JSON.parse('{{ ressources|raw }}'),
  915.                 resourceAreaWidth: " 10%",
  916.                 eventOrder: "-keypad",
  917.             });
  919.             calendar2.on('eventChange', (e) => {
  920.                 let url = `/gestionPlanning/{{planningEventId}}/edit`
  921.                 let donnees = {
  922.                     "id": e.event.id,
  923.                     "title": e.event.title,
  924.                     "daysOfWeek": e.event.daysOfWeek,
  925.                     "startTime": e.event.start,
  926.                     "endTime": e.event.end,
  927.                     "backgroundColor": e.event.backgroundColor,
  928.                 }
  929.                 console.log(donnees);
  930.                 let xhr = new XMLHttpRequest()
  931.                 xhr.open("POST", url)
  932.                 xhr.setRequestHeader("Content-Type", "application/json")
  933.                 xhr.send(JSON.stringify(donnees))
  934.             })
  935.             calendar2.render()
  936.         } else if (('#{{planningFormat}}' == '#JournalierMultiple')) {
  937.             let calendar2 = new FullCalendar.Calendar(calendarEl2, {
  938.                 schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
  939.                 initialView: 'resourceTimeGridDay',
  940.                 locale: 'fr',
  941.                 timeZone: 'Europe/Paris',
  942.                 nowIndicator: true,
  943.                 themeSystem: 'bootstrap5',
  944.                 firstDay: 1,
  945.                 navLinks: true,
  946.                 editable: true,
  947.                 initialDate: '{{date}}',
  948.                 eventResizableFromStart: true,
  949.                 slotEventOverlap: false,
  950.                 allDaySlot: false,
  951.                 selectable: true,
  952.                 selectMirror: true,
  953.                 dayMaxEvents: true,
  954.                 viewRender: function (view, element) {
  955.                     console.log(element);
  956.                 },
  957.                 // eventOrderStrict: true,
  958.                 headerToolbar: {
  959.                     start: 'today',
  960.                     center: 'title',
  961.                     end: 'resourceTimeGridDay',
  962.                 },
  963.                 resourceTimeline: {
  964.                     aspectRatio: 2.5,
  965.                 },
  966.                 buttonText:
  967.                 {
  968.                     today: "Aujourd'hui",
  969.                     month: 'Mois',
  970.                     week: 'Semaine',
  971.                     day: 'Jour',
  972.                     resourceTimeline: 'Jour',
  973.                     list: 'Liste',
  975.                 },
  976.                 events: JSON.parse('{{ data|raw }}'),
  977.                 eventClick: function (info) {
  979.                     var hoursBegin = info.event.start.getHours() - 2;
  980.                     var minutesBegin = info.event.start.getMinutes();
  982.                     var hoursEnd = info.event.end.getHours() - 2;
  983.                     var minutesEnd = info.event.end.getMinutes();
  984.                     var id = info.event.id;
  985.                     var planningEventId = "{{planningEventId}}"
  987.                     var urlToDelete = "/deletePlanning/" + planningEventId + "/" + id;
  988.                     var urlToModify = "/modifyPlannig/" + planningEventId + "/" + id;
  990.                     $('#EventId').val(id);
  991.                     $('#modifyPlanningListId').attr("href", urlToModify);
  992.                     $('#planningListId').attr("href", urlToDelete);
  993.                     $('#showEventCalendarConseiller').html(info.event.title);
  994.                     $('#hoursBegin').val(hoursBegin);
  995.                     $('#minutesBegin').val(minutesBegin);
  996.                     $('#hoursEnd').val(hoursEnd);
  997.                     $('#minutesEnd').val(minutesEnd);
  999.                     var newHours = $('#hoursBegin').val();
  1000.                     console.log(id);
  1001.                     var modal = $("#showEventCalendar");
  1002.                     modal.modal('show');
  1004.                 },
  1006.                 resourceAreaHeaderContent: 'Conseillers',
  1007.                 resources: JSON.parse('{{ ressources|raw }}'),
  1008.                 resourceAreaWidth: " 10%",
  1009.                 eventOrder: "-userId",
  1010.             });
  1011.             calendar2.on('eventChange', (e) => {
  1012.                 let url = `/gestionPlanning/{{planningEventId}}/edit`
  1013.                 let donnees = {
  1014.                     "id": e.event.id,
  1015.                     "title": e.event.title,
  1016.                     "daysOfWeek": e.event.extendedProps.weekDayNum,
  1017.                     "startTime": e.event.start,
  1018.                     "endTime": e.event.end
  1019.                 }
  1021.                 let xhr = new XMLHttpRequest
  1022.                 xhr.open("POST", url)
  1023.                 xhr.setRequestHeader("Content-Type", "application/json")
  1024.                 xhr.send(JSON.stringify(donnees))
  1025.             })
  1026.             calendar2.render()
  1028.         } else if (('#{{planningFormat}}' == '#PresenceUtilisateur')) {
  1029.             let calendar2 = new FullCalendar.Calendar(calendarEl2, {
  1031.                 schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
  1032.                 initialView: 'timeGrid',
  1033.                 locale: 'fr',
  1034.                 timeZone: 'Europe/Paris',
  1035.                 nowIndicator: true,
  1036.                 themeSystem: 'bootstrap5',
  1037.                 firstDay: 1,
  1038.                 navLinks: true,
  1039.                 editable: true,
  1040.                 dayCount: 2,
  1042.                 initialDate: '{{date}}',
  1043.                 eventResizableFromStart: true,
  1044.                 slotEventOverlap: false,
  1045.                 allDaySlot: false,
  1046.                 selectable: true,
  1047.                 selectMirror: true,
  1048.                 dayMaxEvents: true,
  1049.                 viewRender: function (view, element) {
  1050.                     console.log(element);
  1051.                 },
  1052.                 // eventOrderStrict: true,
  1053.                 headerToolbar: {
  1054.                     start: 'today',
  1055.                     center: 'title',
  1056.                     end: 'timeGridDay',
  1057.                 },
  1059.                 resourceTimeline: {
  1060.                     aspectRatio: 2.5,
  1061.                 },
  1062.                 buttonText:
  1063.                 {
  1064.                     today: "Aujourd'hui",
  1065.                     month: 'Mois',
  1066.                     week: 'Semaine',
  1067.                     day: 'Jour',
  1068.                     resourceTimeline: 'Jour',
  1069.                     list: 'Liste',
  1070.                     timeGrid: '2 Jours'
  1071.                 },
  1072.                 events: JSON.parse('{{ data|raw }}'),
  1073.                 eventClick: function (info) {
  1075.                     var hoursBegin = info.event.start.getHours() - 2;
  1076.                     var minutesBegin = info.event.start.getMinutes();
  1078.                     var hoursEnd = info.event.end.getHours() - 2;
  1079.                     var minutesEnd = info.event.end.getMinutes();
  1080.                     var id = info.event.id;
  1081.                     var planningEventId = "{{planningEventId}}"
  1083.                     var urlToDelete = "/deletePlanning/" + planningEventId + "/" + id;
  1084.                     var urlToModify = "/modifyPlannig/" + planningEventId + "/" + id;
  1086.                     $('#EventId').val(id);
  1087.                     $('#modifyPlanningListId').attr("href", urlToModify);
  1088.                     $('#planningListId').attr("href", urlToDelete);
  1089.                     $('#showEventCalendarConseiller').html(info.event.title);
  1090.                     $('#hoursBegin').val(hoursBegin);
  1091.                     $('#minutesBegin').val(minutesBegin);
  1092.                     $('#hoursEnd').val(hoursEnd);
  1093.                     $('#minutesEnd').val(minutesEnd);
  1095.                     var newHours = $('#hoursBegin').val();
  1096.                     console.log(id);
  1097.                     var modal = $("#showEventCalendar");
  1098.                     modal.modal('show');
  1100.                 },
  1102.                 resourceAreaHeaderContent: 'Conseillers',
  1103.                 resources: JSON.parse('{{ ressources|raw }}'),
  1104.                 resourceAreaWidth: " 10%",
  1105.                 eventOrder: "-userId",
  1107.             });
  1109.             calendar2.on('eventChange', (e) => {
  1111.                 let url = `/gestionPlanning/{{planningEventId}}/edit`
  1112.                 let donnees = {
  1113.                     "id": e.event.id,
  1114.                     "title": e.event.title,
  1115.                     "daysOfWeek": e.event.extendedProps.weekDayNum,
  1116.                     "startTime": e.event.start,
  1117.                     "endTime": e.event.end
  1118.                 }
  1120.                 let xhr = new XMLHttpRequest
  1121.                 xhr.open("POST", url)
  1122.                 xhr.setRequestHeader("Content-Type", "application/json")
  1123.                 xhr.send(JSON.stringify(donnees))
  1124.             })
  1126.             calendar2.render()
  1127.         };
  1130.     }
  1131. </script>