Reservation Request Form

/**
* Template Name: Reserve Flight 1
*/

session_start();
include_once(‘/home/awesomei/www/reservation/framework/Framework.php’);
$frm = new Framework;

get_header();

?>

<script src=”/reservation/template/flicker/js/ui/jquery.ui.core.js”></script>
<script src=”/reservation/template/flicker/js/ui/jquery-ui-1.8.11.custom.js”></script>
<script src=”/reservation/template/flicker/js/ui/jquery.ui.datepicker.js”></script>

<link rel=”stylesheet” href=”/reservation/template/flicker/js/ui/base/jquery.ui.all.css” />
<link rel=”stylesheet” href=”/reservation/template/flicker/js/ui/redmond/jquery.ui.all.css” />

<div id=”banner”>

<?php $featured = get_the_post_thumbnail($post->ID, ‘full’); if(!empty($featured)) : echo $featured; ?>

<?php else : $top_lvl_pg = end(get_post_ancestors($post->ID)); $featured = get_the_post_thumbnail($top_lvl_pg, ‘full’); if(!empty($featured)) : echo $featured; else : ?>

<img src=”<?php bloginfo(‘template_directory’) ?>/images/banner-default.jpg” alt=”" />

<?php endif;endif; ?>

</div>

<?php get_sidebar(); ?>

<div id=”container”>
<div id=”content” role=”main”>

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); $meta = get_post_custom($post->ID); ?>

<div id=”post-<?php the_ID(); ?>” <?php post_class(); ?>>

<h1 class=”entry-title”><?php if(empty($meta["Alternative Title"])) the_title(); else  echo $meta["Alternative Title"][0]; ?></h1>

<div class=”entry-content”>
<?php the_content(); ?>
<?php wp_link_pages( array( ‘before’ => ‘<div class=”page-link”>’ . __( ‘Pages:’, ‘twentyten’ ), ‘after’ => ‘</div>’ ) ); ?>
</div><!– .entry-content –>
</div><!– #post-## –>

<?php endwhile; ?>

<!–                <div class=”reserve”>
<div class=”padding”>
Login
</div>
</div>
–>

<div class=”reserve”>
<div class=”secure_bar”></div>

<div class=”progress_bar”>
<div class=”step step_1 current”>1) Flight Details<span></span></div>
<div class=”step step_2″>2) Passenger Details<span></span></div>
<div class=”step step_3″>3) Payment Information<span></span></div>
<div class=”step step_4″>4) Finished<span></span></div>
</div>

<div class=”charter_type”>
<b>I would like to reserve a:</b> &nbsp;
<input onclick=”jQuery(‘#business_charter’).show(); jQuery(‘#scenic_charter’).hide();” type=”radio” name=”charter_type” value=”business” class=”radio” /> Personal or Business Charter &nbsp;
<input onclick=”jQuery(‘#business_charter’).hide(); jQuery(‘#scenic_charter’).show();” type=”radio” name=”charter_type” value=”tour” class=”radio” /> Private NY Scenic Charter
</div>

<div id=”scenic_charter”>
Charter
</div>

<script type=”text/javascript”>

function heliport_set()
{
jQuery.getJSON(‘/reservation/heliport/ajax_cost/’, { pick_up_heliport_id: jQuery(‘select[name=pick_up_heliport_id]‘).val(), destination_heliport_id: jQuery(‘select[name=destination_heliport_id]‘).val() }, function(data) {
if(data.amount != ”)
{
jQuery(‘#price_box’).show();
jQuery(‘#price_box span’).html(data.amount);
jQuery(‘#time_section’).show();
}else{
jQuery(‘#price_box’).hide();
jQuery(‘#time_section’).hide();
}
});
}

function time_set()
{
jQuery.getJSON(‘/reservation/heliport/ajax_time/’, { charter_time: jQuery(‘select[name=charter_time]‘).val(), charter_date: jQuery(‘input[name=charter_date]‘).val() }, function(data) {
if(data.time != ”)
{
jQuery(‘#continue_box’).show();
jQuery(‘#continue_box span’).html(data.time);
}else{
jQuery(‘#continue_box’).hide();
}
});
}

jQuery(document).ready(function(){

// Datepicker
jQuery(“input[name=charter_date]“).datepicker({ minDate: new Date(<?= date(‘Y’) ?>, <?= date(‘m’) ?> – 1, <?= date(‘d’) ?>) });

// Heliport set
jQuery(‘select[name=pick_up_heliport_id]‘).change(function(){
heliport_set();
});

jQuery(‘select[name=destination_heliport_id]‘).change(function(){
heliport_set();
});

// Date and time selected
jQuery(‘input[name=charter_date]‘).change(function(){
time_set();
});

jQuery(‘select[name=charter_time]‘).change(function(){
time_set();
});

});

</script>

<div id=”business_charter”>
<div class=”border_top”></div>

<div class=”padding”>
<h3>Personal or Business Charter</h3>
<h4>Select Airport/Heliport</h4>

<table width=”100%”>
<tr>
<td width=”50%”>
<b>From:</b>&nbsp;
<select style=”width: 230px;” name=”pick_up_heliport_id”>
<option value=”">&lt; Select Pick Up Location &gt;</option>
<?php foreach($frm->load_model(‘Heliport’)->get()->results() as $r){ ?>
<option value=”<?= $r['heliport_id'] ?>”><?= $r['heliport_name'] ?></option>
<?php } ?>
</select>
</td>
<td width=”50%”>
<b>To:</b>&nbsp;
<select style=”width: 230px;” name=”destination_heliport_id”>
<option value=”">&lt; Select Destination &gt;</option>
<?php foreach($frm->load_model(‘Heliport’)->get()->results() as $r){ ?>
<option value=”<?= $r['heliport_id'] ?>”><?= $r['heliport_name'] ?></option>
<?php } ?>
</select>
</td>
</tr>
</table>

<div style=”display: none;” class=”summary_box” id=”price_box”>A Helicopter Charter for the selected locations will be: $<span></span></div>

<div style=”display: none;” id=”time_section”>
<table width=”100%”>
<tr>
<td width=”50%” valign=”top”>
<h4>Choose A Date</h4>
<p>Click the calendar to select a date.</p>
<img src=”<?= bloginfo(‘template_url’); ?>/images/icons/calendar_icon.gif” align=”top” />
<input type=”text” name=”charter_date” value=”" />
</td>
<td width=”50%” valign=”top”>
<h4>Choose A Time</h4>
<p>Select an available flight time</p>
<select style=”width: 230px;” name=”charter_time”>
<option></option>
<option>9AM</option>
<option>10AM</option>
<option>11AM</option>
<option>12AM</option>
<option>1PM</option>
</select>
</td>
</tr>
</table>

<div style=”display: none;” class=”summary_box” id=”continue_box”>
<img src=”<?= bloginfo(‘template_url’); ?>/images/buttons/continue.png” style=”float:right;” />

<strong>You selected:</strong> Personal or Busines Charter
<br />for <span></span>
</div>
</div>
</div>
</div>

</div>

</div><!– #content –>
</div><!– #container –>

<?php get_footer(); ?>