templates/clients/detail.html.twig line 139

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block headerStyles %}
  3.     {{ parent() }}
  4. {% endblock %}
  6. {% block content %}
  7.     <div class="page-content">
  8.          <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
  9.             <div class="breadcrumb-title pe-3">Cliente: {{ client.getName()~' '~client.getSurname() }}</div>
  10.              
  11.                 <div class=" d-sm-flex align-items-center ms-auto">
  12.                     
  13.                 
  14.                 </div>
  15.            
  16.             <div class="ms-auto">
  17.             </div>
  18.         </div>
  19.         <div class="row">
  20.             <div class="col-md-4">
  21.                 <form action="{{ path('modifyClientData') }}?id={{ client.getId() }}" method="POST">
  22.                 <div class="card">
  23.                     <div class="card-body p-4">
  24.                         <h5>Datos personales</h5>
  25.                         <hr>
  26.                         <div class="mb-3">
  27.                             <label for="inputProductTitle" class="form-label">Nombre del Cliente</label>
  28.                             <input type="text" class="form-control" id="inputProductTitle" name="name" value="{{ client.getName() }}">
  29.                         </div>
  30.                         <div class="mb-3">
  31.                             <label for="surname" class="form-label">Apellidos del Cliente</label>
  32.                             <input type="text" class="form-control" id="surname" name="surname" value="{{ client.getSurname() }}">
  33.                         </div>
  34.                         <div class="mb-3">
  35.                             <label for="email" class="form-label">Email del Cliente</label>
  36.                             <input type="text" class="form-control" id="email" name="email" value="{{ client.getEmail() }}">
  37.                         </div>
  38.                         <div class="mb-3">
  39.                             <label for="nif" class="form-label">Nif / CIF del Cliente</label>
  40.                             <input type="text" class="form-control" id="nif" name="nif" value="{{ client.getNif() }}">
  41.                         </div>
  42.                         <div class="mb-3">
  43.                             <label for="phone" class="form-label">Teléfono del Cliente</label>
  44.                             <input type="text" class="form-control" id="phone" name="phone" value="{{ client.getPhone() }}">
  45.                         </div>
  46.                     </div>
  47.                 </div>
  48.                 <div class="card">
  49.                     <div class="card-body p-4">
  50.                         <h5>Dirección </h5>
  51.                         <hr>
  52.                         <div class="mb-3">
  53.                             <label for="address" class="form-label">Dirección</label>
  54.                             <input type="text" class="form-control" id="address" name="address" value="{{ client.getAddress() }}">
  55.                         </div>
  56.                         <div class="mb-3">
  57.                             <label for="cp" class="form-label">Código postal</label>
  58.                             <input type="text" class="form-control" id="cp" name="cp" value="{{ client.getCp() }}">
  59.                         </div>
  60.                         <div class="mb-3">
  61.                             <label for="city" class="form-label">Ciudad</label>
  62.                             <input type="text" class="form-control" id="city" name="city" value="{{ client.getCity() }}">
  63.                         </div>
  64.                         <div class="mb-3">
  65.                             <label for="state" class="form-label">Província</label>
  66.                             <input type="text" class="form-control" id="state" name="state" value="{{ client.getState() }}">
  67.                         </div>
  68.                         <div class="mb-3">
  69.                             <label for="country" class="form-label">País</label>
  70.                             <input type="text" class="form-control" id="country" name="country" value="{{ client.getCountry() }}">
  71.                         </div>
  72.                     </div>
  73.                 </div>
  74.                 <div class="card">
  75.                     <div class="card-body p-4">
  76.                         <div class="d-grid">
  77.                             <button type="submit" class="btn btn-primary btn-block">Guardar cambios</button>
  78.                         </div>
  79.                     </div>
  80.                 </div>
  81.                 </form>
  82.             </div>
  83.             <div class="col-md-8">
  84.                 <div class="card">
  85.                     <div class="card-body p-4">
  86.                         <h5>Estadísticas y datos</h5>
  87.                         <hr>
  88.                         <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
  89.                             <div class="col">
  90.                                 <div class="card radius-10 border-start border-0 border-3 border-info">
  91.                                        <div class="card-body">
  92.                                                <div class="d-flex align-items-center">
  93.                                                        <div>
  94.                                                                <p class="mb-0 text-secondary">Total ventas</p>
  95.                                                                <h4 class="my-1 text-info">{{ client.getId() | calculaVenta() }}</h4>
  96.                                                        </div>
  97.                                                        <div class="widgets-icons-2 rounded-circle bg-gradient-scooter text-white ms-auto"><i class="bx bxs-wallet"></i>
  98.                                                        </div>
  99.                                                </div>
  100.                                        </div>
  101.                                 </div>
  102.                             </div>
  103.                             <div class="col">
  104.                                <div class="card radius-10 border-start border-0 border-3 border-success">
  105.                                   <div class="card-body">
  106.                                           <div class="d-flex align-items-center">
  107.                                                   <div>
  108.                                                           <p class="mb-0 text-secondary">Total Productos comprados</p>
  109.                                                           <h4 class="my-1 text-success">{{ prods_cant }}</h4>
  110.                                                           
  111.                                                   </div>
  112.                                                   <div class="widgets-icons-2 rounded-circle bg-gradient-ohhappiness text-white ms-auto"><i class="bx bxs-cart"></i>
  113.                                                   </div>
  114.                                           </div>
  115.                                   </div>
  116.                                </div>
  117.                             </div>
  118.                             <div class="col">
  119.                                <div class="card radius-10 border-start border-0 border-3 border-danger">
  120.                                   <div class="card-body">
  121.                                           <div class="d-flex align-items-center">
  122.                                                   <div>
  123.                                                           <p class="mb-0 text-secondary">Productos reservados</p>
  124.                                                           <h4 class="my-1 text-danger">{{ prods_res }}</h4>
  125.                                                           
  126.                                                   </div>
  127.                                                   <div class="widgets-icons-2 rounded-circle bg-gradient-bloody text-white ms-auto"><i class="bx bxs-save"></i>
  128.                                                   </div>
  129.                                           </div>
  130.                                   </div>
  131.                                </div>
  132.                             </div>
  133.                             <div class="col">
  134.                                <div class="card radius-10 border-start border-0 border-3 border-warning">
  135.                                   <div class="card-body">
  136.                                           <div class="d-flex align-items-center">
  137.                                                   <div>
  138.                                                           <p class="mb-0 text-secondary">Ultima compra</p>
  139.                                                           <h4 class="my-1 text-warning">{% if last_buy %}{{ last_buy.getDate() | date("d/m/Y") }}{% endif %}</h4>
  140.                                                           
  141.                                                   </div>
  142.                                                   <div class="widgets-icons-2 rounded-circle bg-gradient-blooker text-white ms-auto"><i class="bx bxs-calendar"></i>
  143.                                                   </div>
  144.                                           </div>
  145.                                   </div>
  146.                                </div>
  147.                             </div> 
  148.                         </div>
  149.                     </div>
  150.                 </div>
  151.                 <div class="card">
  152.                     <div class="card-body p-4">
  153.                         <h5>Ventas</h5>
  154.                         <hr>
  155.                         <table class="table mb-0">
  156.                             <thead>
  157.                                     <tr>
  158.                                             <th scope="col" class="cabecera_filtrada" data-filter="id">ID</th>
  159.                                             <th scope="col" class="cabecera_filtrada" data-filter="date">Fecha</th>
  160.                                             <th scope="col">Cliente</th>
  161.                                             <th scope="col">Vendido por</th>
  162.                                             <th scope="col" class="cabecera_filtrada" data-filter="subtotal">Subtotal</th>
  163.                                             <th scope="col" class="cabecera_filtrada" data-filter="ivaValue">Iva</th>
  164.                                             <th scope="col" class="cabecera_filtrada" data-filter="total">Total</th>
  165.                                             <th scope="col">Estado</th>
  166.                                             <th scope="col">Detalles</th>
  168.                                     </tr>
  169.                             </thead>
  170.                             <tbody>
  171.                                 {% for venta in ventas %}
  172.                                     <tr>
  173.                                             <th scope="row">{{ venta.getId() }}</th>
  174.                                             <td>{{ venta.getDate() | date ("d/m/Y") }}</td>
  175.                                             <td>{{ venta.getClientId() | getClienteName() }}</td>
  176.                                             <td>{{ venta.getUserId() | getUserName() }}</td>
  177.                                             <td>{{ venta.getSubtotal() }}</td>
  178.                                             <td>{{ venta.getIvaValue() }}</td>
  179.                                             <td>{{ venta.getTotal() }}</td>
  180.                                             <td>{{ (venta.getStatus() | getStatusLabel()) | raw }}</td>
  182.                                             <td>
  183.                                                 <button  onclick="viewTicket({{venta.getId()}})" class="btn btn-outline-primary" ><i class="bx bx-file"></i></button>
  184.                                                 <button  onclick="printTicket({{venta.getId()}})" class="btn btn-outline-primary" ><i class="bx bx-printer"></i></button>
  185.                                                 <button  onclick="printTicketRegalo({{venta.getId()}})" class="btn btn-outline-primary" ><i class="bx bx-gift"></i></button>
  186.                                             </td>
  188.                                     </tr>
  189.                                 {% endfor %}
  190.                             </tbody>
  191.                         </table>
  192.                         <div class="mt-3 col-md-12 text-center align-content-center">
  193.                             {{ knp_pagination_render(ventas) }}
  194.                         </div>
  195.                     </div>
  196.                 </div>
  197.             </div>
  198.         </div>
  199.     </div>
  200. {% endblock %}
  202. {% block footerScripts %}
  203.     {{ parent() }}
  204.     <script>
  205.        function printTicket(id){
  206.                 $.ajax({
  207.                     url:'{{path("printTicket")}}',
  208.                     type:'POST',
  209.                     async:false,
  210.                     data: {id:id },
  211.                     success:function(html){
  212.                         var mywindow = window.open('', 'PRINT', 'height=400,width=600'); 
  213.                         mywindow.document.write(html);
  215.                         mywindow.document.close();
  216.                         mywindow.focus();
  218.                         mywindow.print();
  219.                         //mywindow.close();
  220.                     }
  221.                 });
  222.             }
  223.         function printTicketRegalo(id){
  224.             $.ajax({
  225.                 url:'{{path("printTicketRegalo")}}',
  226.                 type:'POST',
  227.                     async:false,
  228.                     data: {id:id },
  229.                     success:function(html){
  230.                         var mywindow = window.open('', 'PRINT', 'height=400,width=600'); 
  231.                         mywindow.document.write(html);
  233.                         mywindow.document.close();
  234.                         mywindow.focus();
  235.                         setTimeout(function(){
  236.                             mywindow.print();
  237.                         },2000);
  238.                         //mywindow.close();
  239.                     }
  240.                 });
  241.         }
  242.         function viewTicket(id){
  243.             $.ajax({
  244.                 url:'{{path("printTicket")}}',
  245.                 type:'POST',
  246.                 async:false,
  247.                 data: {id:id },
  248.                 success:function(html){
  249.                     var mywindow = window.open('', 'PRINT', 'height=400,width=600'); 
  250.                     mywindow.document.write(html);
  252.                     mywindow.document.close();
  253.                     mywindow.focus();
  255.                     //mywindow.print();
  256.                     //mywindow.close();
  257.                 }
  258.             });
  259.         }
  260.     </script>
  261.     
  262. {% endblock %}