{$header}

<div class="osahan-breadcrumb">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-12">
            <ol class="breadcrumb mt-1">
               <li class="breadcrumb-item"><a href="/">Domov</a></li>
               <li class="breadcrumb-item active">Konfigurator</li>
            </ol>
         </div>
      </div>
   </div>
</div>



<section class="computer">
  <div class="container">
    <div class="row">

      <!-- left side -->
    <div class="col-md-3">
      <div class="widget blog-sidebar mb18">      
        <div class="sidebar-widget">

        <!-- active confiugration -->
        {literal}
        <script type="text/javascript">
        {/literal}
        var url = "{$SITE_URL}";
        {if $FROM_CONFIG == 1}
          var from_config = 1;
        {else}
          var from_config = 0;
        {/if}

        {if $FROM_ITEMS == 1}
          var from_items = 1;
        {else}
          var from_items = 0;
          {/if}
          {literal}
          $(document).ready(function() {
            loadSideBar();
            if (from_items == 1) {
              countFilter(items_string);
              totalCountFilter(items_string);
            }
          });

          function loadSideBar() {
            {/literal}
            {php} $date= microtime(true); {/php}
            {literal}
            var surl = url+"/sidebar/redirect/{/literal}{php}echo $date;{/php}{literal}";
            $("div#side_bar").load(surl);
          }

          function makeActive(id) {
            var surl = url+"/sidebar/make_active_config/";

            $.post(surl,
            {id: id},
            function(data) {
              $("#side_bar").html(data);
            });

            if (from_config == 1) {
              window.location = url+"/computer/configuration/"+id;
            }

          }

          function deleteConfiguration(id) {
            var surl = url+"/sidebar/remove_from_config";
            $.post(surl,
            {id: id},
            function(data){
              $("#side_bar").html(data);
            });

          }

          function inCart(id) {
            var surl = url+"/sidebar/add_to_cart";
            $.post(surl,
            {id: id},
            function(data){
              $("#side_bar").html(data);
              getCart();
            });
          }

          function removeFromCart(id) {
            var surl = url+"/sidebar/remove_item_from_cart";
            $.post(surl,
            {id: id},
            function(data){
              $("#side_bar").html(data);
              getCart();
            });
          }

         function openModal(url) {
			$.get( url, function( data ) {
			  $( "#exampleModalBody" ).html( data );
			  $('#itemmodal').modal({});
			});
	   }

        </script>
        {/literal}
            
        <table>
          <td width="200" valign="top">
            <map name="components">
            <area shape="poly" coords="58,81,65,76,73,81,65,87" alt="CPU"  nohref="nohref" />
            <area shape="poly" coords="14,89,29,80,43,88,27,98" alt="disk"  nohref="nohref" />
            <area shape="poly" coords="63,17,77,8,93,18,93,28,79,37,62,27" alt="napajalnik"  nohref="nohref" />
            <area shape="poly" coords="57,42,77,54,77,68,73,68,56,58" alt="graficna"  nohref="nohref" />
            <area shape="poly" coords="75,71,91,62,99,71,84,81" alt="ram"  nohref="nohref" />
            <area shape="poly" coords="10,32,34,16,50,25,50,62,27,76,10,67" alt="ohisje"  nohref="nohref" />
            </map>

            <div id="side_bar"></div>

            </td>
          </tr>
        </table>
        <!-- // end active configuration -->

        </div>
      </div>
    </div>



    <!-- right side -->
    <div class="col-md-9">


  	{section name='configs' loop=$CONFIGS}

    <hr />	
  	<div class="row">

      <div class="col-sm-2 h-100">
  			<a href="{$SITE_URL}/computer/configuration/{$CONFIGS[configs].id}" title="Konfiguracija">
  				<img src="{$CONFIGS[configs].url}" alt="Slika konfiguracije {$CONFIGS[configs].title}" />
  			</a>
  		</div>

      <div class="col-sm-7 mt-2">
  		    <a class="lead lead-sm" href="{$SITE_URL}/computer/configuration/{$CONFIGS[configs].id}">{$CONFIGS[configs].title}</a>
  		    <div class="item_desc">{$CONFIGS[configs].description}</div>	
  		    <div class="brand mb-2">Znamka: sestavi.si</div>
  		</div>

      <div class="col-sm-3">
  			<div class="text-center">Že od</div>
  			<h4 class="product-price text-center">&euro; {$CONFIGS[configs].price|number_format:2:',':'.'}</h4>
  		</div>


    </div>		

  	{/section}

    </div>
  </div>
</div>
<p>&nbsp;</p>
</section>

{$footer}

<!-- computer.tpl -->