templates/app/company/online-registration.html.twig line 1

  1. {% extends 'app/setting/index.html.twig' %} {% block title %} {% trans %}
  2. Inscription En ligne {% endtrans %} {% endblock %} {% block settingview %}
  3. <div class="card" data-controller="onlineregistration">
  4.   <div class="card-body">
  5.     <div class="row">
  6.       <div class="col-12">
  7.         <div class="card">
  8.           <div class="card-header align-items-center d-flex">
  9.             <h4 class="card-title mb-0 flex-grow-1 font-size-20">
  10.               <i class="mdi mdi-qrcode-scan me-2"></i>
  11.               {% trans %} Inscription En ligne {% endtrans %}
  12.             </h4>
  13.             <div class="flex-shrink-0"></div>
  14.           </div>
  16.           <div class="card-body">
  17.             <div class="row justify-content-center">
  18.               <div class="col-4">
  19.                 <!-- Simple card -->
  20.                 <div
  21.                   class="card"
  22.                   id="capture"
  23.                   style="border: 0px solid #e9e9ef"
  24.                 >
  25.                   <img
  26.                     class="card-img-top img-fluid p-2"
  27.                     src="{{ qr_code_path(url, 'custom') }}"
  28.                     alt="Card image cap"
  29.                   />
  30.                   <div class="card-body">
  31.                     <h4 class="card-title text-center font-size-18">
  32.                       {{ company.name }}
  33.                     </h4>
  34.                     <div class="d-grid gap-2 mt-4">
  35.                       <button
  36.                         type="button"
  37.                         class="btn btn-primary waves-effect waves-light"
  38.                       >
  39.                         <i
  40.                           class="mdi mdi-qrcode font-size-18 align-middle me-2"
  41.                         ></i>
  42.                         {% trans %} SCANNE MOI {% endtrans %}
  43.                       </button>
  44.                     </div>
  45.                   </div>
  46.                 </div>
  48.                 <a
  49.                   id="download"
  50.                   download="online-subscription.png"
  51.                   style="width: 100%"
  52.                   title="OnlineSubscription"
  53.                   class="btn btn-outline-secondary btn-lg waves-effect waves-light"
  54.                 >
  55.                   <i class="bx bx-download label-icon"></i>
  56.                   {% trans %} Télécharger {% endtrans %}
  57.                 </a>
  59.                 <div id="qr-image" style="display: none"></div>
  60.               </div>
  61.               <div class="col-6 text-center">
  62.                 <br /><br /><br /><br />
  63.                 <input
  64.                   class="form-control form-control-lg"
  65.                   value="{{ url }}"
  66.                   type="text"
  67.                   id="online-subscription-input"
  68.                   placeholder=".form-control-lg"
  69.                 />
  70.                 <br />
  72.                 <button
  73.                   type="button"
  74.                   class="btn btn-outline-secondary btn-lg waves-effect waves-light copy-btn"
  75.                   data-clipboard-target="#online-subscription-input"
  76.                 >
  77.                   <i class="bx bx-copy-alt label-icon"></i>
  78.                   {% trans %} Copier le lien {% endtrans %}
  79.                 </button>
  80.                 <br />
  82.                 <div class="mt-4 pt-2 text-center">
  83.                   <div class="signin-other-title">
  84.                     <h5 class="font-size-16 mb-3 text-muted fw-medium">
  85.                       - {% trans %} Partagez le lien {% endtrans %} -
  86.                     </h5>
  87.                   </div>
  89.                   <ul class="list-inline mb-0">
  90.                     <li class="list-inline-item">
  91.                       <a
  92.                         target="_blank"
  93.                         href="https://www.facebook.com/sharer/sharer.php?u={{
  94.                           url
  95.                         }}"
  96.                         class="font-size-28 social-list-item-lg bg-primary text-white border-primary"
  97.                       >
  98.                         <i class="mdi mdi-facebook"></i>
  99.                       </a>
  100.                     </li>
  101.                     <li class="list-inline-item">
  102.                       <a
  103.                         href="https://twitter.com/intent/tweet?text={{ url }}"
  104.                         class="font-size-28 social-list-item-lg bg-info text-white border-info"
  105.                       >
  106.                         <i class="mdi mdi-twitter"></i>
  107.                       </a>
  108.                     </li>
  109.                     {# <li class="list-inline-item">
  110.                       <a
  111.                         href="javascript:void()"
  112.                         class="font-size-28 social-list-item-lg bg-danger text-white border-danger"
  113.                       >
  114.                         <i class="mdi mdi-google"></i>
  115.                       </a>
  116.                     </li> #}
  117.                   </ul>
  118.                 </div>
  119.               </div>
  120.             </div>
  121.           </div>
  122.         </div>
  123.       </div>
  124.     </div>
  125.   </div>
  126. </div>
  127. {% endblock %}