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

#if($product.banner)
#set( $bannerurl = $mediaarchive.asLinkToPreview($productbanner,"image1920x1080.jpg"))

<div class="card bg-dark text-white mb-2">
	<img src="$bannerurl" class="card-img" alt="$!productbanner.longcaption"/>
	<div class="card-img-overlay d-flex align-items-center justify-content-center">

		<h1 class="card-title ">$product.name</h1> <!--  Not sure about this change... -->
	</div>
</div>
#end

	


#if($testbench.getClassesForProduct($product))
#set($lg = $testbench.getClassesForProduct($product).get(0))
#end
		#set($quantity = $testbench.getRemainingCap($lg))
		#if(!$quantity)
			#set($quantity = 0)
		#end
		          #if(($lg.capped == "true" && $quantity > 0) || $lg.capped=="false" || !$lg.capped)
	
		
<div class="container-md p-2">


<div class="card shadow-lg  mb-5">
  <div class="card-header">
 <h5>  $product.name</h5>
  </div>
  <div class="card-body">
 
    <div class="card-text">
    
    #if($canedit)
		  <a class="oe-dataedit" data-target="#edit-$product.id"  href="#">Edit</a><a class="" data-target="#edit-$product.id"  href="$apphome/views/modules/product/edit/edit.html?id=${product.id}&viewid=productproduct_details&viewpath=product/productproduct_details&hitssessionid=hitsproducttestbench/system&searchtype=product">Manage</a>
		#end
		
        <div class="lead" id="edit-$product.id" data-dataid="$product.id" data-field="descrip" data-searchtype="product">
       		
       		$!product.descrip
       		
        </div>
        
        $pages.include("$apphome/products/${product.id}.html")
    
    </div>
    
   
    #foreach ($price in $prices)
            <li>
                $!price.getUnitAmount() / 100 $!price.getCurrency().toUpperCase() 
                - Billing Interval: $!price.getRecurring().getInterval() 
                (Every $!price.getRecurring().getIntervalCount() $!price.getRecurring().getInterval())
                 <a class="btn btn-success btn-lg " href="$apphome/views/cart/checkout/setupsubscription.html?productid=${product.id}&lg=$lg.id&priceid=${price.id}">Register now for $!product.name</a>
            </li>
        #end
   
       
   
  
#if($product.getYourPrice().isZero())
#if($user)
       <form name="whatever"  class="oeinputform force-validate-inputs detaileditor" action="$apphome/views/cart/checkout/free.html">
        #set($extradetails = $store.createDetailsForProduct($product))
              #if($extradetails && $extradetails.size() >0)
       <h3>Purchase Options</h3>
       $pages.include("$apphome/views/cart/layout/productpages/extradetails.html", $context)
           #end
              <input class="btn btn-primary" type="hidden" name="productid" value="$product.id"/>
         <input type="hidden" name="lg" value="$product.classlist"/>
          
             <div class="d-grid gap-2">
          
            <input class="btn btn-success btn-lg " type="submit" value="Register for $product.name instantly.  Click here"/>
            </div>
           
         </form>
                
         </div>
         
       </div>
 #else
 <div class="container">
  <div class="row align-items-start">
   
   <div class="col">
        <div class="d-grid gap-2">
   
    <a class="btn btn-success btn-lg " href="$apphome/views/modules/user/registration/index.html?productid=${product.id}&lg=$lg.id">Register now for $!product.name</a>
    </div>
   </div>
   <div class="col">
     <div class="d-grid gap-2">
    <a class="btn btn-success btn-lg " href="$apphome/authentication/login.html?productid=${product.id}&lg=$lg.id">Already have an account with us?  Sign in here to register.</a>
    </div>
   </div>
  </div>
  #end #else #if ( $product.isOnSale() )
  <del>Regularly $product.getRetailPrice()</del>
  <br> <strong>On Sale! $product.getYourPrice()</strong> #else <strong>Price: $product.getYourPrice()</strong> #end



  <form name="whatever" class="oeinputform force-validate-inputs detaileditor" action="$apphome/views/cart/checkout/checkout.html">
   #set($extradetails = $store.createDetailsForProduct($product)) #if($extradetails && $extradetails.size() >0)
   <h3>Purchase Options</h3>
   $pages.include("$apphome/views/cart/layout/productpages/extradetails.html", $context) #end <input class="btn btn-primary" type="hidden" name="productid" value="$product.id" /> <input type="hidden"
    name="lg" value="$product.classlist" />

   <div class="d-grid gap-2">

    <input class="btn btn-success btn-lg " type="submit" value="Get Started Today!" />
   </div>

  </form>

 </div>
 <div class="card-footer ">
    #if($product.isOnSale()) <h5 class="text-danger"> $!simplereplacer.replace("Hurry!  [[Sale date ends]] ${saledate}", $productmap )</h5> #end
  </div>
</div>
#end







<div class="card shadow-lg mb-5">
  <div class="card-header">
    
  
  
   
 

    
   
  </div>
  <div class="card-body">
  <div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">$pages.include("$apphome/products/${product.id}-overview.html")</div>
 ## <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">$pages.include("$apphome/products/${product.id}-features.html")</div>
   ## <div class="tab-pane fade" id="additional" role="tabpanel" aria-labelledby="additional-tab">$pages.include("$apphome/products/${product.id}-extra.html")</div>
  
</div>
  </div>
</div>





<div class="card shadow-lg  mb-5">
  <div class="card-header">
 <h5>  $product.name</h5>
  </div>
  <div class="card-body">
 
   
   
#if($product.getYourPrice().isZero())




#else
<form name="whatever"  class="oeinputform force-validate-inputs detaileditor" action="$apphome/views/cart/checkout/checkout.html">
	#set($extradetails = $store.createDetailsForProduct($product))
 						#if($extradetails && $extradetails.size() >0)
<h3>Purchase Options</h3>
$pages.include("$apphome/views/cart/layout/productpages/extradetails.html", $context)
				#end
			 			<input class="btn btn-primary" type="hidden" name="productid" value="$product.id"/>
		<input type="hidden" name="lg" value="$product.classlist"/>
			<div class="d-grid gap-2">
			
	 			<input class="btn btn-success btn-lg " type="submit" value="Start Now!"/>
	 			</div>
	 		
	 </form>
	 			    
  </div>
  <div class="card-footer ">
    #if($product.isOnSale()) <h5 class="text-danger"> $!simplereplacer.replace("Hurry!  [[Sale date ends]] ${saledate}", $productmap )</h5> #end
  </div>
</div>

#end

</div>


#else

Sorry we're sold out!


#end