<?php include 'include/header.php' ?>

<!--Product Single Section-->
<section class="product-details">
   <div class="auto-container">
      <div class="upper-content">
         <div class="row clearfix">

            <!--News Block-->
            <div class="carousel-column hidden col-lg-6 col-md-12 col-sm-12" id="carousel-column-block">
               <div class="inner">
                  <!--Product Carousel-->
                  <div class="product-carousel-outer">
                     <!--Product image Carousel-->
                     <div class="prod-image-carousel owl-theme owl-carousel"></div>
                     <!--Product Thumbs Carousel-->
                     <div class="prod-thumbs-carousel owl-theme owl-carousel"></div>
                  </div>
                  <!--End Product Carousel-->
                  <?php if (isset($imagedisclaimer)) : ?>
                     <div align="center"> 
                        <?= $imagedisclaimer; ?>
                     </div>
                  <?php endif; ?>
               </div>
            </div>

            <div class="info-column hidden col-lg-6 col-md-12 col-sm-12" id="product-column-block">
               <div class="inner">
                  <h3 id="product-title"></h3>
                  <div class="desc-text text"></div>
                  <div id="more-product-info" class="product-more-information-div hidden" onclick="javascript:scrollMoreInfo()"><i class="fa-solid fa-circle-info fa-lg" style="color: #627694;"></i>&nbsp;View More Information</div>
                  <div id="product-stock-info"></div>
                  <div class="product-info-container">
                     <a class="pf-icons" href="/general/environmental/" aria-label="environmental information"></a>
                     <div id="fav-toggle-container" class="fav-toggle-container">
                        <div class="fav-checkbox-container">
                           <div class="block">
                              <input id="fav-checkbox" type="checkbox" onclick="javascript:toggleFavourite()" />
                              <label id="fav-checkbox-label" for="fav-checkbox"></label>
                           </div>
                           <span class="fav-toggle-text">Favourite</span>
                        </div>
                     </div>
                  </div>
                  <span id="prod-fav-error-span" class="prod-favourites-error-span hidden"></span>
                  <div id="product-qty-table-container"></div>
                  <div id="price-breaks-table-container"></div>
                  <form class="sel-options">
                     <!--Select Box-->
                     <div id="select-box" class="sel-box p-size clearfix">
                        <div id="product-size-selection-title" class="sel-title">Select Product:</div>
                        <div class="sel-bar">
                           <div id="product-name-container" class="sel-btn product-items">
                              <div id="selection-text" class="sel-txt">Choose an option</div><i class="fa fa-caret-down"></i>
                           </div>
                           <div class="sel-dropdown" id="product-items"></div>
                        </div>
                     </div>

                     <div class="product-note-container hidden" id="product-note">
                        <span id="product-note-detail"></span>
                     </div>

                     <div id="no-price-select-box" class="no-price sel-box p-qty clearfix hidden">
                        <section id="no-price-select-section" class="contact-section contact-section-padding-shrink">
                           <p>Please contact us for pricing</p>
                           <div class="centralise-text">
                              <a href="mailto:<?php echo $CustomerEmail ?>"><?php echo $CustomerEmail ?></a>
                           </div>
                           <hr>
                           <div class="centralise-text">
                              <a href="tel:<?php echo $PhoneNumber ?>"><?php echo $PhoneNumber ?></a>
                           </div>
                           <hr>
                           <form id="contact-form">
                              <div id="contactFormTitle" class="field-label">Your details:</div>
                              <br>
                              <div class="row clearfix">
                                 <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                    <div class="field-inner">
                                       <input type="text" id="name-field" name="fieldname" value="" placeholder="Your Name *" required="">
                                    </div>
                                 </div>
                                 <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                    <div class="field-inner">
                                       <input type="text" id="company-field" name="fieldname" value="" placeholder="Company Name">
                                    </div>
                                 </div>
                                 <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                    <div class="field-inner">
                                       <input type="email" id="email-field" name="fieldname" value="" placeholder="E-Mail Address *" required="">
                                    </div>
                                 </div>
                                 <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                    <div class="field-inner">
                                       <input type="text" id="phone-field" name="fieldname" value="" placeholder="Telephone / Mobile *" required="">
                                    </div>
                                 </div>
                                 <div class="form-group col-lg-6 col-md-6 col-sm-12 hidden">
                                    <div class="field-inner">
                                       <input type="text" id="mobile-field" name="fieldname" value="" placeholder="Telephone / Mobile *" required="">
                                    </div>
                                 </div>
                              </div>
                              <div class="field-label">Your message:</div>
                              <br>
                              <div class="row clearfix">
                                 <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                    <div class="field-inner">
                                       <textarea id="message-field" name="fieldname" placeholder="Please provide as much information as possible"></textarea>
                                    </div>
                                 </div>
                              </div>
                              <div class="agree-check" onclick="toggleMarketing()"><input id="marketing-field" type="checkbox" value=""><label for="marketing-field">From time to
                                    time, we will send you news, offers and more. Please tick this box to confirm your
                                    acceptance.</label></div>
                              <span id="contact-error-span" class="contact-error-span hidden"></span>
                              <div id="contact-form-submit-button" class="submit"><button type="button" onclick="processContactForm()" class="theme-btn btn-style-five full-width-percent">SUBMIT</button></div>
                           </form>
                        </section>
                        <div id="contact-submission-message" class="hidden">Thank you for your interest, your message has been submitted.</div>
                     </div>
                     <!--Select Box-->
                     <div id="price-select-box" class="sel-box p-qty clearfix">
                        <div class="sel-title">Select Quantity (Price ex Vat):</div>
                        <div class="sel-bar">
                           <div class="sel-btn product-price">
                              <div id="price-selection-text" class="sel-txt">Choose an option</div><i class="fa fa-caret-down"></i>
                           </div>
                           <div class="sel-dropdown" id="product-price"></div>
                        </div>
                     </div>
               </div>
               <div id="links-box" class="links-box">
                  <div class="link">
                     <a href="#" id="customise-url" class="theme-btn btn-style-six hidden">
                        <span>CUSTOMISE THIS PRODUCT</span>
                     </a>
                  </div>
                  <div class="sel-box">
                     <div id="" class="sel-title">Enter Quantity:</div>
                  </div>
                  <div id="addToBasketLinkContainer" class="link">
                     <a id="addToBasketButton" href="javascript:qxAddToBasket()" class="theme-btn btn-style-three add-cart-btn">
                        <span>
                           <span id="basket-button-text">ADD TO BASKET</span>
                           <i class="amount" id="price-price-selected">-</i>
                        </span>
                     </a>
                  </div>
                  <div id="manual-input-validation-error" class="error-span-three bordered-error-span hidden"></div>
                  <div id="update-basket-error" class="error-span-three bordered-error-span hidden"></div>
                  <div class="link"><a href="/basket/" id="go-to-basket" class="theme-btn btn-style-three hidden"><span>GO TO BASKET</span></a></div>
               </div>
            </div>
         </div>
      </div>
      <div class="lower-content hidden" id="product-info-description" style="padding-bottom: 50px;">
         <h3>Description:</h3>
      </div>
      <div class="lower-content hidden" id="product-info">
         <div class="prod-desc-toggle">
            <div class="desc-toggle-btn">More Product Information <i class="arrow fa-solid fa-caret-down"></i></div>
            <div class="desc-content" style="display: none;" id="content-product-info"></div>
         </div>
      </div>
   </div>

   
