<div class="row">
  <div class="col-lg-9 col-md-8">

    <div class="panel panel-default">
      <div class="panel-body">
        <i class="fa fa-cube fa-fw"></i> <b>{$PRODUCT->name}</b><hr>
        {$INTRO | noescape}
      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <i class="fa fa-globe fa-fw"></i> {$TEXT[11]}
      </div>
      <div class="panel-body">
        {$URL}
      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <i class="fa fa-info-circle fa-fw"></i> {$TEXT[5]}
      </div>
      <div class="panel-body">
        {$INFO | noescape}
      </div>
    </div>

    <div class="back_button">
      <a class="btn btn-default" href="{$META['basehref']}?p=products"><i class="fa fa-chevron-left fa-fw"></i> {$TEXT[6]}</a>
    </div>

  </div>
  <div class="col-lg-3 col-md-4">
    <div class="panel panel-default menuboxarea">
      <div class="panel-heading">
        <i class="fa fa-save fa-fw"></i> {$TEXT[7]}
      </div>
      <div class="panel-body">
        <button class="btn btn-primary btn-block" type="button" data-dl="{$PRODUCT->id}"><i class="fa fa-download fa-fw"></i> <span class="xs-hidden">{$TEXT[8]}</span></button>
      </div>
    </div>
    <div class="panel panel-default menuboxarea">
      <div class="panel-heading">
        <i class="fa fa-code fa-fw"></i> {$HTEXT[9]}
      </div>
      <div class="panel-body affcode">
        <p>{$CODE}</p>
      </div>
    </div>

    {include 'right-panel.tpl'}
    
  </div>
</div>