templates/tpv/cierre_caja/index.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block headerStyles %}
  4.     {{ parent() }}
  5.         <link href="{{ asset('assets/plugins/datetimepicker/css/classic.css')}}" rel="stylesheet" />
  6.         <link href="{{ asset('assets/plugins/datetimepicker/css/classic.time.css') }}" rel="stylesheet" />
  7.     <link href="{{ asset('assets/plugins/datetimepicker/css/classic.date.css') }}" rel="stylesheet" />
  8. {% endblock %}
  10. {% block content %}
  11.     <div class="page-content">
  12.          <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
  13.             <div class="breadcrumb-title pe-3">Cerrar Caja</div>
  14.             <form action="{{ path("tpv_cierre_caja") }}" method="GET" class="ms-auto" id="fecha_form">
  15.                 <div class=" d-sm-flex align-items-center ms-auto">
  16.                     <div class="form-group pe-3">
  17.                      <input type="text" name="fecha" id="fecha" value="{{ fecha }}" class="form-control" />
  18.                     </div>
  19.                     
  20.                 
  21.                 </div>
  22.             </form>
  23.             
  24.             <div class="ms-auto">
  25.                  <a href="{{ path('tpv_ventas_dia') }}?dia={{ fecha }}" class="btn btn-primary"  ><i class="bx bx-file"></i> Ver ventas del día por productos</a>
  26.             </div>
  27.         </div>
  28.         <div class="row row-cols-1 row-cols-md-2 row-cols-xl-5">
  29.             <div class="col">
  30.                  <div class="card radius-10 border-start border-0 border-3 border-info">
  31.                         <div class="card-body">
  32.                                 <div class="d-flex align-items-center">
  33.                                         <div>
  34.                                                 <p class="mb-0 text-secondary">Total Venta</p>
  35.                                                 <h4 class="my-1 text-info">{{ (total_venta_real ) |number_format(2,",",".") }}</h4>
  36.                                                 <!--small>Venta real: {{ total_ventas |number_format(2,",",".") }}</small-->
  37.                                                 
  38.                                         </div>
  39.                                         <div class="widgets-icons-2 rounded-circle bg-gradient-scooter text-white ms-auto"><i class='bx bxs-cart'></i>
  40.                                         </div>
  41.                                 </div>
  42.                         </div>
  43.                  </div>
  44.            </div>
  45.            <div class="col">
  46.                 <div class="card radius-10 border-start border-0 border-3 border-danger">
  47.                    <div class="card-body">
  48.                            <div class="d-flex align-items-center">
  49.                                    <div>
  50.                                            <p class="mb-0 text-secondary">Ticket medio</p>
  51.                                            <h4 class="my-1 text-danger">{{ ticket_medio |number_format(2,",",".") }}</h4>
  52.                                            
  53.                                    </div>
  54.                                    <div class="widgets-icons-2 rounded-circle bg-gradient-bloody text-white ms-auto"><i class='bx bx-line-chart'></i>
  55.                                    </div>
  56.                            </div>
  57.                    </div>
  58.                 </div>
  59.           </div>
  60.           <div class="col">
  61.                 <div class="card radius-10 border-start border-0 border-3 border-success">
  62.                    <div class="card-body">
  63.                            <div class="d-flex align-items-center">
  64.                                    <div>
  65.                                            <p class="mb-0 text-secondary">Total en efectivo</p>
  66.                                            <h4 class="my-1 text-success">{{ efectivo |number_format(2,",",".") }}</h4>
  67.                                            
  68.                                    </div>
  69.                                    <div class="widgets-icons-2 rounded-circle bg-gradient-ohhappiness text-white ms-auto"><i class='bx bxs-coin' ></i>
  70.                                    </div>
  71.                            </div>
  72.                    </div>
  73.                 </div>
  74.           </div>
  75.           <div class="col">
  76.                 <div class="card radius-10 border-start border-0 border-3 border-warning">
  77.                    <div class="card-body">
  78.                            <div class="d-flex align-items-center">
  79.                                    <div>
  80.                                            <p class="mb-0 text-secondary">Total en tarjeta</p>
  81.                                            <h4 class="my-1 text-warning">{{ tarjeta |number_format(2,",",".") }}</h4>
  82.                                            
  83.                                    </div>
  84.                                    <div class="widgets-icons-2 rounded-circle bg-gradient-blooker text-white ms-auto"><i class='bx bxs-credit-card'></i>
  85.                                    </div>
  86.                            </div>
  87.                    </div>
  88.                 </div>
  89.           </div> 
  90.           <div class="col">
  91.                 <div class="card radius-10 border-start border-0 border-3 border-danger">
  92.                    <div class="card-body">
  93.                            <div class="d-flex align-items-center">
  94.                                    <div>
  95.                                            <p class="mb-0 text-secondary">Total Transferencia</p>
  96.                                            <h4 class="my-1 text-danger">{{ transferencia |number_format(2,",",".") }}</h4>
  97.                                            
  98.                                    </div>
  99.                                    <div class="widgets-icons-2 rounded-circle bg-gradient-bloody text-white ms-auto"><i class='bx bx-transfer-alt'></i>
  100.                                    </div>
  101.                            </div>
  102.                    </div>
  103.                 </div>
  104.           </div> 
  105.         </div>
  106.         <div class="row">
  107.             <div class="card">
  108.                     <div class="card-body">
  109.                             <table class="table mb-0">
  110.                                     <thead>
  111.                                             <tr>
  112.                                                     <th scope="col" class="cabecera_filtrada" data-filter="id" style="width:100px">ID</th>
  113.                                                     <th scope="col" class="cabecera_filtrada" data-filter="date">Fecha</th>
  114.                                                     <th scope="col">Cliente</th>
  115.                                                     <th scope="col">Vendido por</th>
  116.                                                     <th scope="col" class="cabecera_filtrada" data-filter="subtotal">Subtotal</th>
  117.                                                     <th scope="col" class="cabecera_filtrada" data-filter="ivaValue">Iva</th>
  118.                                                     <th scope="col" class="cabecera_filtrada" data-filter="total">Total</th>
  119.                                                     <th scope="col" class="cabecera_filtrada" data-filter="total">Pagado</th>
  120.                                                     <th scope="col">Estado</th>
  121.                                                     <th scope="col">Detalles</th>
  122.                                                     
  123.                                             </tr>
  124.                                     </thead>
  125.                                     <tbody>
  126.                                         {% for venta in ventas %}
  127.                                             <tr>
  128.                                                     <th scope="row">{{ venta.getId() }}</th>
  129.                                                     <td>{{ venta.getDate() | date ("d/m/Y") }}</td>
  130.                                                     <td>{{ venta.getClientId() | getClienteName() }}</td>
  131.                                                     <td>{{ venta.getUserId() | getUserName() }}</td>
  132.                                                     <td>{{ venta.getSubtotal() | number_format(2,",",".") }}</td>
  133.                                                     <td>{{ venta.getIvaValue() | number_format(2,",",".") }}</td>
  134.                                                     <td>{{ venta.getTotal() | number_format(2,",",".") }}</td>
  135.                                                     <td>{{ venta.getPayed() | number_format(2,",",".") }}</td>
  136.                                                     <td>{{ (venta.getStatus() | getStatusLabel()) | raw }}</td>
  137.                                                     
  138.                                                     <td>
  139.                                                         <button  onclick="viewTicket({{venta.getId()}})" class="btn btn-outline-primary" ><i class="bx bx-file"></i></button>
  140.                                                         <button  onclick="printTicket({{venta.getId()}})" class="btn btn-outline-primary" ><i class="bx bx-printer"></i></button>
  141.                                                     </td>
  142.                                                   
  143.                                             </tr>
  144.                                         {% endfor %}
  145.                                     </tbody>
  146.                             </table>
  147.                                      
  148.                     </div>
  149.             </div>
  150.         </div>
  151.         <div class="row">
  152.             <div class="card">
  153.                     <div class="card-body">
  154.                          <form action="" method="post">
  155.                         <div class="row">
  156.                            
  157.                                 <input type="hidden" name="fecha_cierre" value="{{ fecha }}"/>
  158.                             <div class="col-md-3">
  159.                                 <h3>Total caja: {{ (total_venta_real ) |number_format(2,",",".") }} </h3>
  160.                             </div>
  161.                             <div class="col-md-3">
  162.                                 <input type="number" step="any" placeholder="Cantidad en caja" name="retirada" id="retirada" class="form-control"/>
  163.                             </div>
  164.                             <div class="col-md-3">
  165.                                 <input type="number" step="any" placeholder="Descuadre" name="descuadre" id="descuadre" class="form-control"/>
  166.                             </div>
  167.                             <div class="col-md-3">
  168.                                 <button type="submit" class="btn btn-primary">Cerrar caja</button>
  169.                             </div>
  170.                             
  171.                         </div>
  172.                         </form>
  173.                     </div>
  174.             </div>
  175.         </div>
  176.     </div>
  177.                      
  178. {% endblock %}
  180. {% block footerScripts %}
  181.     
  182.     <script src="{{ asset('assets/plugins/datetimepicker/js/picker.js')}}"></script>
  183.     <script src="{{ asset('assets/plugins/datetimepicker/js/picker.time.js')}}"></script>
  184.     <script src="{{ asset('assets/plugins/datetimepicker/js/picker.date.js')}}"></script>
  185.     <script src="{{ asset('assets/plugins/bootstrap-material-datetimepicker/js/moment.min.js')}}"></script>
  186.     <script src="{{ asset('assets/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.min.js')}}"></script>
  187.     {{  parent() }}
  188.     <script>
  189.         $('#fecha').pickadate({
  190.             monthsFull: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Setiembre', 'Octubre', 'Noviembre', 'Diciembre'],
  191.             monthsShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Set', 'Oct', 'Nov', 'Dic'],
  192.             weekdaysFull: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
  193.             weekdaysShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
  194.             today: 'Hoy',
  195.             clear: 'Limpiar',
  196.             close: 'Cerrar',
  197.             format: 'dd-mm-yyyy',
  198.             firstDay:1,
  199.             selectMonths: true,
  200.             selectYears: true,
  202.         });
  203.         $("#fecha").on("change",function(){
  204.            $("#fecha_form").submit();
  205.         });
  206.         $("#retirada").on("change",function(){
  207.            var caja = $(this).val();
  208.            
  209.             $("#descuadre").val({{efectivo}} - (caja - {{caja_open.getTotalApertura()}}));
  210.            
  211.         });
  212.         function viewTicket(id){
  213.                 $.ajax({
  214.                     url:'{{path("printTicket")}}',
  215.                     type:'POST',
  216.                     async:false,
  217.                     data: {id:id },
  218.                     success:function(html){
  219.                         var mywindow = window.open('', 'PRINT', 'height=400,width=600'); 
  220.                         mywindow.document.write(html);
  222.                         mywindow.document.close();
  223.                         mywindow.focus();
  225.                         //mywindow.print();
  226.                         //mywindow.close();
  227.                     }
  228.                 });
  229.             }
  230.         function printTicket(id){
  231.                 $.ajax({
  232.                     url:'{{path("printTicket")}}',
  233.                     type:'POST',
  234.                     async:false,
  235.                     data: {id:id },
  236.                     success:function(html){
  237.                         var mywindow = window.open('', 'PRINT', 'height=400,width=600'); 
  238.                         mywindow.document.write(html);
  240.                         mywindow.document.close();
  241.                         mywindow.focus();
  243.                         mywindow.print();
  244.                         //mywindow.close();
  245.                     }
  246.                 });
  247.             }
  248.     </script>
  249. {% endblock %}