<form method="post">
<div class="row">
<div class="small-12 res-search columns">
- <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+ <select>
+ <option value="" disabled selected>Property</option>
+ <option value="Stafford's Bay View Inn">Stafford's Bay View Inn</option>
+ <option value="Stafford's Crooked River Lodge">Stafford's Crooked River Lodge</option>
+ <option value="Stafford's Perry Hotel">Stafford's Perry Hotel</option>
+ </select>
</div>
<div class="small-6 res-date columns">
<input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
<span>Reservations</span>
</div>
</div>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
+ <?php get_template_part('parts/reservation-form-off-canvas');?>
</aside>
\ No newline at end of file
--- /dev/null
+ <div id="res-tab" class="large-2 text-center columns">
+ <li><a href="#">Reservations</a>
+ <ul>
+ <form method="post">
+ <div class="row resDropdown">
+ <div class="small-12 res-search columns resInput">
+ <select name="s">
+ <option value="" disabled selected>Property</option>
+ <option value="Stafford's Bay View Inn">Stafford's Bay View Inn</option>
+ <option value="Stafford's Crooked River Lodge">Stafford's Crooked River Lodge</option>
+ <option value="Stafford's Perry Hotel">Stafford's Perry Hotel</option>
+ </select>
+ </div>
+ <div class="small-12 res-date columns resInput">
+ <input class="arrive" type="text" placeholder="Arrive" name="datepicker1" required="required"><img id="arriveCal" src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+ </div>
+ <div class="small-12 res-date columns resInput">
+ <input class="depart" type="text" placeholder="Depart" name="datepicker2" required="required"><img id="departCal" src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+ </div>
+ <div class="small-12 columns resInput">
+ <input type="text" placeholder="Number of Nights">
+ </div>
+ <div id="resForm">
+ <div class="small-6 guest columns adults">
+ <!-- <input type="text" placeholder="Adults" > -->
+ <select>
+ <option value="" disabled selected>Adults</option>
+ <option value="1">1</option>
+ <option value="2">2</option>
+ <option value="3">3</option>
+ <option value="4">4</option>
+ <option value="5">5</option>
+ <option value="6">6</option>
+ <option value="7">7</option>
+ <option value="8">8</option>
+ <option value="9">9</option>
+ </select>
+ </div>
+ <div class="small-6 guest columns kids">
+
+ <select>
+ <option value="" disabled selected>Kids</option>
+ <option value="0">0</option>
+ <option value="1">1</option>
+ <option value="2">2</option>
+ <option value="3">3</option>
+ <option value="4">4</option>
+ <option value="5">5</option>
+ <option value="6">6</option>
+ <option value="7">7</option>
+ <option value="8">8</option>
+ <option value="9">9</option>
+ </select>
+ </div>
+
+ <div class="small-6 small-centered columns resBtn">
+ <input class="res-button" type="submit" value="Book Now">
+ </div>
+ </div>
+ </div>
+ </form>
+ </ul>
+ </li>
+ </div>
\ No newline at end of file
--- /dev/null
+<form method="post">
+ <div class="row">
+ <div class="small-12 res-search columns">
+ <input type="text" placeholder="Property" name="s">
+ </div>
+ <div class="small-12 res-date columns">
+ <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+ </div>
+ <div class="small-12 res-date columns">
+ <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+ </div>
+ <div class="small-12 columns">
+ <input type="text" placeholder="Number of Nights">
+ </div>
+ <div class="small-6 guest columns">
+ <input type="text" placeholder="Adults" >
+ </div>
+ <div class="small-6 guest columns">
+ <input type="text" placeholder="Kids" >
+ </div>
+ <div class="small-6 small-centered columns">
+ <input class="res-button" type="submit" value="Book Now">
+ </div>
+ </div>
+ </form>
\ No newline at end of file
+++ /dev/null
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row resDropdown">
- <div class="small-12 res-search columns resInput">
- <select name="s">
- <option value="" disabled selected>Property</option>
- <option value="Stafford's Bay View Inn">Stafford's Bay View Inn</option>
- <option value="Stafford's Crooked River Lodge">Stafford's Crooked River Lodge</option>
- <option value="Stafford's Perry Hotel">Stafford's Perry Hotel</option>
- </select>
- </div>
- <div class="small-12 res-date columns resInput">
- <input id="arrive" type="text" placeholder="Arrive" name="datepicker1" required="required"><img id="arriveCal" src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns resInput">
- <input id="depart" type="text" placeholder="Depart" name="datepicker2" required="required"><img id="departCal" src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns resInput">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div id="resForm">
- <div class="small-6 guest columns adults">
- <!-- <input type="text" placeholder="Adults" > -->
- <select>
- <option value="" disabled selected>Adults</option>
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- <option value="7">7</option>
- <option value="8">8</option>
- <option value="9">9</option>
- </select>
- </div>
- <div class="small-6 guest columns kids">
-
- <select>
- <option value="" disabled selected>Kids</option>
- <option value="0">0</option>
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- <option value="7">7</option>
- <option value="8">8</option>
- <option value="9">9</option>
- </select>
- </div>
-
- <div class="small-6 small-centered columns resBtn">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
\ No newline at end of file
</section>
</nav>
</div>
- <?php get_template_part('parts/reservation-form');?>
+ <?php get_template_part('parts/reservation-form-main');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <?php get_template_part('parts/reservation-form');?>
+ <?php get_template_part('parts/reservation-form-main');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <?php get_template_part('parts/reservation-form');?>
+ <?php get_template_part('parts/reservation-form-main');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <?php get_template_part('parts/reservation-form');?>
+ <?php get_template_part('parts/reservation-form-main');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <?php get_template_part('parts/reservation-form');?>
+ <?php get_template_part('parts/reservation-form-main');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <?php get_template_part('parts/reservation-form');?>
+ <?php get_template_part('parts/reservation-form-main');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <?php get_template_part('parts/reservation-form');?>
+ <?php get_template_part('parts/reservation-form-main');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <?php get_template_part('parts/reservation-form');?>
+ <?php get_template_part('parts/reservation-form-main');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <?php get_template_part('parts/reservation-form');?>
+ <?php get_template_part('parts/reservation-form-main');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <?php get_template_part('parts/reservation-form');?>
+ <?php get_template_part('parts/reservation-form-main');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <?php get_template_part('parts/reservation-form');?>
+ <?php get_template_part('parts/reservation-form-main');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">