I added the reservation

I added the reservation code to the frontpage.php

diff --git a/sections/front-page.php b/sections/front-page.php
index 6bbaaff..67f865d 100644 (file)
--- a/sections/front-page.php
+++ b/sections/front-page.php
@@ -1,7 +1,57 @@
                     <main class="page-front">
-                        <div class="row">
-                            <?php get_template_part('parts/slide-show');?>
-                        </div>
+                        <?php get_template_part('parts/slide-show');?>
+                        <div id="reservation_wrapper" class="row collapse">
+                            <form action="https://reservations.troutcreek.com/irm/irm.html" method="get" class="show-for-medium-up">
+                                <div class="small-12 small-text-center medium-3 medium-text-right large-4 columns show-for-medium-up"><h2>Make A Reservation:</h2></div>
+                                <!-- START medium-up -->
+                                <div class="medium-3 large-2 columns resCal show-for-medium-up">
+                                    <div class="row collapse postfix-radius">
+                                        <div class="small-12 columns">
+                                            <input class="has-datepicker" id="resArrival" name="arrival" placeholder="Arrival Date">
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="medium-3 large-2 columns resCal show-for-medium-up">
+                                    <div class="row collapse postfix-radius">
+                                        <div class="small-12 columns">
+                                            <input class="has-datepicker" id="resDeparture" name="departure" placeholder="Departure Date">
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="medium-3 large-4 columns show-for-medium-up">
+                                    <div class="row collapse">
+                                        <div class="small-5 small-centered medium-9 columns">
+                                            <input type="submit" id="resSubmit" value="Check Availability">
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- END medium-up -->
+                            </form>
+                            <form action="https://reservations.troutcreek.com/irm" method="get" class="show-for-small-only">
+                                <div class="small-12 small-text-center columns show-for-small-only"><h2>Make A Reservation:</h2></div>
+                                <!-- START small-only -->
+                                <div class="small-12 small-text-center columns show-for-small-only">
+                                    <input type="submit" id="resSubmit2" value="Check Availability">
+                                </div>
+                                <!-- END small-only -->
+                            </form>
+                            <script>
+                            $(function(){
+                                $("#resArrival").datepicker({minDate: +3,onSelect: function(dateStr) {
+                                    var d = $.datepicker.parseDate('mm/dd/yy', dateStr);
+                                    d.setDate(d.getDate() + 2); // Add two days
+                                    $('#resDeparture').datepicker('setDate', d);
+                                }});
+                                $("#resDeparture").datepicker();
+                                $("#resArrival2").datepicker({minDate: +3,onSelect: function(dateStr) {
+                                    var d = $.datepicker.parseDate('mm/dd/yy', dateStr);
+                                    d.setDate(d.getDate() + 2); // Add two days
+                                    $('#resDeparture2').datepicker('setDate', d);
+                                }});
+                                $("#resDeparture2").datepicker();
+                            });
+                            </script>
+                        </div><!--/#reservation_wrapper-->
                         <div id="content-wrapper">
                             <div class="row" data-equalizer data-options="equalize_on_stack: false">
                                 <?php