From 191e1372c277ca16a75d5ac1e9a71aa928e1e71b Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Fri, 23 Aug 2019 11:34:12 -0400
Subject: [PATCH] Remove reservation widget from header, fix js, adjust styles

---
 footer.php                         | 52 +++++++++++++++++++++++++-----
 front-page.php                     |  6 ++++
 header.php                         |  5 +--
 parts/reservation-form-content.php |  2 +-
 scss/_page.header.scss             |  5 +--
 5 files changed, 55 insertions(+), 15 deletions(-)

diff --git a/footer.php b/footer.php
index e0676a6..38d7da1 100644
--- a/footer.php
+++ b/footer.php
@@ -92,6 +92,8 @@
 <script charset="utf-8" type="text/javascript">var switchTo5x=true;</script>
 <script charset="utf-8" type="text/javascript" src="https://ws.sharethis.com/button/buttons.js"></script>
 <script charset="utf-8" type="text/javascript">stLight.options({"publisher":"wp.c3d3647e-de70-4780-b71d-6b739fad685a"});var st_type="wordpress4.3.1";</script>
+
+
 <!-- Google Code for Remarketing Tag -->
 <!--------------------------------------------------
 Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
@@ -121,14 +123,48 @@ e.parentNode.insertBefore(n, e);
 </noscript>
 <script>
 $(document).ready(function () {
-  $('[data-toggle="offcanvas"]').click(function (e) {
-      e.preventDefault();
-    $('.row-offcanvas').toggleClass('active');
-  });
-  $('.exit-off-canvas').click(function(e){
-      e.preventDefault();
-    $('.row-offcanvas').toggleClass('active');
-  });
+    $('.right-off-canvas-menu #jrs_calendar_form #start-jrdatepicker').attr("id", "start-jrdatepicker_inactive");
+    $('.right-off-canvas-menu #jrs_calendar_form #end-jrdatepicker').attr("id", "end-jrdatepicker_inactive");
+    $('.right-off-canvas-menu #jrs_calendar_form #jrs_arrival_input').attr("id", "jrs_arrival_input_inactive");
+    $('.right-off-canvas-menu #jrs_calendar_form #jrs_departure_input').attr("id", "jrs_departure_input_inactive");
+
+    $('[data-toggle="offcanvas"]').click(function (e) {
+        e.preventDefault();
+        $('.row-offcanvas').toggleClass('active');
+
+    });
+
+    $('.right-off-canvas-toggle').click(function(e){
+
+        console.log("oc opened");
+        
+        $('main #jrs_calendar_form #jrs_calendar_form #start-jrdatepicker').attr("id", "start-jrdatepicker_inactive");
+        $('main #jrs_calendar_form #jrs_calendar_form #end-jrdatepicker').attr("id", "end-jrdatepicker_inactive");
+        $('main #jrs_calendar_form #jrs_calendar_form #jrs_arrival_input').attr("id", "jrs_arrival_input_inactive");
+        $('main #jrs_calendar_form #jrs_calendar_form #jrs_departure_input').attr("id", "jrs_departure_input_inactive");
+
+        $('.right-off-canvas-menu #jrs_calendar_form #start-jrdatepicker_inactive').attr("id", "start-jrdatepicker");
+        $('.right-off-canvas-menu #jrs_calendar_form #end-jrdatepicker_inactive').attr("id", "end-jrdatepicker");
+        $('.right-off-canvas-menu #jrs_calendar_form #jrs_arrival_input_inactive').attr("id", "jrs_arrival_input");
+        $('.right-off-canvas-menu #jrs_calendar_form #jrs_departure_input_inactive').attr("id", "jrs_departure_input");
+
+    });
+    $('.exit-off-canvas').click(function(e){
+        e.preventDefault();
+        $('.row-offcanvas').toggleClass('active');
+
+        console.log("oc closed");
+
+        $('main #jrs_calendar_form #jrs_calendar_form #start-jrdatepicker_inactive').attr("id", "start-jrdatepicker");
+        $('main #jrs_calendar_form #jrs_calendar_form #end-jrdatepicker_inactive').attr("id", "end-jrdatepicker");
+        $('main #jrs_calendar_form #jrs_calendar_form #jrs_arrival_input_inactive').attr("id", "jrs_arrival_input");
+        $('main #jrs_calendar_form #jrs_calendar_form #jrs_departure_input_inactive').attr("id", "jrs_departure_input");
+
+        $('.right-off-canvas-menu #jrs_calendar_form #start-jrdatepicker').attr("id", "start-jrdatepicker_inactive");
+        $('.right-off-canvas-menu #jrs_calendar_form #end-jrdatepicker').attr("id", "end-jrdatepicker_inactive");
+        $('.right-off-canvas-menu #jrs_calendar_form #jrs_arrival_input').attr("id", "jrs_arrival_input_inactive");
+        $('.right-off-canvas-menu #jrs_calendar_form #jrs_departure_input').attr("id", "jrs_departure_input_inactive");
+    });
 });
 
 </script>
diff --git a/front-page.php b/front-page.php
index ca5ee8c..e0a8a04 100644
--- a/front-page.php
+++ b/front-page.php
@@ -1,7 +1,13 @@
 <?php get_header(); ?>
 <main class="page-front">
     <?php // get_template_part('parts/slide-show');?>
+
+    
     <?php get_template_part('parts/slide-show'); ?>
+    <div class="reservation-front reservation-content" id="reservationContent">
+        <?php get_template_part('parts/reservation-form-content'); ?>
+    </div>
+
     <div id="content-wrapper">
         <div class="row">
             <div id="main-content" class="small-12 medium-8 small-centered columns text-center">
diff --git a/header.php b/header.php
index 17a1008..214c88d 100644
--- a/header.php
+++ b/header.php
@@ -89,11 +89,8 @@ window._fbq.push(['track', 'PixelInitialized', {}]);
 
                             </nav>
                         </div>
-                     <div class="reservation-front" id="reservationContent">
-                        <?php get_template_part('parts/reservation-form-content'); ?>
-                    </div>
                     </header>
-                </div>
                 </div>
 
+                </div>                    
                     <?php get_template_part('parts/off-canvas-menu');?>
diff --git a/parts/reservation-form-content.php b/parts/reservation-form-content.php
index f880d2e..0d9d39f 100644
--- a/parts/reservation-form-content.php
+++ b/parts/reservation-form-content.php
@@ -1,7 +1,7 @@
 <div id="resContent">
         <div class="row resDropdown">
             <h6 class="reservation-header">FIND YOUR ROOM</h6>
-            <div id="resform-wrapper" class="small-12 column show-for-large-up">
+            <div id="resform-wrapper" class="small-12 column show-for-large-up reservation-main">
                 <!-- <span class="booknow-logo-wrapper"><img class="booknow-logo" style="float: left;" src="<?php //echo get_template_directory_uri().'/assets/bookdirect_dark.png' ;?>" alt=""></span> -->
             <?php if(is_front_page())  { ?>
                 <script src="https://widgets.bookdirect.net/widgets/search_widget.js.php?id=884" type="text/javascript"></script>
diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index 9ab57fb..9e42ea7 100644
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -198,11 +198,12 @@ header {
 }
 #resContent {
     //display: none;
-    background: rgb(115, 191, 69);
+    background: #eaeaea;
     //width: 350px;
     position: relative;
     display: block;
-    height: 52px;
+    height: auto;
+    padding: 40px;
     border: 2px solid white;
     // box-shadow: 0 6px 5px -2px gray;
     -webkit-box-shadow: 3px 3px 6px lighten($black, 5%);
-- 
2.17.1