{include file="templates/pages/product/elements/element-product-title.html"}
{include file="templates/pages/product/elements/head.html"}
<div data-role="content">
{include file="templates/pages/product/elements/element-image.html"}
{include file="templates/pages/product/elements/element-description.html"}
{**include file="templates/pages/product/elements/element-price.html"**}
{include file="templates/pages/product/elements/element-product-id.html"}
{include file="templates/pages/product/elements/element-manufacturer-name.html"}
{include file="templates/pages/product/elements/element-weight.html"}
{include file="templates/pages/product/elements/element-shipping-price.html"}
{include file="templates/pages/product/elements/element-case-pack.html"}
{include file="templates/pages/product/elements/element-special-offer.html"}
{include file="templates/pages/product/elements/element-social.html"}
{section name=list loop=$product_flavors}
                <form name="frmAddItem" action="{$url_https}" method="post" onSubmit="return CheckAddProductAlt(this, '0', '-', '-')">
{strip}
<div class="sub_products_items">
<div class="sub_product_block">
                        <div class="sub_product_img">
                        {if $product_flavors[list].flavor_icon_filename != null}
                            <img src="{$skin_images}products/flavors/{$product_flavors[list].flavor_icon_filename}">{else}<img src="{$skin_images}products/flavors/default.jpg">{/if}
                        </div>
                        <div class="sub_product_title">
                        <strong>{if $product_flavors[list].flavor_name != null}{$product_flavors[list].flavor_name}{else}Unknown Product Type<br />{/if}</strong><br />
                            <span class="style1">{if $product_flavors[list].flavor_description != null}{$product_flavors[list].flavor_description}<br />{else}{/if}</span><span class="style1">Item: {$product_flavors[list].product_id}</span>
                               {if $product_flavors[list].digital_product !='No'}<br><span>   <a href="http://www.songsforteaching.com/childrensmusicdownloads/about.htm" target="_blank">Important Download Information</a></span>{/if}
                        </div>
                    </div>
