{% extends 'partials/base.html.twig' %}

{% block content %}

{{ parent() }}

<div class="content-wrapper">
  {% set snipcart_image = page.media.images|first %}
  
  <div id="snipcart-detail" class="block-group">
    
    {{ page.order|trim('.') }}
    
    <div class="snipcart-info block">
      <div class="snipcart-thumb">
        {% if snipcart_image %}
        {{ snipcart_image.cropResize(400,400).html(page.header.title,'snipcart-thumb-image')|raw }}
        {% endif %}
        <span class="snipcart-price">
          €{{ page.header.price }}
        </span>
      </div>
      <p>
        {% include 'partials/snipcart_button.html.twig' %}
        
        <i class="fa fa-shopping-cart"></i> Añadir al Carrito
</a>
</p>
</div>
<div class="snipcart-details block">
  <h1>{{ page.header.title }}</h1>
  
  <p>{{ page.content|raw }}</p>
  
</div>

</div>

</div>
{% endblock %}
