templates/app/dashboard/my-subscriptions.html.twig line 1

  1. <div class="card">
  2.   <div class="card-header align-items-center d-flex">
  3.     <h4 class="card-title mb-0 flex-grow-1">
  4.       {% trans %} Abonnements {% endtrans %}
  5.     </h4>
  6.     <div class="flex-shrink-0">
  7.       <ul
  8.         class="nav justify-content-end nav-tabs-custom rounded card-header-tabs"
  9.         role="tablist"
  10.       >
  11.         <li class="nav-item">
  12.           <a
  13.             class="nav-link active"
  14.             data-bs-toggle="tab"
  15.             href="#subscriptions-expired-tab"
  16.             role="tab"
  17.           >
  18.             {% trans %} Expiré {% endtrans %}
  19.           </a>
  20.         </li>
  21.         <li class="nav-item">
  22.           <a
  23.             class="nav-link"
  24.             data-bs-toggle="tab"
  25.             href="#subscriptions-upaied-tab"
  26.             role="tab"
  27.           >
  28.             {% trans %} Non payé {% endtrans %}
  29.           </a>
  30.         </li>
  31.       </ul>
  32.     </div>
  33.   </div>
  35.   <div class="card-body px-0">
  36.     <div class="tab-content">
  37.       <div
  38.         class="tab-pane active"
  39.         id="subscriptions-expired-tab"
  40.         role="tabpanel"
  41.       >
  42.         <div
  43.           class="table-responsive px-3"
  44.           data-simplebar
  45.           style="max-height: 500px; min-height: 500px; overflow: scroll"
  46.         >
  47.           {% if expired_subscriptions|length > 0 %}
  48.           <table class="table align-middle table-nowrap table-borderless">
  49.             <tbody>
  50.               {% for subscription in expired_subscriptions %} {% include
  51.               "app/dashboard/_partials/subscription-row.html.twig" with
  52.               {'subscription': subscription, 'expired': true} %} {% endfor %}
  53.             </tbody>
  54.           </table>
  55.           <div class="row text-center">
  56.             <a href="{{ path('app_subscription_index') }}">
  57.               {% trans %} Voir tous les abonnements {% endtrans %}
  58.             </a>
  59.           </div>
  60.           {% else %}
  61.           <div class="list-group list-group-flush mt-5">
  62.             <div
  63.               class="alert alert-transparent alert-dismissible fade show px-4 mb-0 text-center"
  64.               role="alert"
  65.             >
  66.               <img
  67.                 src="/front/images/expired.png"
  68.                 width="150px"
  69.                 class="img-fluid mb-4"
  70.               />
  71.               <h5 class="text-info">
  72.                 {% trans %} Aucun abonnement expiré {% endtrans %}
  73.               </h5>
  74.               <a href="{{ path('app_subscription_index') }}">
  75.                 {% trans %} Voir tous les abonnements {% endtrans %}
  76.               </a>
  77.             </div>
  78.           </div>
  79.           {% endif %}
  80.         </div>
  81.       </div>
  82.       <!-- end tab pane -->
  83.       <div class="tab-pane" id="subscriptions-upaied-tab" role="tabpanel">
  84.         <div
  85.           class="table-responsive px-3"
  86.           data-simplebar
  87.           style="max-height: 500px; min-height: 500px; overflow: scroll"
  88.         >
  89.           {% if expired_subscriptions|length > 0 %}
  90.           <table class="table align-middle table-nowrap table-borderless">
  91.             <tbody>
  92.               {% for subscription in unpaied_subscriptions %} {% include
  93.               "app/dashboard/_partials/subscription-row.html.twig" with
  94.               {'subscription': subscription, 'expired': false} %} {% endfor %}
  95.             </tbody>
  96.           </table>
  97.           <div class="row text-center">
  98.             <a href="{{ path('app_subscription_index') }}">
  99.               {% trans %} Voir tous les abonnements {% endtrans %}
  100.             </a>
  101.           </div>
  102.           {% else %}
  103.           <div class="list-group list-group-flush mt-5">
  104.             <div
  105.               class="alert alert-transparent alert-dismissible fade show px-4 mb-0 text-center"
  106.               role="alert"
  107.             >
  108.               <img
  109.                 src="/front/images/no-money.png"
  110.                 width="150px"
  111.                 class="img-fluid mb-4"
  112.               />
  113.               <h5 class="text-info">
  114.                 {% trans %} Aucun abonnement impayé {% endtrans %}
  115.               </h5>
  116.               <a href="{{ path('app_subscription_index') }}">
  117.                 {% trans %} Voir tous les abonnements {% endtrans %}
  118.               </a>
  119.             </div>
  120.           </div>
  121.           {% endif %}
  122.         </div>
  123.       </div>
  124.       <!-- end tab pane -->
  125.     </div>
  126.   </div>
  127. </div>