{% extends 'base.html.twig' %}
{% set title = 'Chocolates' %}
{% block body %}
<div class="row row-fluid">
<div class="choc-img">
<img alt="{{ chocArray[0].SectionName }}"
src="{{ asset('build/Stix.gif') }}"/>
<br/>{{ chocArray[0].SectionName }}
</div>
{% if chocArray[0].ProductEnabled == 1 %}
<div class="prod_price_desc">
{{ chocArray[0].SectionDescription }}
</div>
<div class="prod_price_desc">
<div>
<div class="price_left">1/4-lb. box</div>
<div class="price_right">{{ chocArray[0].ProductCost|format_currency('USD') }}</div>
</div>
<div>
<div class="price_left">1/2-lb. box</div>
<div class="price_right">{{ chocArray[1].ProductCost|format_currency('USD') }}</div>
</div>
<div>
<div class="price_left">1-lb. box</div>
<div class="price_right">{{ chocArray[2].ProductCost|format_currency('USD') }}</div>
</div>
<div>
<div class="price_left">2-lb. box</div>
<div class="price_right">{{ chocArray[3].ProductCost|format_currency('USD') }}</div>
</div>
<div>
<div class="price_left">3-lb. box</div>
<div class="price_right">{{ chocArray[4].ProductCost|format_currency('USD') }}</div>
</div>
</div>
{% else %}
<h3 style="text-align: center;">At the present time, we are SOLD OUT of Chocolate Stix.</h3>
{% endif %}
</div>
{# <div class="row row-fluid">
<div class="choc-img">
<img alt="{{ chocArray[5].SectionName }}" src="{{ asset('build/Assortchoc.gif') }}"/>
<br/>{{ chocArray[5].SectionName }}
</div>
{% if chocArray[5].ProductEnabled == 1 %}
<div class="prod_price_desc">
A little bit of everything: coconut, vanilla, lemon and maple crèmes, mint patties, peanut clusters, caramels, crunchies and Al-Meda's Famous Chocolate Stix.
</div>
<div class="prod_price_desc">
<div>
<div class="price_left">1/2-lb. box</div>
<div class="price_right">${{ chocArray[5].ProductCost }}</div>
</div>
<div>
<div class="price_left">1-lb. box</div>
<div class="price_right">${{ chocArray[6].ProductCost }}</div>
</div>
<div>
<div class="price_left">2-lb. box</div>
<div class="price_right">${{ chocArray[7].ProductCost }}</div>
</div>
</div>
{% else %}
<h3 style="text-align: center;">At the present time, we are SOLD OUT of Assorted Chocolates.</h3>
{% endif %}
</div> #}
<div class="row row-fluid">
<div class="choc-img">
<br/>{{ chocArray[8].SectionName }}
</div>
{% if chocArray[8].ProductEnabled == 1 %}
<div class="prod_price_desc">
{{ chocArray[8].SectionDescription }}
</div>
<div class="prod_price_desc">
<div>
<div class="price_left">1/4-lb. box</div>
<div class="price_right">{{ chocArray[8].ProductCost|format_currency('USD') }}</div>
</div>
<div>
<div class="price_left">1/2-lb. box</div>
<div class="price_right">{{ chocArray[9].ProductCost|format_currency('USD') }}</div>
</div>
<div>
<div class="price_left">1-lb. box</div>
<div class="price_right">{{ chocArray[10].ProductCost|format_currency('USD') }}</div>
</div>
<div>
<div class="price_left">2-lb. box</div>
<div class="price_right">{{ chocArray[11].ProductCost|format_currency('USD') }}</div>
</div>
</div>
{% else %}
<h3 style="text-align: center;">At the present time, we are SOLD OUT of Mints.</h3>
{% endif %}
</div>
<div class="row row-fluid">
<div class="choc-img">
<img alt="{{ chocArray[10].SectionName }}" src="{{ asset('build/Bitsnpieces.gif') }}"/>
<br/>{{ chocArray[12].SectionName }}
</div>
{% if chocArray[12].ProductEnabled == 1 %}
<div class="prod_price_desc">
{{ chocArray[12].SectionDescription }}
<p style="font-size: x-small; text-align: center">{{ chocArray[12].ProductCost|format_currency('USD') }} per bag</p>
</div>
{% else %}
<h3 style="text-align: center;">At the present time, we are SOLD OUT of Bits 'N Pieces.</h3>
{% endif %}
</div>
<div class="row row-fluid">
<div class="choc-img">
<br/>{{ chocArray[13].SectionName }}
</div>
<div class="prod_price_desc">
{{ chocArray[13].SectionDescription }}
</div>
{% if chocArray[13].ProductEnabled == 1 %}
<div class="prod_price_desc">
<div class="price_left">3/4-lb. box</div>
<div class="price_right">{{ chocArray[13].ProductCost|format_currency('USD') }}</div>
<div class="price_left">1.5-lb. box</div>
<div class="price_right">{{ chocArray[14].ProductCost|format_currency('USD') }}</div>
</div>
{% else %}
<h3 style="text-align: center;">At the present time, we are SOLD OUT of Marshmallows.</h3>
{% endif %}
</div>
<div class="row row-fluid">
<div class="choc-img">
<br/>{{ chocArray[15].SectionName }}
</div>
{% if chocArray[15].ProductEnabled == 1 %}
<div class="prod_price_desc">
{{ chocArray[15].SectionDescription }}
</div>
<div class="prod_price_desc">
<div class="price_left">1-lb. bag</div>
<div class="price_right">{{ chocArray[15].ProductCost|format_currency('USD') }}</div>
{% else %}
<h3 style="text-align: center;">At the present time, we are SOLD OUT of Pretzels.</h3>
{% endif %}
</div>
</div>
<div class="row row-fluid">
<div class="choc-img">
<br/>{{ chocArray[17].SectionName }}
</div>
{% if chocArray[17].ProductEnabled == 1 %}
<div class="prod_price_desc">
{{ chocArray[17].SectionDescription }}
</div>
<div class="prod_price_desc">
<div>
<div class="price_left">1/2-lb. box</div>
<div class="price_right">{{ chocArray[17].ProductCost|format_currency('USD') }}</div>
</div>
<div>
<div class="price_left">1-lb. box</div>
<div class="price_right">{{ chocArray[18].ProductCost|format_currency('USD') }}</div>
</div>
<div>
<div class="price_left">2-lb. box</div>
<div class="price_right">{{ chocArray[19].ProductCost|format_currency('USD') }}</div>
</div>
<div>
<div class="price_left">3-lb. box</div>
<div class="price_right">{{ chocArray[20].ProductCost|format_currency('USD') }}</div>
</div>
</div>
{% else %}
<h3 style="text-align: center;">At the present time, we are SOLD OUT of Mixed Nuts.</h3>
{% endif %}
</div>
<div class="row row-fluid">
<div class="choc-img">
<br/>{{ chocArray[16].SectionName }}
</div>
<div class="prod_price_desc">
{{ chocArray[16].SectionDescription }}
</div>
<div class="prod_price_desc">
<div>
<div class="price_left">8-oz bag</div>
<div class="price_right">{{ chocArray[16].ProductCost|format_currency('USD') }}</div>
</div>
</div>
<div style="font-size: 9pt; padding-top: 5px; text-align: center; width: 100%;">
(Buy 2, get 1 free -- while supplies last!)
</div>
</div>
{% endblock %}