{include file="includes/header.html"} 
{include file="includes/header-holder.html"}

<main class="main" id="main">
  {include file="includes/menu.html"}

  <div id="fullpagePrimary">
    <section class="section page comparison">
      <div class="wrapper">
        <div class="content">
    
          <div class="content-wrapper">
            {include file="includes/breadcrumbs.html"}

            <div class="content-container">
              <a href="javascript:void(0)" onclick="window.history.back();" class="back back-2">Powrót</a>
              {if !$product}
              <div class="heading-custom">Brak produktów do porównania.</div>                  
              {else}
              <div class="heading-custom">Do porównania dołaczyłeś następujące produkty:</div>

              <div class="products-table-wrapper" id="products-table-wrapper">
                <div class="table-arrows">
                  <div class="btn btn--arrow btn-left"></div>
                  <div class="btn btn--arrow btn-right"></div>
                </div>

                <table class="products-table">
                  <tbody>
                    <tr class="tr-model-1">
                      <th><div class="th-heading">model</div></th>
                     {foreach $product['wariants'] as $k=>$item}
                      <td>
                        <img src="{image f=$elements_graphics[$item[0].id_variant][0].filename return='path' w=300 h=204}" alt="" class="img-responsive product-img">
                        <a href="{seoLink id_element=$item[0].id withParents=1 withCategories=1}" class="btn btn--text-arrow">
                          {$item[0].wariant_name} 
                          <div class="btn btn--arrow"></div>
                        </a>
                        <div class="descr">{$item[0].short_content}</div>
                      </td>
                      {/foreach}

                    </tr>
                    <tr class="tr-model-2">
                      <th><div class="th-heading">parametry techniczne:</div></th>
                       {foreach $product['wariants'] as $k=>$item}
                        <td>
                            <div class="model">{$item[0].wariant_name}</div>
                        </td>
                       {/foreach}
                      
                    </tr>
                    {foreach $fields_values as $key=>$item}
                    <tr>
                      <th>{$key}:</th>  
                      {foreach $item as $id=>$value}
                      <td>{if $value}{$value}{else}&nbsp;{/if}</td>
                      {/foreach}
                    </tr>
                    {/foreach}                    
 
                    <tr>
                      <th>Dodaj do koszyka <br class="visible-xs-block">/ usuń z porównywarki</th>
                      {foreach $product['wariants'] as $k=>$item}
                      <td>
                        <div class="btn-wrapper">
                          <a  href="javascript:void();" onclick="xajax_exe('BasketModule-xajaxBasketAdd',{$item[0].id_variant},1);" class="btn add-to-cart"></a>
                          <a href="javascript:void();" onclick="xajax_exe('ProductModule-xajaxComparerRemove',{$item[0].id_variant});" class="btn remove-from-comparison"></a>
                        </div>
                      </td>
                      {/foreach}
                      {*<td>
                        <div class="btn-wrapper">
                          <a href="#" class="btn add-to-cart"></a>
                          <a href="#" class="btn remove-from-comparison"></a>
                        </div>
                      </td>
                      <td>
                        <div class="btn-wrapper">
                          <a href="#" class="btn add-to-cart"></a>
                          <a href="#" class="btn remove-from-comparison"></a>
                        </div>
                      </td>*}
                    </tr>
                  </tbody>
                </table>
              </div>
              {/if}          
            </div>

          </div>    
        </div>
      </div>
    </section>
  </div>
  <!-- /#fullpage -->
</main>

{include file="includes/footer-holder.html"} 
{include file="includes/footer.html"}