#set($productimage = $mediaarchive.getAsset($product.image))
#set( $msize = "$home$cataloghome/downloads/preview/medium/$productimage.sourcepath/thumb.jpg")

<div class="row">
	<div class="col-md-12">
		<ol class="breadcrumb">
		  <li><a href="$home$apphome$storehome/">All products</a></li>
		  #if($product.productcategory)
			#set($cat = $mediaarchive.getData("productcategory", $product.productcategory))
			  <li><a href="$apphome$storehome/search/fieldsearch.html?field=productcategory&productcategory.value=${cat.id}&operation=exact">$!cat.name</a></li>
		  #end
		</ol>
	</div>
</div>

<div class="row">
   <div class="col-md-3">
	     <a href="#" class="ajaxDialog" data-title="$product.name" data-target="$home$apphome$storehome/layout/imagelarge.html?productid=${product.id}">
	        <img class="featurette-image img-fluid" src="$msize" data-src="holder.js/500x500/auto" alt="500x500">
	     </a>
		<p>
			<a href="#" class="ajaxDialog" data-title="$product.name" data-target="$home$apphome$storehome/layout/imagelarge.html?productid=${product.id}">
				<span class="fas fa-zoom-in">Zoom</span>
			</a>
		</p>
				#if($product.apprequired == "true")
		
		
		
							$pages.include("$apphome$storehome/layout/productpages/applicationflow.html", $context)
		
		#end
		
	</div>
	<div class="col-md-9">
		<h2 class="featurette-heading">$product.getName() <span class="text-muted">$!product.tagline</span></h2>
	  	
	  	##$pages.include("$apphome$storehome/products/${product.id}.html")
		
		#if($canedit)
		  <a class="oe-dataedit" data-target="#edit-$product.id"  href="#">Edit</a>
		#end
		
        <div  id="edit-$product.id" data-dataid="$product.id" data-field="descrip" data-searchtype="product">
       		$!product.descrip 
        </div>
        
       	###$pages.stream("$apphome$storehome/layout/productsizeandcolors.html")
		$pages.stream("$apphome$storehome/layout/productoptions.html")
		####$pages.stream("$apphome$storehome/layout/learninggroups.html")
	
		#if ( $product.isOnSale() )
			Regularly $product.getRetailPrice()<br>
			<div class="sale_price">On Sale! $product.getYourPrice()</div>
		#else
			<h4>Price: $product.getYourPrice()</h4>
		#end
		
		
		
#if($classinfo)
		
		
		
<div class="list-group">
<ul class="list-group-item active">
    <h4 class="list-group-item-heading">Additional Course Info ***MAKE THESE INLINE EDITABLE***</h4>
    
  </ul>
  
  <ul href="#" class="list-group-item ">
    <h4 class="list-group-item-heading">Pre Requisites</h4>
    <p class="list-group-item-text">$!product.pre-requisites</p>
  </ul>
  
   <ul href="#" class="list-group-item ">
    <h4 class="list-group-item-heading">Audience</h4>
    <p class="list-group-item-text">$!product.audience</p>
  </ul>
   <ul href="#" class="list-group-item ">
    <h4 class="list-group-item-heading">Audience</h4>
    <p class="list-group-item-text">$!product.deliverytype</p>
  </ul>
   <ul href="#" class="list-group-item ">
    <h4 class="list-group-item-heading">Course Objectives</h4>
    <p class="list-group-item-text">$!product.courseobjectives</p>
  </ul>
  
  
</div>
		#end
		
		
		
				
			
		$pages.stream("$apphome$storehome/layout/learninggroups.html?readonly=$lgreadonly", $context)
	
	
	
	
        </div>
       
      </div>