templates/app/buy/license.html.twig line 1

  1. {% extends 'app/setting/index.html.twig' %} {% block title %} {% trans %} My
  2. License {% endtrans %} {% endblock %} {% block settingview %}
  3. <div class="card">
  4.   <div class="card-body">
  5.     <div class="row">
  6.       <div class="col-12">
  7.         <div class="card">
  8.           <div class="card-header">
  9.             <h4 class="card-title font-size-20">
  10.               <i class="mdi mdi-police-badge-outline me-2"></i>
  11.               {% trans %} Ma licence {% endtrans %}
  12.             </h4>
  13.           </div>
  14.           <div class="card-body">
  15.             <div class="row">
  16.               <div class="col-lg-12">
  17.                 {% if company.abonnements|length > 0 %} {% for abonnement in
  18.                 company.abonnements %}
  19.                 <div class="card border border-success">
  20.                   <div class="card-header bg-transparent border-success">
  21.                     <h5 class="my-0 text-success">
  22.                       <i class="mdi mdi-check-all me-3"></i>
  23.                       {% trans %} Licence valid {% endtrans %}:
  24.                       {{ abonnement.product.name }}
  25.                     </h5>
  26.                   </div>
  27.                   <div class="card-body">
  28.                     <h5 class="card-title">
  29.                       {% trans %} Expiré {% endtrans %}:
  30.                     </h5>
  31.                     <p class="card-text text-success">
  32.                       {{ abonnement.expireDate|date("d-m-Y") }}
  33.                     </p>
  34.                   </div>
  35.                 </div>
  36.                 {% endfor %} {% else %} {% if company.isTrial %}
  37.                 <div class="card border border-info">
  38.                   <div class="card-header bg-transparent border-info">
  39.                     <h5 class="my-0 text-info">
  40.                       <i class="mdi mdi-check-all me-3"></i>
  41.                       {% trans %} Version d'essai {% endtrans %}
  42.                     </h5>
  43.                   </div>
  44.                   <div class="card-body">
  45.                     <h5 class="card-title">
  46.                       {% trans %} Expire {% endtrans %}:
  47.                     </h5>
  48.                     <p class="card-text text-info">
  49.                       {{ company.createdAt|date_modify("+30 day")|date("d-m-Y") }}
  50.                     </p>
  51.                   </div>
  52.                 </div>
  53.                 {% else %}
  54.                 <div class="card border border-danger">
  55.                   <div class="card-header bg-transparent border-danger">
  56.                     <h5 class="my-0 text-danger">
  57.                       <i class="mdi mdi-check-all me-3"></i>
  58.                       {% trans %} La version d'essai a expiré{% endtrans %}!
  59.                     </h5>
  60.                   </div>
  61.                   <div class="card-body">
  62.                     <h5 class="card-title">
  63.                       {% trans %} Expiré : {% endtrans %}
  64.                     </h5>
  65.                     <p class="card-text text-danger">
  66.                       {{ company.createdAt|date_modify("+30 day")|date("d-m-Y") }}
  67.                     </p>
  68.                   </div>
  69.                 </div>
  70.                 {% endif %} {% endif %}
  71.               </div>
  72.             </div>
  73.           </div>
  74.         </div>
  76.         <div class="card">
  77.           <div class="card-header d-flex">
  78.             <h4 class="card-title mb-0 flex-grow-1">
  79.               <i class="mdi mdi-package-variant-closed me-2"></i>
  80.               {% trans %} Packs {% endtrans %}
  81.               <p class="card-title-desc">
  82.                 {% trans %} Des tarifs transparents, sans engagement{% endtrans %}
  83.               </p>
  84.             </h4>
  86.             <div class="flex-shrink-0 align-self-end">
  87.               <ul
  88.                 class="nav justify-content-end nav-tabs-custom rounded card-header-tabs"
  89.                 id="pills-tab"
  90.                 role="tablist"
  91.               >
  92.                 <li class="nav-item" role="presentation">
  93.                   <a
  94.                     class="nav-link px-3 rounded monthly active"
  95.                     id="monthly"
  96.                     data-bs-toggle="pill"
  97.                     href="#month"
  98.                     role="tab"
  99.                     aria-controls="month"
  100.                     aria-selected="true"
  101.                   >
  102.                     {% trans %}Monthly{% endtrans %}
  103.                   </a>
  104.                 </li>
  105.                 <li class="nav-item" role="presentation">
  106.                   <a
  107.                     class="nav-link px-3 rounded yearly"
  108.                     id="yearly"
  109.                     data-bs-toggle="pill"
  110.                     href="#year"
  111.                     role="tab"
  112.                     aria-controls="year"
  113.                     aria-selected="false"
  114.                     tabindex="-1"
  115.                   >
  116.                     {% trans %}Annuelle{% endtrans %}
  117.                   </a>
  118.                 </li>
  119.               </ul>
  120.             </div>
  121.           </div>
  122.           <div class="card-body">
  123.             <div class="tab-content" id="pills-tabContent">
  124.               <div
  125.                 class="tab-pane fade active show"
  126.                 id="month"
  127.                 role="tabpanel"
  128.                 aria-labelledby="monthly"
  129.               >
  130.                 <div class="row">
  131.                   {% for product in products %}
  132.                   <div class="col-xl-3 col-sm-6">
  133.                     {% if product.name|lower == 'STANDARD'|lower %}
  134.                     <div class="card bg-primary mb-xl-0">
  135.                       <div class="card-body">
  136.                         <div class="p-2">
  137.                           <div class="pricing-badge">
  138.                             <span class="badge">Produits populaires</span>
  139.                           </div>
  140.                           <h5 class="font-size-16 text-white">
  141.                             {{ product.name }}
  142.                           </h5>
  143.                           <h1 class="mt-3 text-white">
  144.                             {{ product.price|number_format(0,'.', ' ') }} DA
  145.                             <span class="text-white font-size-16 fw-medium"
  146.                               >/ {% trans %}Mois{% endtrans %}
  147.                             </span>
  148.                           </h1>
  149.                           <p class="text-white-50 mt-3 font-size-15">
  150.                             {{ product.description }}
  151.                           </p>
  152.                           <div class="mt-4 pt-2 text-white">
  153.                             {% for item in
  154.                             product.details[app.request.locale]|default('') %}
  155.                             <p class="mb-3 font-size-15">
  156.                               {% if item.checked %}
  157.                               <i
  158.                                 class="mdi mdi-check-circle text-success font-size-18 me-2"
  159.                               ></i>
  160.                               {% else %}
  161.                               <i
  162.                                 class="mdi mdi-check-circle text-warning font-size-18 me-2"
  163.                               ></i>
  164.                               {% endif %}
  165.                               {{ item.text }}
  166.                             </p>
  167.                             {% endfor %}
  168.                           </div>
  170.                           <div class="mt-4 pt-2">
  171.                             {% if product.price > 0 %}
  172.                             <a
  173.                               href="{{
  174.                                 path('app_buy_index', { product: product.id })
  175.                               }}"
  176.                               class="btn btn-light w-100"
  177.                             >
  178.                               {% trans %}Acheter maintenant{% endtrans %}
  179.                             </a>
  180.                             {% endif %}
  181.                           </div>
  182.                         </div>
  183.                       </div>
  184.                       <!-- end card body -->
  185.                     </div>
  186.                     <!-- end card -->
  187.                     {% else %}
  189.                     <div class="card mb-xl-0">
  190.                       <div class="card-body">
  191.                         <div class="p-2">
  192.                           <h5 class="font-size-16 text-uppercase">
  193.                             {{ product.name }}
  194.                           </h5>
  195.                           <h1 class="mt-3">
  196.                             {{ product.price|number_format(0, '.', ' ') }} DA
  197.                             <span class="text-muted font-size-16 fw-medium"
  198.                               >/ {% trans %}Mois{% endtrans %}
  199.                             </span>
  200.                           </h1>
  201.                           <p class="text-muted mt-3 font-size-15">
  202.                             {{ product.description }}
  203.                           </p>
  204.                           <div class="mt-4 pt-2 text-muted">
  205.                             {% for item in
  206.                             product.details[app.request.locale]|default('') %}
  207.                             <p class="mb-3 font-size-15">
  208.                               {% if item.checked %}
  209.                               <i
  210.                                 class="mdi mdi-check-circle text-success font-size-18 me-2"
  211.                               ></i>
  212.                               {% else %}
  213.                               <i
  214.                                 class="mdi mdi-check-circle text-warning font-size-18 me-2"
  215.                               ></i>
  216.                               {% endif %}
  218.                               {{ item.text }}
  219.                             </p>
  220.                             {% endfor %}
  221.                           </div>
  223.                           <div class="mt-4 pt-2">
  224.                             {% if product.price > 0 %}
  225.                             <a
  226.                               href="{{
  227.                                 path('app_buy_index', { product: product.id })
  228.                               }}"
  229.                               class="btn btn-outline-primary w-100"
  230.                             >
  231.                               {% trans %}Acheter maintenant{% endtrans %}
  232.                             </a>
  233.                             {% endif %}
  234.                           </div>
  235.                         </div>
  236.                       </div>
  237.                       <!-- end card body -->
  238.                     </div>
  239.                     <!-- end card -->
  240.                     {% endif %}
  241.                   </div>
  242.                   <!-- end col -->
  243.                   {% endfor %}
  244.                 </div>
  245.                 <!-- end row -->
  246.               </div>
  247.               <!-- end tab pane -->
  248.               <div
  249.                 class="tab-pane fade"
  250.                 id="year"
  251.                 role="tabpanel"
  252.                 aria-labelledby="yearly"
  253.               >
  254.                 <div class="row">
  255.                   {% for product in products %}
  256.                   <div class="col-xl-3 col-sm-6">
  257.                     {% if product.name|lower == 'STANDARD'|lower %}
  258.                     <div class="card bg-primary mb-xl-0">
  259.                       <div class="card-body">
  260.                         <div class="p-2">
  261.                           <div class="pricing-badge">
  262.                             <span class="badge">Produits populaires</span>
  263.                           </div>
  264.                           <h5 class="font-size-16 text-white">
  265.                             {{ product.name }}
  266.                           </h5>
  267.                           <h1 class="mt-3 text-white">
  268.                             {{ (product.price* 12)|number_format(0,'.', ' ') }}
  269.                             DA
  270.                             <span class="text-white font-size-16 fw-medium"
  271.                               >/ {% trans %}Année{% endtrans %}
  272.                             </span>
  273.                           </h1>
  274.                           <p class="text-white-50 mt-3 font-size-15">
  275.                             {{ product.description }}
  276.                           </p>
  277.                           <div class="mt-4 pt-2 text-white">
  278.                             {% for item in
  279.                             product.details[app.request.locale]|default('') %}
  280.                             <p class="mb-3 font-size-15">
  281.                               {% if item.checked %}
  282.                               <i
  283.                                 class="mdi mdi-check-circle text-success font-size-18 me-2"
  284.                               ></i>
  285.                               {% else %}
  286.                               <i
  287.                                 class="mdi mdi-check-circle text-warning font-size-18 me-2"
  288.                               ></i>
  289.                               {% endif %}
  290.                               {{ item.text }}
  291.                             </p>
  292.                             {% endfor %}
  293.                           </div>
  295.                           <div class="mt-4 pt-2">
  296.                             {% if product.price > 0 %}
  297.                             <a
  298.                               href="{{
  299.                                 path('app_buy_index', { product: product.id })
  300.                               }}"
  301.                               class="btn btn-light w-100"
  302.                             >
  303.                               {% trans %}Acheter maintenant{% endtrans %}
  304.                             </a>
  305.                             {% endif %}
  306.                           </div>
  307.                         </div>
  308.                       </div>
  309.                       <!-- end card body -->
  310.                     </div>
  311.                     <!-- end card -->
  312.                     {% else %}
  314.                     <div class="card mb-xl-0">
  315.                       <div class="card-body">
  316.                         <div class="p-2">
  317.                           <h5 class="font-size-16 text-uppercase">
  318.                             {{ product.name }}
  319.                           </h5>
  320.                           <h1 class="mt-3">
  321.                             {{ (product.price * 12)|number_format(0, '.', ' ') }}
  322.                             DA
  323.                             <span class="text-muted font-size-16 fw-medium"
  324.                               >/ {% trans %}Année{% endtrans %}
  325.                             </span>
  326.                           </h1>
  327.                           <p class="text-muted mt-3 font-size-15">
  328.                             {{ product.description }}
  329.                           </p>
  330.                           <div class="mt-4 pt-2 text-muted">
  331.                             {% for item in
  332.                             product.details[app.request.locale]|default('') %}
  333.                             <p class="mb-3 font-size-15">
  334.                               {% if item.checked %}
  335.                               <i
  336.                                 class="mdi mdi-check-circle text-success font-size-18 me-2"
  337.                               ></i>
  338.                               {% else %}
  339.                               <i
  340.                                 class="mdi mdi-check-circle text-warning font-size-18 me-2"
  341.                               ></i>
  342.                               {% endif %}
  344.                               {{ item.text }}
  345.                             </p>
  346.                             {% endfor %}
  347.                           </div>
  349.                           <div class="mt-4 pt-2">
  350.                             {% if product.price > 0 %}
  351.                             <a
  352.                               href="{{
  353.                                 path('app_buy_index', { product: product.id })
  354.                               }}"
  355.                               class="btn btn-outline-primary w-100"
  356.                             >
  357.                               {% trans %}Acheter maintenant{% endtrans %}
  358.                             </a>
  359.                             {% endif %}
  360.                           </div>
  361.                         </div>
  362.                       </div>
  363.                       <!-- end card body -->
  364.                     </div>
  365.                     <!-- end card -->
  366.                     {% endif %}
  367.                   </div>
  368.                   <!-- end col -->
  369.                   {% endfor %}
  370.                 </div>
  371.               </div>
  372.               <!-- end tab pane -->
  373.             </div>
  374.             <!-- end tab content -->
  375.           </div>
  376.           <!-- end card body -->
  377.         </div>
  378.       </div>
  379.     </div>
  380.   </div>
  381. </div>
  382. {% endblock %}