[% title = "Accessory Shop" %]
[% keywords = "astronomy, earth science, development, testing, teaching, affordable, astronomy education, night sky, planetary science, streaming" %]
[% description = "Parts for portable planetarium systems." %]

[% PROCESS header.html %]

<section class="top-section">
  <div class="content">

    <h2 id=head>Accessory Shop</h2>


    <P>Purchase accessories for your planetarium here in our online shop.
      Checkout is through PayPal, which allows payment by credit card.  No PayPal account is required.  <b>We ship to US and Canadian addresses and require a minimum order size of $100.</b>
    </p>

    <p>
      All items are new and, in addition to any manufacturer warranty, can be exchanged within 30 days if defective with an RMA number.
      Orders usually ship within 3 business days and are shipped by USPS or UPS.  
      Transit time is typically 3-10 days.
    </p>
    
    <p>
      Washington State shipping addresses: Due to complex sales tax rules, we will 
      calculate the sales tax due and send you an updated order total to 
      confirm before accepting your order.  
    </p>
  </div>
</section>

<section>
  <div class="content u-text-right">
    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" >
      <input type="hidden" name="cmd" value="_cart">
      <input type="hidden" name="business" value="YBH2J5RW3DR6E">
      <input type="hidden" name="display" value="1">
      <input type="submit" name="submit" value="View Cart" alt="View Cart" class="btn-info">
      <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>
  </div>
</section>

<section>
  <div class="content">

    <hr>

    [% FOREACH product IN data.shop %]

    <div class="row mb-2">
      <div id="[% product.id -%]" class="col-sm-6 u-flex-column u-justify-center">

	<h5 class="lead mb-1 font-bold">[% product.title -%]</h5>

	<p>$[% product.price -%] with free shipping.</p>

	<p>[% product.paypal -%]</p>

      </div>
	
      <div class="col">
	<img class="product-image" src="[% product.image -%]">
      </div>
    </div>

    <div class="row mb-1">
	
	[% product.content -%]

    </div>

    <hr>

    [% END %]

  </div>
</section>



[% PROCESS footer.html %]