templates/app/subscription/_partials/subscription-infos-tab.html.twig line 1

  1. <div class="tab-pane active" id="subscription-infos-tab" role="tabpanel">
  2.   <div class="card">
  3.     <div class="card-header">
  4.       <h5 class="card-title mb-0">
  5.         {% trans %} Abonnement info {% endtrans %}
  6.       </h5>
  7.     </div>
  8.     <div class="card-body">
  9.       <div class="row">
  10.         <div class="col-xl-4 col-md-6">
  11.           <div class="card card-h-100">
  12.             <div class="card-body">
  13.               <div class="row align-items-center">
  14.                 <div class="col-6">
  15.                   <span
  16.                     class="text-muted mb-3 lh-1 d-block text-truncate font-size-16"
  17.                   >
  18.                     {# __Total #} {% trans %} Total {% endtrans %}
  19.                   </span>
  20.                   <h4 class="mb-3 text-info">
  21.                     <span
  22.                       class="counter-value"
  23.                       data-target="{{ subscription.totalToPay }}"
  24.                     >
  25.                       0
  26.                     </span>
  27.                     DZD
  28.                   </h4>
  29.                 </div>
  30.               </div>
  31.             </div>
  32.           </div>
  33.         </div>
  35.         <div class="col-xl-4 col-md-6">
  36.           <div class="card card-h-100">
  37.             <div class="card-body">
  38.               <div class="row align-items-center">
  39.                 <div class="col-6">
  40.                   <span
  41.                     class="text-muted mb-3 lh-1 d-block text-truncate font-size-16"
  42.                   >
  43.                     {% trans %} Total Payé {% endtrans %} {# __Total #}
  44.                   </span>
  45.                   <h4 class="mb-3 text-success">
  46.                     <span
  47.                       class="counter-value"
  48.                       data-target="{{
  49.                         subscription.totalToPay - subscription.restToPay
  50.                       }}"
  51.                       >0</span
  52.                     >
  53.                     DZD
  54.                   </h4>
  55.                 </div>
  56.               </div>
  57.             </div>
  58.           </div>
  59.         </div>
  61.         <div class="col-xl-4 col-md-6">
  62.           <div class="card card-h-100">
  63.             <div class="card-body">
  64.               <div class="row align-items-center">
  65.                 <div class="col-6">
  66.                   <span
  67.                     class="text-muted mb-3 lh-1 d-block text-truncate font-size-16"
  68.                   >
  69.                     {% trans %} Reste à payer {% endtrans %}
  70.                   </span>
  71.                   <h4 class="mb-3 text-warning">
  72.                     <span
  73.                       class="counter-value"
  74.                       data-target="{{ subscription.restToPay }}"
  75.                     >
  76.                       0
  77.                     </span>
  78.                     DZD
  79.                   </h4>
  80.                 </div>
  81.               </div>
  82.             </div>
  83.           </div>
  84.         </div>
  85.       </div>
  87.       <div class="row justify-content-center">
  88.         <div class="col-8">
  89.           <h4 class="mt-2 mb-4">
  90.             {% trans %} Modifier l'abonnement : {% endtrans %}
  91.           </h4>
  93.           {{ form_start(form) }}
  95.           <div class="row mb-4">
  96.             <label for="horizontal-child-input" class="col-sm-3 col-form-label">
  97.               {{ form_label(form.child) }}
  98.             </label>
  99.             <div class="col-sm-9">
  100.               {{ form_widget(form.child) }}
  101.               <div class="text-danger" style="margin-top: 0.25rem">
  102.                 <small>{{ form_errors(form.child) }}</small>
  103.               </div>
  104.               <div class="text-info" style="margin-top: 0.25rem">
  105.                 <small>{{ form_help(form.child) }}</small>
  106.               </div>
  107.             </div>
  108.           </div>
  110.           <div class="row mb-4">
  111.             <label
  112.               for="horizontal-service-input"
  113.               class="col-sm-3 col-form-label"
  114.             >
  115.               {{ form_label(form.service) }}
  116.             </label>
  117.             <div class="col-sm-9">
  118.               {{ form_widget(form.service) }}
  119.               <div class="text-danger" style="margin-top: 0.25rem">
  120.                 <small>{{ form_errors(form.service) }}</small>
  121.               </div>
  122.               <div class="text-info" style="margin-top: 0.25rem">
  123.                 <small>{{ form_help(form.service) }}</small>
  124.               </div>
  125.             </div>
  126.           </div>
  128.           <div class="row mb-4">
  129.             <label
  130.               for="horizontal-start_date-input"
  131.               class="col-sm-3 col-form-label"
  132.             >
  133.               {{ form_label(form.start_date) }}
  134.             </label>
  135.             <div class="col-sm-9">
  136.               {{ form_widget(form.start_date) }}
  137.               <div class="text-danger" style="margin-top: 0.25rem">
  138.                 <small>{{ form_errors(form.start_date) }}</small>
  139.               </div>
  140.               <div class="text-info" style="margin-top: 0.25rem">
  141.                 <small>{{ form_help(form.start_date) }}</small>
  142.               </div>
  143.             </div>
  144.           </div>
  146.           <div class="row mb-4">
  147.             <label
  148.               for="horizontal-expire_date-input"
  149.               class="col-sm-3 col-form-label"
  150.             >
  151.               {{ form_label(form.expire_date) }}
  152.             </label>
  153.             <div class="col-sm-9">
  154.               {{ form_widget(form.expire_date) }}
  155.               <div class="text-danger" style="margin-top: 0.25rem">
  156.                 <small>{{ form_errors(form.expire_date) }}</small>
  157.               </div>
  158.               <div class="text-info" style="margin-top: 0.25rem">
  159.                 <small>{{ form_help(form.expire_date) }}</small>
  160.               </div>
  161.             </div>
  162.           </div>
  164.           <div class="row mb-4">
  165.             <label
  166.               for="horizontal-discount-input"
  167.               class="col-sm-3 col-form-label"
  168.             >
  169.               {% trans %} Prix {% endtrans %}
  170.             </label>
  171.             <div class="col-sm-9">
  172.               <input
  173.                 disabled
  174.                 type="text"
  175.                 required="required"
  176.                 class="form-control"
  177.                 placeholder=""
  178.                 value="{{ subscription.total }}"
  179.               />
  180.             </div>
  181.           </div>
  183.           <div class="row mb-4">
  184.             <label
  185.               for="horizontal-discount-input"
  186.               class="col-sm-3 col-form-label"
  187.             >
  188.               {{ form_label(form.discount) }}
  189.             </label>
  190.             <div class="col-sm-9">
  191.               {{ form_widget(form.discount) }}
  192.               <div class="text-danger" style="margin-top: 0.25rem">
  193.                 <small>{{ form_errors(form.discount) }}</small>
  194.               </div>
  195.               <div class="text-info" style="margin-top: 0.25rem">
  196.                 <small>{{ form_help(form.discount) }}</small>
  197.               </div>
  198.             </div>
  199.           </div>
  201.           <div class="row mb-4">
  202.             <label
  203.               for="horizontal-description-input"
  204.               class="col-sm-3 col-form-label"
  205.             >
  206.               {{ form_label(form.description) }}
  207.             </label>
  208.             <div class="col-sm-9">
  209.               {{ form_widget(form.description) }}
  210.               <div class="text-danger" style="margin-top: 0.25rem">
  211.                 <small>{{ form_errors(form.description) }}</small>
  212.               </div>
  213.               <div class="text-info" style="margin-top: 0.25rem">
  214.                 <small>{{ form_help(form.description) }}</small>
  215.               </div>
  216.             </div>
  217.           </div>
  219.           <br />
  221.           <div class="row mb-4 my-4 justify-content-end">
  222.             <div class="col-6">
  223.               <button
  224.                 type="submit"
  225.                 class="btn btn-primary waves-effect waves-light float-right"
  226.               >
  227.                 <i class="mdi mdi-square-edit-outline me-1"></i>
  228.                 {% trans %} Mise à jour {% endtrans %}
  229.               </button>
  230.             </div>
  231.           </div>
  233.           {{ form_end(form) }}
  234.         </div>
  235.       </div>
  236.     </div>
  237.   </div>
  238. </div>