</section>


<!-- Product information tabs section -->
<section id="product-information-tabs-section" class="hidden">
   <div class="auto-container">
      <h3 class="product-page-heading-style">PRODUCT INFORMATION</h3>

      <div id="product-information-tabs-buttons-container" class="product-tab">
      </div>

      <div id="specifications-tab-content" class="product-tabcontent">
      </div>

      <div id="product-information-tab-content" class="product-tabcontent">
      </div>

      <div id="associated-items-tab-content" class="product-tabcontent">
         <div id="associated-products-container">
            <div id="associated-products"></div>
         </div>
      </div>

   </div>
</section>

<!--Similar Section-->
<section id="similar-section" class="similar-section">
   <div class="auto-container">
      <div id="similar-section-main-title" class="title-box hidden">
         <h2>DID YOU MISS SOMETHING?</h2>
      </div>
      <h3 id="similar-section-alternative-title" class="hidden product-page-heading-style">YOU MIGHT ALSO LIKE</h3>
      <div class="products">
         <div class="row clearfix" id="similar-product"></div>
      </div>
   </div>
</section>

<!--Products Spotlight Section-->
<section id="product-spotlight-spection" class="prod-spotlight no-display">
   <div class="auto-container">
      <div class="title-box">
         <h2>PRODUCT SPOTLIGHT</h2>
      </div>
      <div class="carousel-box" id="product-spotlight"></div>
   </div>
</section>

<?php include 'include/scripts.php' ?>
<link href="/css/jquery.fancybox.min.css" rel="stylesheet">
<script src="/js/jquery.fancybox.js"></script>
<script src="/js/product.min.437DA9536614448F97BEC3CDA5A2B12CA75D7F79AF96402C761687149746F0CA.js"></script>
<?php include 'include/footer.php' ?>