templates/back/subscription/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base_back.html.twig' %}
  3. {% block style %}
  4.     <link rel="stylesheet" href="{{ asset('back/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
  5.     <link rel="stylesheet" href="{{ asset('back/plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
  6.     <link rel="stylesheet" href="{{ asset('back/css/admin-subscription.css')}}">
  7. {% endblock %}
  9. {% block body %}
  10.     <!-- Content Header (Page header) -->
  11.     <div class="content-header pt-3">
  12.         <div class="container-fluid">
  13.             <div class="row mb-2">
  14.                 <div class="col-sm-6">
  15.                     <div class="row">
  16.                         <div class="col-md-6">
  17.                             <h1 class="m-0 text-dark">Abonnements</h1>
  18.                         </div>
  19.                     </div>
  20.                 </div><!-- /.col -->
  21.             </div><!-- /.row -->
  22.         </div><!-- /.container-fluid -->
  23.     </div>
  24.     <!-- /.content-header -->
  26.     <!-- Main content -->
  27.     <section class="content">
  28.         <div class="container-fluid">
  29.             <!-- Main row -->
  30.             <div class="row">
  32.                 <div class="card col-md-12">
  33.                     <div class="card-header">
  34.                         <h3 class="card-title">Liste des abonnés</h3>
  35.                     </div>
  36.                     <!-- /.card-header -->
  37.                     <div class="card-body" style="overflow-x:auto;">
  39.                         <table id="example1" class="table table-bordered table-striped">
  40.                             <thead>
  41.                             <tr>
  42.                                 <th>Nom - Email</th>
  43.                                 <th>Adresse</th>
  44.                                 <th>Contact</th>
  45.                                 <th>SIREN</th>
  46.                                 <th>Type categorie</th>
  47.                                 <th>Nb produits</th>
  48.                                 <th class="text-center">Statut abonnement</th>
  49.                                 <th class="text-center">Id abonnement</th>
  50.                             </tr>
  51.                             </thead>
  52.                             <tbody>
  53.                             {% for company in companies %}
  54.                                 <tr>
  55.                                     <td>{{ company.companyName }}<br>{{ company.email }}</td>
  56.                                     <td>{{ company.adress }} {{ company.zipCode }} {{ company.city }}</td>
  57.                                     <td>{{ company.contactCivility }} {{ company.contactName }}<br>Tél : {{ company.contactPhone }}</td>
  58.                                     <td>{{ company.siren }}</td>
  59.                                     <td>
  60.                                         {% if company.type %}
  61.                                             {% if company.type == 'product' %}
  62.                                                 Produits<br>
  63.                                             {% else %}
  64.                                                 Services
  65.                                             {% endif %}
  66.                                         {% else %}
  67.                                             <span style="color:red">Aucun</span><br>
  68.                                         {% endif %}
  69.                                         {% if company.isEditorGuide %} - Avec Guide éditeur<br>{% endif %}
  70.                                         <a href="{{ path('admin_company_change_category', {'id': company.id}) }}">Modifier</a>
  71.                                     </td>
  72.                                     <td>{{ company.products|length }} {% if company.products|length == 1 %}<a href="{{ path('admin_company_see_product', {'id': company.products.first.id}) }}">Voir</a>{% endif %}</td>
  73.                                     <td class="text-center">
  74.                                         <div class="subscription-status-container">
  75.                                             <div class="d-flex align-items-center">
  76.                                                 {{ company.abonnements.last.isActive == true ? "<span style='color:green'>Actif</span>" : "<span style='color:red'>Désabonné</span>" }}
  77.                                             </div>
  79.                                             {% if company.abonnements.last.isActive == true %}
  80.                                                 <div>
  81.                                                     <form action="{{ url('admin_subscription_subscription_end', {id: company.id}) }}" method="post" onsubmit="return confirm('Êtes-vous sûr de vouloir annuler l\'abonnement ? ');">
  82.                                                         <input type="hidden" name="token" value="{{ csrf_token('unsubscribe' ~ company.id) }}"/>
  83.                                                         <button class="btn btn-primary" type="submit" id="">Désactiver</button>
  84.                                                     </form>
  85.                                                 </div>
  86.                                             {% endif %}
  87.                                         </div>
  88.                                     </td>
  89.                                     <td class="text-center">
  90.                                         <p>
  91.                                             {{ company.abonnements.last.stripeSubscriptionId }}
  92.                                         </p> 
  93.                                     </td>
  94.                                 </tr>
  95.                             {% endfor %}
  96.                         </table>
  97.                     </div>
  98.                     <!-- /.card-body -->
  99.                 </div>
  100.             </div>
  101.             <!-- /.row (main row) -->
  102.         </div><!-- /.container-fluid -->
  103.     </section>
  104. {% endblock %}
  106. {% block javascript %}
  107. {{ parent() }}
  109. <script src="{{ asset('back/plugins/jquery/jquery.min.js') }}"></script>
  110. <!-- Bootstrap 4 -->
  111. <script>
  112.     $('.unsubscribe-form').on('submit', function(e){
  113.       e.preventDefault();
  114.       alert('le formulaire a été soumis !!')
  115.   });
  116. </script>
  117. <script src="{{ asset('back/plugins/datatables/jquery.dataTables.min.js') }}"></script>
  118. <script src="{{ asset('back/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
  119. <script src="{{ asset('back/plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
  120. <script src="{{ asset('back/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
  121. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
  123.     <script>
  124.   $(function () {
  125.     $("#example1").DataTable({
  126.       "responsive": true,
  127.       "autoWidth": false,
  128.       "language": {
  129.           "url": "//cdn.datatables.net/plug-ins/1.10.20/i18n/French.json"
  130.       },
  131.       'order': []
  132.     });
  133.   });
  134. </script>
  135. {% endblock %}