src/IlaveU/FrontBundle/Themes/IlaveU/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 head_stylesheets %}
  12. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhcdR3-y-tILC8ZJT-e_TOwd0Mk9uEUZM&libraries=places"></script>
  13.     {{ parent() }}
  14.     <style>
  15.         #invoice{
  16.     padding: 0;
  17. }
  18. p {
  19.     margin-bottom: 0.4rem;
  20.     font-size:14px;
  21.     margin-top: 0;
  22. }
  23. .invoice {
  24.     position: relative;
  25.     background-color: #FFF;
  26.     min-height: 680px;
  27.     padding: 15px
  28. }
  30. .invoice header {
  31.     padding: 10px 0;
  32.     margin-bottom: 20px;
  33.     border-bottom: 1px solid #585858
  34. }
  36. .invoice .company-details {
  37.     text-align: right
  38. }
  40. .invoice .company-details .name {
  41.     margin-top: 0;
  42.     margin-bottom: 0
  43. }
  45. .invoice .contacts {
  46.     margin-bottom: 20px
  47. }
  49. .invoice .invoice-to {
  50.     text-align: left
  51. }
  53. .invoice .invoice-to .to {
  54.     margin-top: 0;
  55.     margin-bottom: 0
  56. }
  58. .invoice .invoice-details {
  59.     text-align: right
  60. }
  62. .invoice .invoice-details .invoice-id {
  63.     margin-top: 0;
  64.     color: #585858
  65. }
  67. .invoice main {
  68.     padding-bottom: 50px
  69. }
  71. .invoice main .thanks {
  72.     margin-top: -100px;
  73.     font-size: 2em;
  74.     margin-bottom: 50px
  75. }
  77. .invoice main .notices {
  78.     margin-top: 120px;
  79.     padding-left: 6px;
  80.     border-left: 6px solid #585858
  81. }
  83. .invoice main .notices .notice {
  84.     font-size: 1.2em
  85. }
  87. .invoice table {
  88.     width: 100%;
  89.     border-collapse: collapse;
  90.     border-spacing: 0;
  91.     margin-bottom: 20px
  92. }
  94. .invoice table td,.invoice table th {
  95.     padding: 15px;
  96.     background: #eee;
  97.     border-bottom: 1px solid #fff
  98. }
  100. .invoice table th {
  101.     white-space: nowrap;
  102.     font-weight: 400;
  103.     font-size: 16px
  104. }
  106. .invoice table td h3 {
  107.     margin: 0;
  108.     font-weight: 400;
  109.     color: #585858;
  110.     font-size: 1.2em
  111. }
  113. .invoice table .qty,.invoice table .total,.invoice table .unit {
  114.     text-align: right;
  115.     font-size: 1.2em
  116. }
  118. .invoice table .no {
  119.     color: #fff;
  120.     font-size: 1em;
  121.     background: #585858
  122. }
  124. .invoice table .unit {
  125.     background: #ddd 
  126. }
  128. .invoice table .total {
  129.     background: #585858;
  130.     color: #fff
  131. }
  133. .invoice table tbody tr:last-child td {
  134.     border: none
  135. }
  137. .invoice table tfoot td {
  138.     background: 0 0;
  139.     border-bottom: none;
  140.     white-space: nowrap;
  141.     text-align: right;
  142.     padding: 10px 20px;
  143.     font-size: 1.2em;
  144.     border-top: 1px solid #aaa
  145. }
  147. .invoice table tfoot tr:first-child td {
  148.     border-top: none
  149. }
  151. .invoice table tfoot tr:last-child td {
  152.     color: #585858;
  153.     font-size: 1.4em;
  154.     border-top: 1px solid #585858
  155. }
  157. .invoice table tfoot tr td:first-child {
  158.     border: none
  159. }
  161. .invoice footer {
  162.     width: 100%;
  163.     text-align: center;
  164.     color: #777;
  165.     border-top: 1px solid #aaa;
  166.     padding: 8px 0
  167. }
  169.     header {  }
  170.     footer { display:none; }
  173. @media only screen and (max-width: 600px) {
  174.   .hide-for-small {
  175.     display: none;
  176.   }
  177. }
  179. @media print {
  180.     .invoice {
  181.         font-size: 11px!important;
  182.         overflow: hidden!important
  183.     }
  185.     .invoice footer {
  186.         position: absolute;
  187.         bottom: 10px;
  188.         page-break-after: always
  189.     }
  191.     .invoice>div:last-child {
  192.         page-break-before: always
  193.     }
  194. }
  195.     </style>
  196. {% endblock %}
  202. {% block main %}
  204. {% set order = entity.instance %}
  206.     <div class="container" >
  207.         <div class="toolbar hidden-print">
  208.         <div class="">
  209.             
  210.             {% if is_granted("ROLE_SHIPPING_AGENT") == false %}
  211.                 <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>
  212.             {% endif %}
  216.     {# {% set urlEditStatusPayment = ea_url().setController("App\\IlaveU\\FrontBundle\\Themes\\IlaveU\\Controller\\ShopAdmin\\Order\\ChangeStatusOrderPaymentCrudController")
  217.     .setAction("edit")
  218.     .setEntityId(order.id)
  219.     %}
  220.     <a class="btn btn-info mb-1" href="{{urlEditStatusPayment}}" >
  222.     Changer l'etat de paiement
  224.     </a>
  226.     {% set urlEditStatusShipping = ea_url().setController("App\\IlaveU\\FrontBundle\\Themes\\IlaveU\\Controller\\ShopAdmin\\Order\\ChangeStatusOrderShippingCrudController")
  227.     .setAction("edit")
  228.     .setEntityId(order.id)
  229.     %}
  230.     <a class="btn btn-info mb-1" href="{{urlEditStatusShipping}}" >
  232.     Changer l'etat de livraison
  234.     </a> #}
  237.         {% set urlEditOrder = ea_url()
  238.     .setRoute("admin_pos_ilaveu",{"orderId":order.id})
  239.     %}
  240.     <a class="btn btn-success mb-1" href="{{urlEditOrder}}" >
  241.     <i class="fa fa-edit"></i>
  242.     Editer la commande
  244.     </a>
  246.      
  248.     {% if is_granted("ROLE_AGENT") == false %}
  249.     {% set urlPrintTicketOrder = ea_url()
  250.     .setRoute("order_ticket",{"id":order.id})
  251.     %}
  252.     <a class="btn mb-1" href="{{urlPrintTicketOrder}}" >
  253. <i class="fa fa-print"></i>
  254.     Imprimer ticket
  256.     </a>
  257.     {% endif %}
  261.       {% set urlLogHistoryOrder = ea_url().setController("App\\IlaveU\\FrontBundle\\Themes\\IlaveU\\Controller\\ShopAdmin\\Order\\LogHistoryOrderCrudController")
  262.     .setAction("index").setEntityId(null)
  263.     %}
  265.     <!--
  266.     <a class="btn btn-info mb-1" href="{{urlLogHistoryOrder}}&orderId={{order.id}}" >
  268.     Voir Historique
  270.     </a>
  271.     -->
  277.     
  279.         </div>
  280.         <hr>
  281.     </div>
  282.     <h5>Commande : <b>{{order.orderNumber}}</b></h5>
  283.     <ul>
  284.                 <li>Client : <b>{{order.customer}}</b></li>
  285.                 <li>Statut de la CMD : 
  286.                     
  289.                     {% if getOrderStatus(order) == "canceled" %}
  290.                         <span class="badge badge-danger" title="Annulé"><i class="fa-solid fa-ban"></i> Annulé</span>
  293.                     {% elseif (entity.instance.status == "paid" and entity.instance.fullRestAmount <= 0) or
  295.     (entity.instance.fullRestAmount <= 0 and entity.instance.fullTotalAmount > 0)
  297.  %}
  298.                         <span class="badge badge-success" title="Aucun"><i class="fa-solid fa-circle-check"></i> Réglé</span>
  300.                     {% elseif (entity.instance.status == "partially-paid" or entity.instance.status == "paid") and entity.instance.fullRestAmount > 0 %}
  301.                         <span class="badge badge-success" title="Aucun"><i class="fa-solid fa-circle-check"></i> Réglé partiellement</span>
  302.                     {% else %}
  303.                         <span class="badge badge-danger" title="Aucun"><i class="fa-solid fa-clock-rotate-left"></i> Non réglé</span>
  304.                     {% endif %}
  305.                 </li>
  306.                 {% set currentStep = order.shipment.currentStep %}
  307.                 <li>Statut de livraison : <span class="mt-1 badge badge-info text-dark" style="
  308.                 {{currentStep ? "background:" ~ currentStep.color}}
  309.                 " ><i class="fa-solid fa-circle-check"></i> {{ order.shipment.currentStep ? order.shipment.currentStep:"À collecter"}}</span></li>
  310.                  <li>Adresse de collecte : <b>{{order.collectAddress}}</b> 
  311.                  
  312.                     
  313.                         <a  class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#collectMapModal" href="#" data-lng="{{order.collectLng}}" data-lat="{{order.collectLat}}" class="btn show-map"> <i class="fa-solid fa-location-dot"></i></a>
  315.                         <!-- Modal -->
  316. <div class="modal fade" id="collectMapModal" tabindex="-1" aria-labelledby="collectMapModalLabel" aria-hidden="true">
  317.   <div class="modal-dialog">
  318.     <div class="modal-content">
  319.       <div class="modal-header">
  320.         <h5 class="modal-title" id="collectMapModalLabel">Adresse de collecte</h5>
  321.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  322.       </div>
  323.       <div class="modal-body">
  324.       {% if order.collectLng and order.collectLat %}
  325.         <div {{ react_component('Admin/Pos/Map', { 
  326.                             lng: order.collectLng,
  327.                             lat: order.collectLat,
  328.                             styles:{ height: '350px', maxWidth: '800px' }
  329.                          }) }}>
  330.                                 Loading... <i class="fas fa-cog fa-spin fa-3x"></i>
  331.                             </div>
  333.     {% else %}
  334.         
  335.         <div {{ react_component('Admin/Pos/GeocodeAddress', { 
  336.                             address: order.collectAddress ~ " ,Maroc",
  337.                             apiKey: "AIzaSyAhcdR3-y-tILC8ZJT-e_TOwd0Mk9uEUZM",
  338.                             styles:{ height: '350px', maxWidth: '800px' }
  339.                          }) }}>
  340.                                 Loading... <i class="fas fa-cog fa-spin fa-3x"></i>
  341.                             </div>
  342.     {% endif %}
  343.       </div>
  344.       <div class="modal-footer">
  345.         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  346.       </div>
  347.     </div>
  348.   </div>
  349. </div>
  350.                         
  351.                     
  352.                  </li>
  353.                 
  354.                   <li class="mt-1">Adresse de livraison : <b>{{order.shippingAddress}}</b>  
  355.                    
  356.                   
  357.                     <a data-bs-toggle="modal" data-bs-target="#shippingMapModal" href="#" data-lng="{{order.shippingLng}}" data-lat="{{order.shippingLat}}" class="btn show-map"> <i class="fa-solid fa-location-dot"></i></a>
  360.                         <!-- Modal -->
  361. <div class="modal fade" id="shippingMapModal" tabindex="-1" aria-labelledby="shippingMapModalLabel" aria-hidden="true">
  362.   <div class="modal-dialog">
  363.     <div class="modal-content">
  364.       <div class="modal-header">
  365.         <h5 class="modal-title" id="shippingMapModalLabel">Adresse de livraison</h5>
  366.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  367.       </div>
  368.       
  369.       <div class="modal-body">
  370.       {% if order.shippingLng and order.shippingLat %}
  371.         <div {{ react_component('Admin/Pos/Map', { 
  372.                         lng: order.shippingLng,
  373.                         lat: order.shippingLat,
  374.                         styles:{ height: '350px', maxWidth: '800px' }
  375.                          }) }}>
  376.                                 Loading... <i class="fas fa-cog fa-spin fa-3x"></i>
  377.                             </div>
  378.     {% else %}
  379.          <div {{ react_component('Admin/Pos/GeocodeAddress', { 
  380.                             address: order.shippingAddress ~ " ,Maroc",
  381.                             apiKey: "AIzaSyAhcdR3-y-tILC8ZJT-e_TOwd0Mk9uEUZM",
  382.                             styles:{ height: '350px', maxWidth: '800px' }
  383.                          }) }}>
  384.                                 Loading... <i class="fas fa-cog fa-spin fa-3x"></i>
  385.                             </div>
  386.     {% endif %}
  387.     </div>
  388.       <div class="modal-footer">
  389.         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  390.       </div>
  391.     </div>
  392.   </div>
  393. </div>
  394.                     
  395.                  
  396.                     
  397.                  
  398.             <ul>
  399.     </div>
  402.     
  403.  {% include "@IlaveU/FrontBundle/Themes/IlaveU/templates/admin/shopadmin/order/_orderTemplate.html.twig" with { order : order } %}
  405.     
  406. {% endblock %}