templates/Producto/ver.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{ parent() }}
  5.     - Tienda -
  6.     {{ producto.nombre }}
  7. {% endblock %}
  9. {% block contenido %}
  11.     {# Acciones del Producto #}
  12.     {% if app.user %}
  13.         {% if producto.stock > 0 %}
  14.             {% if flagVentas.activo == 1 or is_granted('ROLE_USER') %}
  15.                 <div class="row">
  16.                     <ul class="collection">
  17.                         <li class="collection-item grey lighten-3">
  18.                             {% if flagVentas.activo == 1 %}
  19.                                 <a href="{{ path('carritoproductos_agregar',{'idProducto': producto.id}) }}" class="waves-effect waves-light btn colorOficial white-text">
  20.                                     <i class="material-icons left">add_shopping_cart</i>Comprar</a>
  21.                             {% endif %}
  22.                             {% if is_granted('ROLE_ADMIN') %}
  23.                                 <a href="{{ path('producto_editar',{'idProducto': producto.id}) }}" class="waves-effect waves-light btn colorOficial white-text">
  24.                                     <i class="material-icons left">edit</i>Editar</a>
  25.                             {% endif %}
  26.                         </li>
  27.                     </ul>
  28.                 </div>
  29.             {% endif %}
  30.         {% endif %}
  31.     {% endif %}
  32.     {# Acciones del Producto #}
  34.     <h6 class="tituloColorOficial">{{ producto.nombre }}</h6>
  35.     <p class="gris90 bajadaNota">{{ producto.descripcionCompleta|raw }}</p>
  38.     {# Muestro el Producto #}
  39.     <div
  40.         class="row">
  42.         {# Detalles de Producto #}
  43.         <div class="col s12 m8">
  44.             <ul class="collection with-header redondearBordes">
  45.                 <li class="collection-header">
  46.                     <strong>Producto</strong>
  47.                 </li>
  48.                 <li class="collection-item">
  49.                     <strong>
  50.                         <i class="material-icons left">assignment</i>
  51.                         Producto:</strong>
  52.                     {{ producto.nombre }}
  53.                 </li>
  54.                 <li class="collection-item">
  55.                     <strong>
  56.                         <i class="material-icons left">confirmation_number</i>
  57.                         Codigo Producto:</strong>
  58.                     {{ producto.codigo }}</li>
  59.                 <li class="collection-item">
  60.                     <strong>
  61.                         <i class="material-icons left">attach_money</i>
  62.                         Precio Unitario:</strong>
  63.                     ${{ producto.precio }}
  64.                 </li>
  66.                 {% if producto.stock > 0 %}
  67.                     <li class="collection-item light-green accent-3">
  68.                         <strong>
  69.                             <i class="material-icons left">av_timer</i>
  70.                             Stock:</strong>
  71.                         {{ producto.stock }}
  72.                         Unidades
  73.                     </li>
  74.                 {% else %}
  75.                     <li class="collection-item red lighten-1">
  76.                         <strong>
  77.                             <i class="material-icons left">av_timer</i>
  78.                             Stock:</strong>
  79.                         {{ producto.stock }}
  80.                         Unidades
  81.                     </li>
  82.                 {% endif %}
  84.                 {% if is_granted('ROLE_ADMIN') %}
  86.                     {% if producto.activo == true %}
  87.                         <li class="collection-item light-green accent-3">
  88.                             <strong>
  89.                                 <i class="material-icons left">info</i>
  90.                                 ¿Esta a la Venta?: SI</strong>
  91.                         </li>
  92.                     {% else %}
  93.                         <li class="collection-item red lighten-1">
  94.                             <strong>
  95.                                 <i class="material-icons left">info</i>
  96.                                 ¿Esta a la Venta?: NO</strong>
  97.                         </li>
  98.                     {% endif %}
  100.                     {% if producto.destacado == true %}
  101.                         <li class="collection-item light-green accent-3">
  102.                             <strong>
  103.                                 <i class="material-icons left">info</i>
  104.                                 ¿Producto Destacado?: SI</strong>
  105.                         </li>
  106.                     {% else %}
  107.                         <li class="collection-item">
  108.                             <strong>
  109.                                 <i class="material-icons left">info</i>
  110.                                 ¿Producto Destacado?: NO</strong>
  111.                         </li>
  112.                     {% endif %}
  113.                 {% endif %}
  116.             </ul>
  117.         </div>
  118.         {# Detalles de Producto #}
  120.         {# Imagen del Producto #}
  121.         <div class="col s12 m4">
  122.             {% if producto.getPortada() %}
  123.                 {% set imagen = producto.getPortada() %}
  124.                 <img class="responsive-img imagenListadoProducto" src="{{ asset(imagen.url) }}">
  125.             {% else %}
  126.                 <img class="responsive-img imagenListadoProducto" src="{{ asset('img/imagen-no-disponible.png') }}">
  127.             {% endif %}
  128.         </div>
  129.         {# Imagen del Producto #}
  131.     </div>
  132.     {# Muestro el Producto #}
  134.     {# Muestro Descripcion del Producto #}
  135.     {% if producto.descripcionCompleta %}
  136.         <br>
  137.         <ul class="collection with-header redondearBordes">
  138.             <li class="collection-header">
  139.                 <strong>Descripcion</strong>
  140.             </li>
  141.             <li class="collection-item">
  142.                 <strong>
  143.                     <i class="material-icons left">info</i>
  144.                     Descripcion:</strong>
  145.                 {{ producto.descripcion }}</li>
  146.             {% if producto.descripcionCompleta|length > 105 %}
  147.                 <li class="collection-item">{{ producto.descripcionCompleta|raw }}</li>
  148.             {% endif %}
  149.         </ul>
  150.     {% endif %}
  151.     {# Muestro Descripcion del Producto #}
  153.     {# Galeria del Producto #}
  154.     {% if producto.getImagenes()|length > 0 %}
  155.         {# {% include "Producto/sliderProducto.html.twig"  with { 'producto': producto ,'mensaje' : 'Galeria del Producto'  } %} #}
  156.         {% include "Producto/galeria.html.twig"  with { 'producto': producto} %}
  157.     {% endif %}
  158.     {# Galeria del Producto #}
  161.     {# Categorias de Producto #}
  162.     {% if producto.getCategorias()|length > 0 %}
  163.         {% include "Producto/listarCategorias.html.twig"  with { 'producto': producto } %}
  164.     {% endif %}
  165.     {# Categorias de Producto #}
  168.     {# Botones de Direccionamiento #}
  169.     <div class="offset-s2 col s8 offset-s2">
  170.         <center>
  171.             <a href="{{ path('producto') }}" class="waves-effect waves-light btn colorOficial white-text">
  172.                 <i class="material-icons left">assignment</i>Volver
  173.             </a>
  174.             <a href="{{ path('index') }}" class="waves-effect waves-light btn colorOficial white-text">
  175.                 <i class="material-icons left">home</i>Volver al Home
  176.             </a>
  177.         </center>
  178.     </div>
  179.     {# Botones de Direccionamiento #}
  181.     <br>
  182.     <br>
  184. {% endblock %}