src/Flexy/FrontBundle/Themes/Lasalle/templates/admin/shopadmin/order/orderDetail.html.twig line 1

  1. {# @var ea \EasyCorp\Bundle\EasyAdminBundle\Context\AdminContext #}
  2. {# @var entity \EasyCorp\Bundle\EasyAdminBundle\Dto\EntityDto #}
  3. {% extends ea.templatePath('layout') %}
  5. {% trans_default_domain ea.i18n.translationDomain %}
  11. {% block configured_stylesheets %}
  12.     {{ parent() }}
  13.     <style>
  14.         #invoice{
  15.     padding: 0;
  16. }
  17. p {
  18.     margin-bottom: 0.4rem;
  19.     font-size:14px;
  20.     margin-top: 0;
  21. }
  22. .invoice {
  23.     position: relative;
  24.     background-color: #FFF;
  25.     min-height: 680px;
  26.     padding: 15px
  27. }
  29. .invoice header {
  30.     padding: 10px 0;
  31.     margin-bottom: 20px;
  32.     border-bottom: 1px solid #585858
  33. }
  35. .invoice .company-details {
  36.     text-align: right
  37. }
  39. .invoice .company-details .name {
  40.     margin-top: 0;
  41.     margin-bottom: 0
  42. }
  44. .invoice .contacts {
  45.     margin-bottom: 20px
  46. }
  48. .invoice .invoice-to {
  49.     text-align: left
  50. }
  52. .invoice .invoice-to .to {
  53.     margin-top: 0;
  54.     margin-bottom: 0
  55. }
  57. .invoice .invoice-details {
  58.     text-align: right
  59. }
  61. .invoice .invoice-details .invoice-id {
  62.     margin-top: 0;
  63.     color: #585858
  64. }
  66. .invoice main {
  67.     padding-bottom: 50px
  68. }
  70. .invoice main .thanks {
  71.     margin-top: -100px;
  72.     font-size: 2em;
  73.     margin-bottom: 50px
  74. }
  76. .invoice main .notices {
  77.     margin-top: 120px;
  78.     padding-left: 6px;
  79.     border-left: 6px solid #585858
  80. }
  82. .invoice main .notices .notice {
  83.     font-size: 1.2em
  84. }
  86. .invoice table {
  87.     width: 100%;
  88.     border-collapse: collapse;
  89.     border-spacing: 0;
  90.     margin-bottom: 20px
  91. }
  93. .invoice table td,.invoice table th {
  94.     padding: 15px;
  95.     background: #eee;
  96.     border-bottom: 1px solid #fff
  97. }
  99. .invoice table th {
  100.     white-space: nowrap;
  101.     font-weight: 400;
  102.     font-size: 16px
  103. }
  105. .invoice table td h3 {
  106.     margin: 0;
  107.     font-weight: 400;
  108.     color: #585858;
  109.     font-size: 1.2em
  110. }
  112. .invoice table .qty,.invoice table .total,.invoice table .unit {
  113.     text-align: right;
  114.     font-size: 1.2em
  115. }
  117. .invoice table .no {
  118.     color: #fff;
  119.     font-size: 1em;
  120.     background: #585858
  121. }
  123. .invoice table .unit {
  124.     background: #ddd 
  125. }
  127. .invoice table .total {
  128.     background: #585858;
  129.     color: #fff
  130. }
  132. .invoice table tbody tr:last-child td {
  133.     border: none
  134. }
  136. .invoice table tfoot td {
  137.     background: 0 0;
  138.     border-bottom: none;
  139.     white-space: nowrap;
  140.     text-align: right;
  141.     padding: 10px 20px;
  142.     font-size: 1.2em;
  143.     border-top: 1px solid #aaa
  144. }
  146. .invoice table tfoot tr:first-child td {
  147.     border-top: none
  148. }
  150. .invoice table tfoot tr:last-child td {
  151.     color: #585858;
  152.     font-size: 1.4em;
  153.     border-top: 1px solid #585858
  154. }
  156. .invoice table tfoot tr td:first-child {
  157.     border: none
  158. }
  160. .invoice footer {
  161.     width: 100%;
  162.     text-align: center;
  163.     color: #777;
  164.     border-top: 1px solid #aaa;
  165.     padding: 8px 0
  166. }
  168.     header {  }
  169.     footer { display:none; }
  172. @media only screen and (max-width: 600px) {
  173.   .hide-for-small {
  174.     display: none;
  175.   }
  176. }
  178. @media print {
  179.     .invoice {
  180.         font-size: 11px!important;
  181.         overflow: hidden!important
  182.     }
  184.     .invoice footer {
  185.         position: absolute;
  186.         bottom: 10px;
  187.         page-break-after: always
  188.     }
  190.     .invoice>div:last-child {
  191.         page-break-before: always
  192.     }
  193. }
  195. /* Styles pour le tableau des payments */
  196. .payments-table {
  197.     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  198. }
  200. .payments-table thead th {
  201.     background-color: #343a40;
  202.     color: white;
  203.     font-weight: 600;
  204.     text-transform: uppercase;
  205.     font-size: 0.85em;
  206.     letter-spacing: 0.5px;
  207. }
  209. .payments-table tbody tr:hover {
  210.     background-color: #f8f9fa;
  211.     transition: background-color 0.2s;
  212. }
  214. .payments-table tfoot {
  215.     background-color: #e9ecef;
  216.     font-weight: bold;
  217. }
  219. .payments-table code {
  220.     background-color: #f4f4f4;
  221.     padding: 2px 6px;
  222.     border-radius: 3px;
  223.     font-size: 0.9em;
  224. }
  225.     </style>
  226. {% endblock %}
  232. {% block main %}
  234. {% set order = entity.instance %}
  236.     <div class="container d-none" >
  237.         <div class="toolbar hidden-print">
  238.         <div class="">
  239.             
  240.             {% if is_granted("ROLE_SHIPPING_AGENT") == false %}
  241.                 <a class="btn btn-info mb-1" target="_blank" href="{{path("order_pdf",{id:order.id})}}"><i class="fa fa-file-pdf-o"></i> Exporter en PDF</a>
  242.             {% endif %}
  246.     {% set urlEditStatusPayment = ea_url().setController("App\\Flexy\\FrontBundle\\Themes\\Lasalle\\Controller\\ShopAdmin\\Order\\ChangeStatusOrderPaymentCrudController")
  247.     .setAction("edit")
  248.     .setEntityId(entity.instance.id)
  249.     %}
  250.     <a class="btn btn-info mb-1" href="{{urlEditStatusPayment}}" >
  252.     Changer l'etat de paiement
  254.     </a>
  256.     {% set urlEditStatusShipping = ea_url().setController("App\\Flexy\\FrontBundle\\Themes\\Lasalle\\Controller\\ShopAdmin\\Order\\ChangeStatusOrderShippingCrudController")
  257.     .setAction("edit")
  258.     .setEntityId(entity.instance.id)
  259.     %}
  260.     <a class="btn btn-info mb-1" href="{{urlEditStatusShipping}}" >
  262.     Changer l'etat de livraison
  264.     </a>
  267.         {% set urlEditOrder = ea_url()
  268.     .setRoute("pos_cart",{"editOrderId":entity.instance.id})
  269.     %}
  270.     <a class="btn btn-info mb-1" href="{{urlEditOrder}}" >
  272.     Editer la commande
  274.     </a>
  278.       {% set urlLogHistoryOrder = ea_url().setController("App\\Flexy\\FrontBundle\\Themes\\Lasalle\\Controller\\ShopAdmin\\Order\\LogHistoryOrderCrudController")
  279.     .setAction("index").setEntityId(null)
  280.     %}
  282.     
  283.     <a class="btn btn-info mb-1" href="{{urlLogHistoryOrder}}&orderId={{entity.instance.id}}" >
  285.     Voir Historique
  287.     </a>
  293.     
  295.         </div>
  296.         <hr>
  297.     </div>
  298.     <h5>Commande : <b>{{order.orderNumber}}</b></h5>
  299.     <ul>
  300.                 <li>Commandé par : <b>{{order.customer}}</b></li>
  301.                 <li>Status de la CMD : 
  302.                     {% if order.status == "paid" %}
  303.                         <span class="badge badge-success" >Réglé</span>
  304.                     {% else %}
  305.                      <span class="badge badge-danger" >Non réglé</span>
  306.                     {% endif %}
  307.                 </li>
  308.                 {% if order.shipment %}
  309.                 <li>Status de la livraison : <span class="badge badge-info" >{{ order.shipment.currentStep ? order.shipment.currentStep:"En attente"}}</span></li>
  310.                 {% endif %}
  311.             <ul>
  312.     </div>
  313.     
  315.     {# ROLE_ADMIN : afficher seulement _orderTemplate #}
  316.     {% if is_granted('ROLE_ADMIN') %}
  317.         {% include "@Flexy/FrontBundle/Themes/Lasalle/templates/admin/shopadmin/order/_orderTemplate.html.twig" with { order : order } %}
  318.     {% endif %}
  320.     {# ROLE_AGENT : afficher seulement les payments avec un design joli #}
  321.     {% if is_granted('ROLE_AGENT') and not is_granted('ROLE_ADMIN') %}
  322.         {% set payments = order.payments %}
  323.         <div class="card mt-4">
  324.             <div class="card-header bg-primary text-white">
  325.                 <h4 class="mb-0">
  326.                     <i class="fa fa-money"></i> Réglements 
  327.                     {% if order.reference %}
  328.                         <span class="badge badge-light ml-2">Contrat: {{ order.reference }}</span>
  329.                     {% endif %}
  330.                 </h4>
  331.             </div>
  332.             <div class="card-body">
  333.                 {% if payments is not empty and payments|length > 0 %}
  334.                     <div class="table-responsive">
  335.                         <table class="table table-striped table-hover table-bordered payments-table">
  336.                             <thead class="thead-dark">
  337.                                 <tr>
  338.                                     <th style="width: 10%;">#</th>
  339.                                     <th style="width: 15%;">Date</th>
  340.                                     <th style="width: 20%;">Montant</th>
  341.                                     <th style="width: 20%;">Méthode de paiement</th>
  342.                                     <th style="width: 15%;">Référence</th>
  343.                                     <th style="width: 20%;">Détails</th>
  344.                                 </tr>
  345.                             </thead>
  346.                             <tbody>
  347.                                 {% set totalAmount = 0 %}
  348.                                 {% for payment in payments %}
  349.                                     {% set totalAmount = totalAmount + payment.amount %}
  350.                                     <tr>
  351.                                         <td class="text-center"><strong>{{ loop.index }}</strong></td>
  352.                                         <td>
  353.                                             {% if payment.createdAt %}
  354.                                                 {{ payment.createdAt|date('d/m/Y H:i') }}
  355.                                             {% else %}
  356.                                                 <span class="text-muted">-</span>
  357.                                             {% endif %}
  358.                                         </td>
  359.                                         <td class="text-right">
  360.                                             <strong class="text-success">{{ payment.amount|number_format(2, ',', ' ') }} MAD</strong>
  361.                                         </td>
  362.                                         <td>
  363.                                             {% if payment.paymentMethod %}
  364.                                                 <span class="badge badge-info">{{ payment.paymentMethod.name }}</span>
  365.                                             {% else %}
  366.                                                 <span class="text-muted">-</span>
  367.                                             {% endif %}
  368.                                         </td>
  369.                                         <td>
  370.                                             {% if payment.reference %}
  371.                                                 <code>{{ payment.reference }}</code>
  372.                                             {% else %}
  373.                                                 <span class="text-muted">-</span>
  374.                                             {% endif %}
  375.                                         </td>
  376.                                         <td>
  377.                                             {% if payment.paymentMethod and payment.paymentMethod.name == "Cheque" %}
  378.                                                 <small>
  379.                                                     {% if payment.payerLastName %}
  380.                                                         <div><strong>Payeur:</strong> {{ payment.payerLastName }}</div>
  381.                                                     {% endif %}
  382.                                                     {% if payment.bankName %}
  383.                                                         <div><strong>Banque:</strong> {{ payment.bankName }}</div>
  384.                                                     {% endif %}
  385.                                                     {% if payment.bankAccountNumber %}
  386.                                                         <div><strong>Compte:</strong> {{ payment.bankAccountNumber }}</div>
  387.                                                     {% endif %}
  388.                                                 </small>
  389.                                             {% else %}
  390.                                                 <span class="text-muted">-</span>
  391.                                             {% endif %}
  392.                                         </td>
  393.                                     </tr>
  394.                                 {% endfor %}
  395.                             </tbody>
  396.                             <tfoot class="bg-light">
  397.                                 <tr>
  398.                                     <td colspan="2" class="text-right"><strong>Total:</strong></td>
  399.                                     <td class="text-right">
  400.                                         <strong class="text-primary" style="font-size: 1.2em;">{{ totalAmount|number_format(2, ',', ' ') }} MAD</strong>
  401.                                     </td>
  402.                                     <td colspan="3"></td>
  403.                                 </tr>
  404.                             </tfoot>
  405.                         </table>
  406.                     </div>
  407.                 {% else %}
  408.                     <div class="alert alert-info text-center">
  409.                         <i class="fa fa-info-circle"></i> Aucun règlement enregistré pour cette commande.
  410.                     </div>
  411.                 {% endif %}
  412.             </div>
  413.         </div>
  414.     {% endif %}
  416.     
  417. {% endblock %}