templates/admin/experience/overview.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Détails : {{ experience.title }} {% endblock %}
  3. {% block breadcump_main %}Expériences{% endblock %}
  4. {% block breadcump_subtitle %}{{ experience.title }} {% endblock %}
  5. {% block menu_left_sidebar %}
  6.     {% include 'include/menu/menuAdmin.html.twig' with { menu_active_event : '2'} %}
  7. {% endblock %}
  8. {% block stylesheets %}
  9.     <link href="{{ asset('admin/libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css">
  10.     <link href="{{ asset('admin/css/tailwind.min.css') }}" rel="stylesheet" type="text/css">
  11.     <link href="{{ asset('admin/css/tailwind2.css') }}" rel="stylesheet" type="text/css">
  13. {% endblock %}
  14. {% block content %}
  15.     <!-- end page title -->
  17.     <div class="row">
  18.         <div class="col-lg-12">
  19.             <div class="card">
  20.                 <div class="card-body">
  21.                     <div class="row">
  22.                         <div class="col-8">
  23.                             <div class="d-flex">
  24.                                 <div class="flex-shrink-0 me-3">
  25.                                     <img src="{% if experience.image != null %}{{ asset(''~experience.image) }}{% else %}{{ asset('admin/images/default/product.png') }}{% endif %}" alt="" class="avatar-md rounded-circle img-thumbnail">
  26.                                 </div>
  27.                                 <div class="flex-grow-1 align-self-center">
  28.                                     <div class="text-muted">
  29.                                         <p class="mb-2">{% if experience.subcategories|length > 0 %}{{ experience.subcategories[0].category.name }}{% endif %}</p>
  30.                                         <h5 class="mb-1">{{ experience.title }}</h5>
  31.                                         <p class="mb-2">{% if experience.coachingtype %}Coaching Privé{% elseif experience.coachingtype =='groupe' %}Coaching en Groupe{% else %}Coaching en Visio{% endif %}</p>
  32.                                         {% if experience.enabled == '1' %}
  33.                                             <span class="badge badge-soft-success font-size-12"> <i class=" font-size-10 mdi mdi-circle text-soft-success align-middle me-1"></i> Activé </span>
  34.                                         {% else %}
  35.                                             <span class="badge badge-soft-danger font-size-12"> <i class=" font-size-10 mdi mdi-circle text-soft-danger align-middle me-1"></i> Désactivé </span>
  36.                                         {% endif %}   
  37.                                         {% if experience.published == '1' %}
  38.                                             <span class="badge badge-soft-success font-size-12"> <i class=" font-size-10 mdi mdi-circle text-soft-success align-middle me-1"></i> Publié </span>
  39.                                         {% else %}
  40.                                             <span class="badge badge-soft-warning font-size-12"> <i class=" font-size-10 mdi mdi-circle text-soft-warning align-middle me-1"></i> Non publié </span>
  41.                                         {% endif %}   
  43.                                     </div>
  44.                                 </div>
  45.                             </div>
  46.                         </div>
  48.                         <div class="col-4">
  49.                             <ul class="list-inline user-chat-nav text-end mb-0">
  50.                                 <li class="list-inline-item  d-none d-sm-inline-block">
  51.                                     <div class="dropdown">
  52.                                         <button class="btn nav-btn" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  53.                                             <i class="bx bx-cog"></i>
  54.                                         </button>
  55.                                         <div class="dropdown-menu dropdown-menu-end" style="">
  57.                                             <a class="dropdown-item" href="{{ path('edit_general_info',{'id':experience.id}) }}">Informations Génerale</a>
  58.                                             <a class="dropdown-item" href="{{ path('edit_description',{'id':experience.id}) }}">Description</a>
  59.                                             <a class="dropdown-item" href="{{ path('edit_highlights',{'id':experience.id}) }}">Points forts</a>
  60.                                             <a class="dropdown-item" href="{{ path('edit_media',{'id':experience.id}) }}">Media et galerie</a>
  61.                                             <a class="dropdown-item" href="{{ path('edit_price',{'id':experience.id}) }}">Condition d'annulation</a>
  62.                                             <a class="dropdown-item" href="{{ path('edit_price',{'id':experience.id}) }}">Prix et tarification</a>
  63.                                             <div class="dropdown-divider"></div>
  64.                                             <a class="dropdown-item" href="{{ path('add_hebergement',{'id':experience.id}) }}">Ajouter Chambre</a>
  65.                                             <a class="dropdown-item" {% if experience.availability %}
  66.                                                href="{{ path('edit_availability',{'id':experience.id}) }}"
  67.                                                {% else %}
  68.                                                    href="{{ path('add_availability',{'id':experience.id}) }}"
  69.                                                    {% endif %}>Calendrier de disponibilité</a>
  70.                                                    <a class="dropdown-item" href="{{ path('add_program',{'id':experience.id}) }}">Ajouter Programme</a>
  71.                                                </div>
  72.                                             </div>
  73.                                         </li>
  75.                                         <li class="list-inline-item">
  76.                                             <div class="dropdown">
  77.                                                 <button class="btn nav-btn" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  78.                                                     <i class="bx bx-dots-horizontal-rounded"></i>
  79.                                                 </button>
  80.                                                 <div class="dropdown-menu dropdown-menu-end" style="">
  81.                                                     <a class="dropdown-item" href="#">Page en ligne</a>
  82.                                                     <a class="dropdown-item" href="#">Liste de réservations</a>
  83.                                                     <a class="dropdown-item" href="#">Autres</a>
  84.                                                 </div>
  85.                                             </div>
  86.                                         </li>
  88.                                     </ul>
  89.                                 </div>
  90.                             </div>
  93.                             <!-- end row -->
  94.                         </div>
  95.                     </div>
  96.                 </div>
  97.                 <div class="col-lg-12">
  98.                     <div class="card">
  99.                         <div class="card-body">
  100.                             <div class="flex items-center gap-x-4">
  101.                                 <div class="w-8 h-8 rounded-full flex items-center justify-center bg-orange/30 dark:bg-orange/30">
  102.                                     <i class="bx bx-copy-alt text-orange text-3xl"></i>
  103.                                 </div>
  104.                                 <div>
  105.                                     <h4 class="text-gray-700 text-15 font-semibold dark:text-gray-50 mb-1">Compléter les informations de votre expérience</h4>
  106.                                     <p class="text-gray-700 text-sm">Voici les sections que vous devez compléter pour finaliser de fournir les informations necessaire pour publié votre éxpeience. </p>
  107.                                 </div>
  108.                             </div>
  109.                             <div class="my-4 mb-4.5 text-sm flex flex-wrap sm:gap-5 gap-2  items-center">
  110.                                 <!-- Section: General Info -->
  111.                                 <div class="flex items-center justify-start my-1 space-x-1 mr-2 ">
  112.                                     <i class="bx {% if '1' in experience.steps %}bx-check text-success{% else %}bx-x-circle text-mute{% endif %} font-normal text-base"></i>
  113.                                     <label class="mb-0 font-normal {% if '1' in experience.steps %}fw-medium {% else %}text-muted{% endif %}">Infos génerale</label>
  114.                                 </div>
  115.                                 <!-- Section: Programme -->
  116.                                 <div class="flex items-center justify-start my-1 space-x-1 mr-2 ">
  117.                                     <i class="bx {% if '2' in experience.steps %}bx-check text-success{% else %}bx-x-circle text-muted{% endif %} font-normal text-base"></i>
  118.                                     <label class="mb-0 font-normal {% if '2' in experience.steps %}fw-medium {% else %}text-muted{% endif %}">Description</label>
  119.                                 </div>
  121.                                 <!-- Section: Gallery -->
  122.                                 <div class="flex items-center justify-start my-1 space-x-1 mr-2 ">
  123.                                     <i class="bx {% if '3' in experience.steps %}bx-check text-success{% else %}bx-x-circle text-muted{% endif %} "></i>
  124.                                     <label class="mb-0 font-normal{% if '3' in experience.steps %}fw-medium{% else %}text-muted{% endif %}">Programme</label>
  125.                                 </div>
  127.                                 <!-- Section: Description -->
  128.                                 <div class="flex items-center justify-start my-1 space-x-1 mr-2 ">
  129.                                     <i class="bx {% if '4' in experience.steps %}bx-check text-success{% else %}bx-x-circle text-muted{% endif %} "></i>
  130.                                     <label class="mb-0 font-normal{% if '4' in experience.steps %}fw-medium{% else %}text-muted{% endif %}">Hebergement</label>
  131.                                 </div>
  132.                                 <!-- Section: Prix -->
  133.                                 <div class="flex items-center justify-start my-1 space-x-1 mr-2 ">
  134.                                     <i class="bx {% if '5' in experience.steps %}bx-check text-success{% else %}bx-x-circle text-muted{% endif %}"></i>
  135.                                     <label class="mb-0 font-normal {% if '5' in experience.steps %}fw-medium{% else %}text-muted{% endif %}">Media</label>
  136.                                 </div>
  137.                                 <!-- Section: Highlights -->
  138.                                 <div class="flex items-center justify-start my-1 space-x-1 mr-2 ">
  139.                                     <i class="bx {% if '6' in experience.steps %}bx-check text-success{% else %}bx-x-circle text-muted{% endif %}"></i>
  140.                                     <label class="mb-0 font-normal {% if '6' in experience.steps %}fw-medium{% else %}text-muted{% endif %}">Tarification</label>
  141.                                 </div>
  142.                             </div>
  143.                             <div class="border-t border-gray-300 pt-2 flex w-2/5 dark:border-zink-50">
  144.                                 <div class="flex items-center space-x-1 mr-2 my-2">
  145.                                     <i class="bx bx-check-circle text-success font-normal text-base"></i>
  146.                                     <small class="text-xs   font-light dark:text-zink-200">Information enregistrés  </small>
  147.                                 </div>
  148.                                 <div class="flex items-center space-x-1 mr-2 mx-3">
  149.                                     <i class="bx bx-x-circle text-soft-danger text-lg"></i>
  150.                                     <p class="text-xs mb-0  font-light dark:text-zink-200">Information requise  </p>
  151.                                 </div>
  152.                             </div>
  154.                         </div>
  155.                     </div>
  156.                 </div>
  157.             </div>
  158.             <!-- end row -->
  161.             <div class="row">
  162.                 <div class="col-sm-4">
  163.                     <div class="card">
  164.                         <div class="card-body">
  165.                             <div class="d-flex align-items-center mb-3">
  166.                                 <div class="avatar-xs me-3">
  167.                                     <span class="avatar-title rounded-circle bg-primary bg-soft text-primary font-size-18">
  168.                                         <i class="bx bx-dollar-circle"></i>
  169.                                     </span>
  170.                                 </div>
  171.                                 <h5 class="font-size-14 mb-0">Prix</h5>
  172.                                 <div class="dropdown ms-auto">
  173.                                     <a class="text-muted font-size-16" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
  174.                                         <i class="mdi mdi-dots-horizontal"></i>
  175.                                     </a>
  177.                                     <div class="dropdown-menu dropdown-menu-end">
  179.                                         <a class="dropdown-item" href="{{ path('edit_price',{'id':experience.id}) }}">Condition d'annulation</a>
  180.                                         <a class="dropdown-item" href="{{ path('edit_price',{'id':experience.id}) }}">Prix et tarification</a>
  181.                                     </div>
  182.                                 </div>
  183.                             </div>
  185.                             <div class="text-muted mt-4">
  186.                                 <h4>  {{ experience.price }} {{ experience.currency }} <i class="mdi mdi-chevron-up ms-1 text-success"></i></h4>
  187.                                 <div class="d-flex">
  188.                                     <span class="badge badge-soft-success font-size-12"> {{ experience.currency }}  </span> <span class="ms-2 text-truncate">Prix de l'éxperience en {{ experience.currency }}</span>
  189.                                 </div>
  190.                             </div>
  191.                         </div>
  192.                     </div>
  193.                 </div>
  195.                 <div class="col-sm-4">
  196.                     <div class="card">
  197.                         <div class="card-body">
  198.                             <div class="d-flex align-items-center mb-3">
  199.                                 <div class="avatar-xs me-3">
  200.                                     <span class="avatar-title rounded-circle bg-primary bg-soft text-primary font-size-18">
  201.                                         <i class="bx bx-dna"></i>
  202.                                     </span>
  203.                                 </div>
  204.                                 <h5 class="font-size-14 mb-0">Promotion</h5>
  205.                             </div>
  206.                             <div class="text-muted mt-4">
  207.                                 <h4>% {{ experience.promotion.percent }} <i class="mdi mdi-chevron-up ms-1 text-success"></i></h4>
  208.                                 <div class="d-flex">
  209.                                     {% if experience.onpromo == '1' %}
  210.                                         <span class="badge badge-soft-success font-size-12"> On promo </span> <span class="ms-2 text-truncate">La promotion est activé</span>
  211.                                     {% else %}
  212.                                         <span class="badge badge-soft-danger font-size-12"> Pas de promo </span> <span class="ms-2 text-truncate">Aucun promotion actif</span>
  213.                                     {% endif %}
  214.                                 </div>
  215.                             </div>
  216.                         </div>
  217.                     </div>
  218.                 </div>
  220.                 <div class="col-sm-4">
  221.                     <div class="card">
  222.                         <div class="card-body">
  223.                             <div class="d-flex align-items-center mb-3">
  224.                                 <div class="avatar-xs me-3">
  225.                                     <span class="avatar-title rounded-circle bg-primary bg-soft text-primary font-size-18">
  226.                                         <i class="bx bx-cart"></i>
  227.                                     </span>
  228.                                 </div>
  229.                                 <h5 class="font-size-14 mb-0">Reservation</h5>
  230.                             </div>
  231.                             <div class="text-muted mt-4">
  232.                                 <h4>120  <i class="mdi mdi-chevron-up ms-1 text-success"></i></h4>
  234.                                 <div class="d-flex">
  235.                                     <span class="badge badge-soft-warning font-size-12"> Confirmé </span> <span class="ms-2 text-truncate">Nombre de réservation confirmé</span>
  236.                                 </div>
  237.                             </div>
  238.                         </div>
  239.                     </div>
  240.                 </div>
  241.             </div>
  242.             <div class="row ">
  243.                 <div class="col-6 ">
  244.                     <div class="card">
  245.                         <div class="card-body">
  246.                             <div class="p-4">
  247.                                 <h5 class="card-title">Description</h5>
  249.                                 <p class="mb-1">{{ experience.description|u.truncate(50, '...') }}</p>
  250.                                 <h5 class="card-title mt-4">Inclus au prix</h5>
  252.                                 <div class="text-muted">
  253.                                     {% for included in experience.included %}
  254.                                         <p class="mb-1"><i class="mdi mdi-circle-medium align-middle text-primary me-1"></i> {{ included }}</p>
  255.                                     {% endfor %}
  256.                                 </div>
  257.                                 <h5 class="card-title mt-4">Non Inclus au prix</h5>
  259.                                 <div class="text-muted">
  260.                                     {% for notincluded in experience.notincluded %}
  261.                                         <p class="mb-1"><i class="mdi mdi-circle-medium align-middle text-primary me-1"></i> {{ notincluded }}</p>
  262.                                     {% endfor %}
  263.                                 </div>
  264.                                 <div class="text-center mt-4"><a href="{{ path('edit_description',{'id':experience.id}) }}" class="">Modifier description<i class="mdi mdi-arrow-right ms-1"></i></a></div>
  266.                             </div>
  267.                         </div>
  268.                     </div>
  269.                     <div class="card">
  270.                         <div class="card-body">
  271.                             <div class="p-4">
  272.                                 <h5 class="card-title">Hebergement</h5>
  274.                                 <ul class="list-group list-group-flush">
  275.                                     {% for hebergement in experience.hebergements %}
  276.                                         <li class="list-group-item py-3">
  277.                                             <div class="d-flex">
  278.                                                 <div class="me-3">
  279.                                                     <img width="80" src="{{ asset(''~experience.image) }}" alt="" class="avatar-sm h-auto d-block rounded">
  280.                                                 </div>
  282.                                                 <div class="align-self-center overflow-hidden me-auto">
  283.                                                     <div>
  284.                                                         <h5 class="font-size-14 text-truncate"><a href="{{ path('edit_hebergement',{'id':experience.id,'heber':hebergement.id}) }}" class="text-dark">{{ hebergement.name }}</a></h5>
  285.                                                         <p class="text-muted mb-0">{{ hebergement.price }} {{ experience.currency }}</p>
  286.                                                     </div>
  287.                                                 </div>
  289.                                                 <div class="dropdown ms-2">
  290.                                                     <a class="text-muted font-size-14" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  291.                                                         <i class="mdi mdi-dots-horizontal"></i>
  292.                                                     </a>
  294.                                                     <div class="dropdown-menu dropdown-menu-end">
  295.                                                         <a class="dropdown-item" href="{{ path('edit_hebergement',{'id':experience.id,'heber':hebergement.id}) }}">Modifier</a>
  296.                                                         <a class="dropdown-item" href="{{ path('remove_hebergement',{'id':experience.id,'p':hebergement.id}) }}">Supprimer</a>
  297.                                                     </div>
  298.                                                 </div>
  299.                                             </div>
  300.                                         </li>
  301.                                     {% endfor %}
  303.                                 </ul>
  304.                                 <div class="text-center mt-4"><a href="{{ path('add_hebergement',{'id':experience.id}) }}" class="">Nouveau hebergement<i class="mdi mdi-arrow-right ms-1"></i></a></div>
  306.                             </div>
  307.                         </div>
  308.                     </div>
  309.                     <div class="card">
  310.                         <div class="card-body">
  311.                             <div class="p-4">
  312.                                 <h5 class="card-title">Calendrier de dispoibilité</h5>
  313.                                 <p>Personnaliser la disponilbilité de cette experience selon votre calendrier.</p>
  315.                                 {% if experience.availability %}
  316.                                     <div class="text-center">
  317.                                         <div class="mb-4">
  318.                                             <i class="bx bx-calendar text-primary display-4"></i>
  319.                                         </div>
  320.                                         <h4>Durée de l'éxperience</h4>
  321.                                         <p>{{ experience.availability.duration }} jours</p>
  322.                                     </div>
  323.                                     <div class="table-responsive mt-4">
  324.                                         <table class="table align-middle table-nowrap">
  325.                                             <tbody>
  326.                                                 <tr>
  327.                                                     <td >
  328.                                                         <p class="mb-0">Périodes de réservations :</p>
  329.                                                     </td>
  330.                                                     <td>
  331.                                                         <p class="mb-0">à partir de <b>{{  experience.availability.duration}} Jours</b>, avant la date de départ </p></td>
  332.                                                 </tr>
  333.                                                 <tr>
  334.                                                     <td>
  335.                                                         <p class="mb-0">Type de calendrier :</p>
  336.                                                     </td>
  337.                                                     <td>
  338.                                                         <p class="mb-0">{% if experience.availability.availabilitytype =="1"  %}CALENDRIER DE DISPONIBILITÉ <i class="mdi mdi-arrow-right ms-1"></i> Dates de départ{% elseif experience.availability.availabilitytype =="2"  %}CALENDRIER OUVERTE <i class="mdi mdi-arrow-right ms-1"></i> Dates d'indisponibilité{% endif %}</p>
  339.                                                     </td>
  340.                                                 </tr>
  341.                                             </tbody>
  342.                                         </table>
  343.                                     </div>
  344.                                     <div class="text-center bg- p-10" >
  345.                                         <div class="text-center mt-4"><a href="{{ path('edit_availability',{'id':experience.id}) }}" class="">Personaliser la disponibilité <i class="mdi mdi-arrow-right ms-1"></i></a></div>
  346.                                     </div>
  347.                                 {% else %}
  348.                                     <div class="text-center bg- p-10" >
  349.                                         <p class="text-muted">Aucune disponibilité enregistré !!</p>
  350.                                         <div class="text-center mt-4"><a href="{{ path('add_availability',{'id':experience.id}) }}" class="">Créer une calendrier <i class="mdi mdi-arrow-right ms-1"></i></a></div>
  351.                                     </div>
  352.                                 {% endif %}
  356.                                 <!-- end card -->
  360.                             </div>
  361.                         </div>
  362.                     </div>
  364.                 </div>
  365.                 <div class="col-6 ">
  366.                     <div class="card">
  367.                         <div class="card-body">
  368.                             <h4 class="card-title">Informations génerale</h4>
  369.                             <p class="mb-2 text-muted">Modifier les informations génerale de l'éxperience :</p>
  370.                             <div class="tab-pill mt-3 ">
  372.                                 <div class="  text-13">
  373.                                     <div class="tab-pane block">
  375.                                         <div class="row">
  376.                                             <label for="example-text-input" class="block col-3 dark:text-zink-200 font-medium mb-1 text-sm">Type de coaching</label>
  377.                                             <p class="col-9 text-sm text-gray-600 dark:text-zink-200">{% if experience.coachingtype %}Coaching Privé{% elseif experience.coachingtype =='groupe' %}Coaching en Groupe{% else %}Coaching en Visio{% endif %}</p>
  378.                                         </div>
  379.                                         <div class="mt-3 row">
  380.                                             <label for="example-text-input" class="block col-3 dark:text-zink-200 font-medium mb-1 text-sm">Categorie</label>
  381.                                             <p class="col-9 text-xs  text-gray-600 dark:text-zink-200">{% if experience.subcategories|length > 0 %}{{ experience.subcategories[0].category.name }}{% endif %}</p>
  382.                                         </div>
  383.                                         <div class="mt-3 row">
  384.                                             <label for="example-text-input" class="block col-3 dark:text-zink-200 font-medium mb-1 text-sm">Resumé</label>
  385.                                             <p class="col-9 text-xs  text-gray-600 dark:text-zink-200">{{ experience.resume }}</p>
  386.                                         </div>
  389.                                         <div class="text-center mt-4"><a href="{{ path('edit_general_info',{'id':experience.id}) }}" class="">Modifier les infos general <i class="mdi mdi-arrow-right ms-1"></i></a></div>
  390.                                     </div>
  391.                                 </div>
  392.                             </div>
  393.                         </div>
  394.                     </div>
  395.                     <div class="card">
  396.                         <div class="card-body">
  397.                             <div class="p-4">
  398.                                 <h5 class="card-title">Points fort !</h5>
  399.                                 <p>Les point remarquables de l'éxperience :</p>
  401.                                 <div class="text-muted">
  402.                                     {% for highlight in experience.highlights %}
  403.                                         <p class="mb-1"><i class="mdi mdi-circle-medium align-middle text-primary me-1"></i> {{ highlight }}</p>
  404.                                     {% endfor %}
  405.                                 </div>
  406.                                 <div class="text-center mt-4"><a href="{{ path('edit_highlights',{'id':experience.id}) }}" class="">Modifier Points fort<i class="mdi mdi-arrow-right ms-1"></i></a></div>
  408.                             </div>
  409.                         </div>
  410.                     </div>
  411.                     <div class="card">
  412.                         <div class="card-body">
  413.                             <div class="p-4">
  414.                                 <h5 class="card-title">Programme</h5>
  415.                                 <p>Les activités programmeé durant l'éxperience,pour les éxperience à plusieurs jours, lister regrouper chaque jousr à part.</p>
  417.                                 {% if experience.programs|length > 0 %}
  418.                                     <div data-simplebar class="mt-2" style="max-height: 280px;">
  419.                                         <ul class="verti-timeline list-unstyled">
  420.                                             {% for program in experience.programs %}
  421.                                                 <li class="event-list active">
  422.                                                     <div class="event-timeline-dot">
  423.                                                         <i class="bx bxs-right-arrow-circle font-size-18 bx-fade-right"></i>
  424.                                                     </div>
  425.                                                     <div class="d-flex">
  426.                                                         <div class="flex-shrink-0 me-3">
  427.                                                             <h5 class="font-size-14">{{ program.day }} <i class="bx bx-right-arrow-alt font-size-16 text-primary align-middle ms-2"></i></h5>
  428.                                                         </div>
  429.                                                         <div class="flex-grow-1">
  430.                                                             <div>
  431.                                                                 {{ program.description }} <a href="{{ path('edit_program',{'id':experience.id,'p':program.id}) }}" class="text-success p-1"><i class="bx bxs-edit-alt"></i></a> <a href="{{ path('remove_program',{'id':experience.id,'p':program.id}) }}" class="text-ganger p-1"><i class="bx bxs-trash-alt"></i></a>
  432.                                                             </div>
  433.                                                         </div>
  434.                                                     </div>
  435.                                                 </li>
  436.                                             {% endfor %}
  437.                                         </ul>
  438.                                     </div>
  439.                                 {% else %}
  440.                                     <div class="text-center bg- p-10" >
  441.                                         <p class="text-muted">Aucun programme enregistrer !!</p>
  442.                                     </div>
  443.                                 {% endif %}
  447.                                 <!-- end card -->
  449.                                 <div class="text-center mt-4"><a href="{{ path('add_program',{'id':experience.id}) }}" class="">Nouvelle activité au Programe <i class="mdi mdi-arrow-right ms-1"></i></a></div>
  451.                             </div>
  452.                         </div>
  453.                     </div>
  454.                 </div>
  455.             </div>
  456.             <!-- end row -->
  457.             <!-- end row -->
  459.             <!-- end row -->
  461.             <!-- End Page-content -->
  462.             {% endblock %}
  463.                 {% block javascripts %}
  464.                     <!-- apexcharts -->
  465.                     <script src="{{ asset('admin/libs/parsleyjs/parsley.min.js')}}"></script>
  467.                     <script src="{{ asset('admin/js/app.js')}}"></script>
  468.                 {% endblock %}