templates/default/achatGenerationFacture.html.twig line 1

Open in your IDE?
  1. {% extends 'base2.html.twig' %}
  3. {% block title %}Hello DefaultController!{% endblock %}
  5. {% block body %}
  6. <style>
  8. .card {
  9.     box-shadow: 0 20px 27px 0 rgb(0 0 0 / 5%);
  10. }
  11. .card {
  12.     position: relative;
  13.     display: flex;
  14.     flex-direction: column;
  15.     min-width: 0;
  16.     word-wrap: break-word;
  17.     background-color: #fff;
  18.     background-clip: border-box;
  19.     border: 0 solid rgba(0,0,0,.125);
  20.     border-radius: 1rem;
  21. }
  23. </style>
  25. <section class="landing-padding">
  26. <div class="container my-5">
  27. <div class="row">
  28.         <div class="col-lg-12">
  29.             <div class="card">
  30.                 <div class="card-body">
  31.                     <div class="invoice-title">
  32.                         <h4 class="float-end font-size-15">Facture #0934861 <span class="badge bg-success font-size-12 ms-2">Payé</span></h4>
  33.                         <div class="mb-4">
  34.                            <h2 class="mb-1 text-muted">Modixom</h2>
  35.                         </div>
  36.                         <div class="text-muted">
  37.                             <p class="mb-1">2 rue Montvault, 57820, Amanvillers</p>
  38.                             <p class="mb-1"><i class="uil uil-envelope-alt me-1"></i> pauline@aready.io</p>
  39.                             <p><i class="uil uil-phone me-1"></i> 03 86 94 75 12</p>
  40.                         </div>
  41.                     </div>
  43.                     <hr class="my-4">
  45.                     <div class="row">
  46.                         <div class="col-sm-6">
  47.                             <div class="text-muted">
  48.                                 <h5 class="font-size-16 mb-3">Facturé à:</h5>
  49.                                 <h5 class="font-size-15 mb-2">Corentin Adelé</h5>
  50.                                 <p class="mb-1">11 rue Lucien Albert, 57420, Fleury</p>
  51.                                 <p class="mb-1">corentin.adl@gmail.com</p>
  52.                                 <p>06 59 31 90 60</p>
  53.                             </div>
  54.                         </div>
  55.                         <!-- end col -->
  56.                         <div class="col-sm-6">
  57.                             <div class="text-muted text-sm-end">
  58.                                 <div>
  59.                                     <h5 class="font-size-15 mb-1">Numéro de facture :</h5>
  60.                                     <p>#DZ0112</p>
  61.                                 </div>
  62.                                 <div class="mt-4">
  63.                                     <h5 class="font-size-15 mb-1">Date de facture :</h5>
  64.                                     <p>12 Oct, 2020</p>
  65.                                 </div>
  66.                                 <div class="mt-4">
  67.                                     <h5 class="font-size-15 mb-1">N ° de commande:</h5>
  68.                                     <p>#1123456</p>
  69.                                 </div>
  70.                             </div>
  71.                         </div>
  72.                         <!-- end col -->
  73.                     </div>
  74.                     <!-- end row -->
  75.                     
  76.                     <div class="py-2">
  77.                         <h5 class="font-size-15">Récapitulatif de la commande</h5>
  79.                         <div class="table-responsive">
  80.                             <table class="table align-middle table-nowrap table-centered mb-0">
  81.                                 <thead>
  82.                                     <tr>
  83.                                         <th style="width: 70px;">N °</th>
  84.                                         <th>Article</th>
  85.                                         <th>Prix</th>
  86.                                         <th>Quantité</th>
  87.                                         <th class="text-end" style="width: 120px;">Total</th>
  88.                                     </tr>
  89.                                 </thead><!-- end thead -->
  90.                                 <tbody>
  91.                                     <tr>
  92.                                         <th scope="row">01</th>
  93.                                         <td>
  94.                                             <div>
  95.                                                 <h5 class="text-truncate font-size-14 mb-1">Crédit</h5>
  96.                                                 <p class="text-muted mb-0">1 crédit = 1€</p>
  97.                                             </div>
  98.                                         </td>
  99.                                         <td>10€</td>
  100.                                         <td>10</td>
  101.                                         <td class="text-end">10€</td>
  102.                                     </tr>
  103.                                     <!-- end tr -->
  104.                                     <tr>
  105.                                         <th scope="row" colspan="4" class="text-end">Sous-total</th>
  106.                                         <td class="text-end">10€</td>
  107.                                     </tr>
  108.                                     <!-- end tr -->
  109.                                     <tr>
  110.                                         <th scope="row" colspan="4" class="border-0 text-end">
  111.                                             Nombre de crédit :</th>
  112.                                         <td class="border-0 text-end">10</td>
  113.                                     </tr>
  114.                                     <!-- end tr -->
  115.                                     <tr>
  116.                                         <th scope="row" colspan="4" class="border-0 text-end">Total</th>
  117.                                         <td class="border-0 text-end"><h4 class="m-0 fw-semibold">10€</h4></td>
  118.                                     </tr>
  119.                                     <!-- end tr -->
  120.                                 </tbody><!-- end tbody -->
  121.                             </table><!-- end table -->
  122.                         </div><!-- end table responsive -->
  123.                         <div class="d-print-none mt-4">
  124.                             <div class="float-end">
  125.                                 <a href="#" class="btn btn-primary w-md mb-4">Envoyer</a>
  126.                                 <a href="javascript:window.print()" class="btn btn-success me-1"><i class="fa fa-print"></i></a>
  127.                             </div>
  128.                         </div>
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.         </div><!-- end col -->
  133.     </div>
  134. </div>
  135. </section>
  136. {% endblock %}