<div class="sub_product_block">
                    <div class="sub_product_price">
                        ${$product_flavors[list].price|number_format:2:".":","}
                        </div>
                    <div class="sub_product_attributes">
                        {if !$is_print_version}
                            <div>
                            {if ($product.call_for_price != "Yes") && (($auth_ok == "yes") || (($VisitorSeePrice == "YES") && ($VisitorMayAddItem == "YES")))}
                                {if $product_flavors[list].out_of_stock}
                                    <div class="product-out-of-stock">{$msg.catalog.out_of_stock}</div>
                                {else}
                                    <div class="fieldset {class file=$smarty.template editable=true}">
    <!--form name="frmAddItem" action="{$url_http}" method="post" onsubmit="return CheckAddProduct(this, '{if $product.min_order>0}{$product.min_order}{else}1{/if}', '{if $product.max_order>0}{$product.max_order}{else}-{/if}', '{if $product.allowed_max>0}{$product.allowed_max}{else}-{/if}')"-->
                                        <input type="hidden" name="oa" value="{$ORDER_ADD_ITEM}"/>
                                        <input type="hidden" name="ua" value=""/>
    <!--input type="hidden" name="oa_id" value="{$product.product_id|htmlspecialchars}"/-->
                                        <input type="hidden" name="oa_id[]" value="{$product_flavors[list].product_id|htmlspecialchars}"/>
    <!--input type="hidden" name="pid" value="{$product.pid}"/-->
                                        <input type="hidden" name="pid[]" value="{$product_flavors[list].pid}"/>
                                        {assign var="firstInput" value="true"}
                                        {if !empty($product.attributes)}
                                            {foreach from=$product.attributes item=attribute}
                                                <div class="product-attribute clearfix field{if $firstInput == true} first{/if}">
                                                    <label>{$attribute.caption|htmlspecialchars}</label>
                                                <div>
                                                {if $attribute.attribute_type == "select"}
                                                <select id="attribute_input_{$attribute.paid}" name="oa_attributes[{$attribute.paid}]" onChange="calcAttrPrice()">
                                                {foreach from=$attribute.options item=option}
                                                <option value="{$option.name|urlencode}">{$option.name}{if $attribute.is_modifier == "Yes"}{$option.modifier}{/if}</option>
                                                {/foreach}
                                                </select>
                                                {elseif $attribute.attribute_type == "radio"}
                                                {foreach from=$attribute.options item="option"}
                                                {if !$option.first}<br />{/if}
                                                <input type="radio" id="attribute_input_{$attribute.paid}" name="oa_attributes[{$attribute.paid}]" onClick="calcAttrPrice()" value="{$option.name|urlencode}" {if $option.first}checked="checked"{/if}/> 
                                                {$option.name}
                                                {if $attribute.is_modifier == "Yes"}{$option.modifier}{/if}
                                                {/foreach}
                                                {else}
                                                {if $attribute.attribute_type == "textarea"}
                                                    <textarea wrap="off" name="oa_attributes[{$attribute.paid}]" rows="{$attribute.text_length}" cols="40"></textarea>
                                                {else}
                                                    <input type="text" name="oa_attributes[{$attribute.paid}]" value="" maxlength="{$attribute.text_length}"/>
                                                {/if}
                                                {/if}
                                                </div>
                                                </div>
                                                {assign var="firstInput" value=false}
                                            {/foreach}
                                        {/if}
                                        {include file="templates/pages/product/elements/element-special-offer-quantity.html"}
                                        {if $oa_quantity> $product.min_order}
                                            {assign var="pq" value=$oa_quantity}
                                        {else}
                                            {if $product.min_order> 0}
                                                {assign var="pq" value=$product.min_order}
                                            {else}
                                                {assign var="pq" value=1}
                                            {/if}
                                        {/if}
                                        {if $product_flavors[list].flavor_small_filename != null}
                                            <div class="mini-icon"><img src="{$skin_images}products/flavors/thumbs/{$product_flavors[list].flavor_small_filename}" align="absmiddle"></div>
                                        {else}
                                            <div class="mini-icon"><img src="{$skin_images}products/flavors/thumbs/default.jpg" align="absmiddle"></div>
                                        {/if}&nbsp;&nbsp;
                                        <select name="oa_quantity[]"  style="width:60px; font-size:150%; color:#999999; font-weight:bold; text-align:center; height:30px;">
                                        {section name=myQuan start=1 loop=101 step=1}
                                            <option value="{$smarty.section.myQuan.index}">{$smarty.section.myQuan.index}</option>
                                        {/section}
                                        </select><br />
                                        <strong>{$product_flavors[list].flavor_quantity_box_description}</strong>
                                        <!--buttons original location-->
                                        {if $product.min_order> 1 || $product.max_order> 0}
                                            <div class="hint">{$msg.product.min_max_order}: {product_minmax_order min_order=$product.min_order max_order=$product.max_order}</div>
                                        {/if}
                                    </div>
                                    <div class="buttons invisible" id="div-out-of-stock">{$msg.product.attribute_out_of_stock}</div>
                                {/if}
                            {else}
                                <div class="spacer msg-notice">
                                {if $product.call_for_price == "No" && $AllowCreateAccount != "No"}
                                    {$msg.product.to_see_price}
                                    <ul class="list">
                                        <li><a href="{$url_dinamic}p=login">{$msg.account.login}</a></li> 
                                        <li><a href="{$url_dinamic}p=signup">{$msg.account.register}</a></li>
                                    </ul>
                                {else}
                                    {$msg.product.call_for_price}
                                {/if}
                                </div>
                            {/if}
                            </div>
                        {/if}
</div>
                    </div>
<div class="sub_product_cart">{button class="button-add-to-cart" text="Add to Cart" file=$smarty.template}</div>
</div>
</form>
{literal}
                <p align="center">
                <script type="text/javascript">
                google_ad_client = "pub-5568920244551410";
                google_ad_slot = "9003916935";
                google_ad_width = 728;
                google_ad_height = 90;
                </script>
                <script type="text/javascript"
                src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
                </script>&nbsp;</p>
                {/literal}
{/strip}
{/section}
</div>
{**include file="templates/pages/product/elements/element-purchase.html"**}
<div data-role="content">
{include file="templates/pages/product/elements/element-blocks.html"}
{include file="templates/panels/panel-account-profile.html"}
{include file="templates/panels/panel-site-pages.html"}
</div>