templates/front/command/basketPdf.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>Mon panier: {{ products|length }} produits pour le moment</title>
  6.     <style>
  7.         .clearfix:after {
  8.             content: "";
  9.             display: table;
  10.             clear: both;
  11.         }
  13.         a {
  14.             color: #5D6975;
  15.             text-decoration: underline;
  16.         }
  18.         body {
  19.             position: relative;
  20.             width: 18cm;
  21.             height: 29.7cm;
  22.             margin: 0 auto;
  23.             color: #001028;
  24.             background: #FFFFFF;
  25.             font-family: Arial, sans-serif;
  26.             font-size: 12px;
  27.             font-family: Arial;
  28.         }
  30.         header {
  31.             padding: 10px 0;
  32.             margin-bottom: 30px;
  33.         }
  35.         #logo {
  36.             text-align: center;
  37.             margin-bottom: 10px;
  38.         }
  40.         #logo img {
  41.             width: 90px;
  42.         }
  44.         h1 {
  45.             border-top: 1px solid  #5D6975;
  46.             border-bottom: 1px solid  #5D6975;
  47.             color: #5D6975;
  48.             font-size: 2.4em;
  49.             line-height: 1.4em;
  50.             font-weight: normal;
  51.             text-align: center;
  52.             margin: 0 0 20px 0;
  53.             background: url(dimension.png);
  54.         }
  56.         #project {
  57.             float: left;
  58.         }
  60.         #project span {
  61.             color: #5D6975;
  62.             text-align: right;
  63.             width: 52px;
  64.             margin-right: 10px;
  65.             display: inline-block;
  66.             font-size: 0.8em;
  67.         }
  69.         #company {
  70.             float: right;
  71.             text-align: right;
  72.         }
  74.         #project div,
  75.         #company div {
  76.             white-space: nowrap;
  77.         }
  79.         table {
  80.             width: 100%;
  81.             border-collapse: collapse;
  82.             border-spacing: 0;
  83.             margin-bottom: 20px;
  84.         }
  86.         table tr:nth-child(2n-1) td {
  87.             background: #F5F5F5;
  88.         }
  90.         table th,
  91.         table td {
  92.             text-align: center;
  93.         }
  95.         table th {
  96.             padding: 5px 20px;
  97.             color: #5D6975;
  98.             border-bottom: 1px solid #C1CED9;
  99.             white-space: nowrap;
  100.             font-weight: normal;
  101.         }
  103.         table .service,
  104.         table .desc {
  105.             text-align: left;
  106.         }
  108.         table td {
  109.             padding: 20px;
  110.             text-align: right;
  111.         }
  112.         table td.desc {
  113.             padding-top: 25px;
  114.         }
  115.         table td.service,
  116.         table td.desc {
  117.             vertical-align: top;
  118.         }
  120.         table td.unit,
  121.         table td.qty,
  122.         table td.total {
  123.             font-size: 1.2em;
  124.         }
  126.         table td.grand {
  127.             border-top: 1px solid #5D6975;;
  128.         }
  130.         #notices .notice {
  131.             color: #5D6975;
  132.             font-size: 1.2em;
  133.         }
  135.         footer {
  136.             color: #5D6975;
  137.             width: 100%;
  138.             height: 30px;
  139.             position: absolute;
  140.             bottom: 0;
  141.             border-top: 1px solid #C1CED9;
  142.             padding: 8px 0;
  143.             text-align: center;
  144.         }
  145.     </style>
  146. </head>
  147. <body>
  148. <header class="clearfix">
  149.     <div class="card-body">
  150.         <center><h3>Mon panier - {{ products|length }} produit{% if products|length > 1 %}s{% endif %}</h3></center>
  151.     </div>
  152. {#{% for onProduct in products %}
  153.     <div id="logo">
  154.         <img src="{% if onProduct.company.image %}upload/prestataires/{{ products.product.company.image }}{% endif %}" style="width:100px">
  155.     </div>
  156. {% endfor %}
  157.     <h1>Facture</h1>
  158.     <div>
  159.         <div style="float: left">
  160.         {% for oneProduct in products %}
  161.              <div><span>N° Facture :</span> {{ commandProduct.product.commandNumber }}</div> #}
  162.             {# <div><span>Client :</span> {{ oneProduct.client.firstName }} {{ oneProduct.client.lastName }}</div>
  163.             <div><span>Adresse :</span> {{ oneProduct.client.adress }} {{ product.client.zipCode }}, {{ oneProduct.client.city }}</div>
  164.             <div><span>Email :</span> <a href="mailto:{{ oneProduct.client.email }}">{{ oneProduct.client.email }}</a></div> #}
  165.             {# <div><span>Date de facturation :</span> {{ commandProduct.product.createdAt|date('d-m-Y') }}</div> 
  166.         </div>
  167.         <div style="float: right">
  168.             <div>{{ oneProduct.company.companyName }}</div>
  169.             <div>{{ oneProduct.company.adress }},<br>{{ oneProduct.company.zipCode }} {{ oneProduct.company.city }}</div>
  170.             <div>Tél : {{ oneProduct.company.contactPhone }}</div>
  171.             <div><a href="mailto:{{ oneProduct.company.email }}">{{ oneProduct.company.email }}</a></div>
  172.         </div>
  173.         {% endfor %}
  174.     </div>#}
  176. </header>
  177. <main>
  178.     <table>
  179.         <thead>
  180.         <tr>
  181.             <th class="service">Référence</th>
  182.             <th class="desc">Quantité</th>
  183.             <th class="unit">Prix unitaire</th>
  184.             <th class="total">Total</th>
  185.         </tr>
  186.         </thead>
  187.         <tbody>
  188.         {% set TotalPriceProduct = 0 %}
  189.         {% set TotalPriceProductWithQty = 0 %}
  190.         {% set TotalWithQuantity = 0 %}
  191.         {% set priceOptions = 0 %}
  192.         {% set totOpt = 0 %}
  193.         {% set totqtyOpt = 0 %}
  194.         {% for product in products %}
  196.             {% set tproduct = filter_service.getproductById(product.productId) %}
  197.             {# {% set optionObject = filter_service.getProductOption(option) %} #}
  198.             {# <pre>
  199.                 {{ dump(tproduct) }}
  200.             </pre> #}
  201.                {# {{ dump(tproduct,product['options']) }}
  203.          {% endfor %} #}
  204.               <tr>
  205.                 <td class="service">{{ tproduct.name }} 
  206.                    {# {% if product.size %}<br>Taille {{ product.size }}{% endif %} 
  207.                     {% if product.color %}<br>Couleur {{ product.color }}{% endif %} #}
  208.                 </td>
  209.                 <td class="desc">{{ product.quantity }}</td>
  210.                 <td class="unit">{{ tproduct.price|number_format(2, '.') }}€</td>
  211.                 {% set TotalWithQuantity = tproduct.price * product.quantity %}
  212.                 <td class="total">{{ TotalWithQuantity|number_format(2, '.') }}€</td>
  213.                 {% set TotalPriceProductWithQty = TotalPriceProductWithQty + TotalWithQuantity %}
  214.             </tr>
  215.                     
  216.                     {% for option in product['options'] %}
  217.                         {# {% set optionObject = filter_service.getProductOption(option) %} #}
  218.                         <tr>
  219.                             <td class="service">Option: {{ option.nom }}</td>
  220.                             
  221.                             {# {% for key,qty in product.qtyOption %} #}
  222.                                 {# {% if optionObject.id == key %} #}
  223.                                     <td class="desc">{{ option.qte }}</td>
  224.                                     {% set totqtyOpt = option.price * option.qte %}
  225.                                 {# {% endif %} #}
  226.                             {% set priceOptions = priceOptions + totqtyOpt %}
  227.                             {# {% endfor %} #}
  228.                             <td class="unit">{{ option.price|number_format(2, '.') }}€</td>
  229.                             <td class="total">{{ totqtyOpt|number_format(2, '.') }}€</td>
  230.     
  231.                         </tr>
  232.                     {% endfor %}
  233.                 {# {% endfor %} #}
  234.         
  235.         {% endfor %}
  236.         <tr>
  237.             <td colspan="3" class="grand total">TOTAL</td>
  238.             {% if pack %}
  239.                 {% set TotalPriceProductWithQty = TotalPriceProductWithQty + pack.price  %}
  240.             {% endif %}
  241.             {# {% set totalWithOptions = TotalPriceProductWithQty + priceOptions %} #}
  242.             <td class="grand total">{{ (TotalPriceProductWithQty + priceOptions)|number_format(2, '.') }}€</td>
  243.         </tr>
  244.         </tbody>
  245.     </table>
  246.     <div id="notices">
  247.         <div>Remarque :</div>
  248.         <div class="notice">TVA Non applicable, art. 293 B du CGI</div>
  249.         <div class="notice" style="margin-top:50px"><small>Votre numéro numéro de panier est confidentiel, il vous sera demandé par le prestataire pour effectué la prestation</small></div>
  250.     </div>
  251. </main>
  252. <footer>
  253.     Basket was created on a computer and is valid without the signature and seal.
  254. </footer>
  255. </body>
  256. </html>