templates/callcenter/pedido.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Pedidio{% endblock %}
  4. {% block bodyclass %}pedido{% endblock %}
  6. {% block body %}
  7. {% if cabecera.estado == 'EDICION' %}
  8.   <div class="alert alert-warning mb-0" role="alert">
  9.     <strong>MODO EDICIÓN!</strong> Es importante terminar el proceso completo.
  10.   </div>
  11. {% endif %}
  13. <main class="container-fluid bg-dark" {{ stimulus_controller('content-loader') }}>
  14.   <div class="row">
  15.     <div class="col-6 rounded-end-1 bg-white">
  16.       <div class="container p-3">
  17.         <div class="row justify-content-center">
  18.           <div class="col-5">
  19.             <button type="button"
  20.                     class="btn btn-outline-secondary shadow-sm w-100"
  21.                     data-action="click->content-loader#loadModal"
  22.                     data-sucursal="{{ cabecera.sucursal }}"
  23.                     data-url="{{ path('load_modal', { modalType: 'search' }) }}"
  24.                     data-modal=".searchModal">
  25.               <i class="bi bi-search"></i> Buscar Producto
  26.             </button>
  27.           </div>
  29.           <div class="col-1">
  30.             {% if top %}
  31.               <button
  32.                 type="button"
  33.                 class="btn btn-outline-secondary shadow-sm w-100"
  34.                 data-bs-toggle="modal"
  35.                 data-bs-target="#topModal"
  36.               >
  37.                 <i class="bi bi-stars"></i>
  38.               </button>
  39.             {% endif %}
  40.           </div>
  41.         </div>
  42.       </div>
  44.       <div class="row">
  45.         <div class="col-6 border p-0">
  46.             <div class="px-3 py-2 border-bottom border-5 bg-light">
  47.               <span class="fs-6 fw-semibold"><strong>Favoritos</strong></span>
  48.             </div>
  50.             <div class="list-group list-group-flush border-bottom scrollarea" style="height: calc(100vh - 171px);">
  51.               {{ include('callcenter/_fav.html.twig', { items: favoritos, sucursal: cabecera.sucursal }) }}
  52.             </div>
  53.         </div>
  54.         <div class="col-6 border border-start-0 p-0">
  55.           <div class="px-3 py-2 border-bottom border-5 bg-light">
  56.             <span class="fs-6 fw-semibold"><strong>Articulos</strong></span>
  57.           </div>
  58.           <div data-content-loader-target="articulos"></div>
  59.         </div>
  60.       </div>
  61.     </div>
  62.     <div class="col-6 bg-dark position-sticky" id="cabecera" data-cabecera="{{ cabecera.id }}">
  63.       {{ include('callcenter/_cabecera.html.twig', { cabecera: cabecera}) }}
  64.       <div data-content-loader-target="pedido">{{ include('callcenter/_lineas.html.twig', { cabecera: cabecera}) }}</div>
  65.       <div class="d-grid gap-2">
  66.         <a href="{{ path('cc_confirmarpedido', { id: cabecera.id }) }}" class="btn btn-success btn-lg">Hacer Pedido</a>
  67.       </div>
  68.     </div>
  69.   </div>
  71.   {{ include('callcenter/_modal.html.twig', {
  72.     modalTitle: 'Agregar nuevo producto',
  73.   }) }}
  75. </main>
  76. {{ include('callcenter/top_modal.html.twig') }}
  77. {% endblock %}