Using jQuery to make it work with a form
hello, can you help me to put this form in wp page? THX
</div>
<div id="trade_fancybox_form" class="fancybox_form">
<?php if(!isset($lwp_options['tradein_form_shortcode']) || empty($lwp_options['tradein_form_shortcode'])){ ?>
<h3><?php _e("Trade-In", "listings"); ?></h3>
<form name="trade_in" method="post" class="ajax_form">
<table class="left_table">
<tr>
<td colspan="2"><h4><?php _e("Contact Information", "listings"); ?></h4></td>
</tr>
<tr>
<td><?php _e("First Name", "listings"); ?><br><input type="text" name="first_name"></td>
<td><?php _e("Last Name", "listings"); ?><br><input type="text" name="last_name"></td>
</tr>
<tr>
<td><?php _e("Work Phone", "listings"); ?><br><input type="text" name="work_phone"></td>
<td><?php _e("Phone", "listings"); ?><br><input type="text" name="phone"></td>
</tr>
<tr>
<td><?php _e("Email", "listings"); ?><br><input type="text" name="email"></td>
<td><?php _e("Preferred Contact", "listings"); ?><br> <input type="radio" name="contact_method" value="email" id="email"> <label for="email"><?php _e("Email", "listings"); ?></label> <input type="radio" name="contact_method" value="phone" id="phone"> <label for="phone"><?php _e("Phone", "listings"); ?></label> </td>
</tr>
<tr>
<td colspan="2"><?php _e("Comments", "listings"); ?><br><textarea name="comments" style="width: 89%;" rows="5"></textarea></td>
</tr>
</table>
<table class="right_table">
<tr>
<td colspan="2"><h4><?php _e("Options", "listings"); ?></h4></td>
</tr>
<?php
$options = get_single_listing_category("options");
$options = $options['terms'];
?>
<tr>
<td><select name="options" multiple style="height: 200px;">
<?php
if(empty($options)){
echo "<option value='" . __("Not availiable", "listings") . "'>N/A</option>";
} else {
foreach($options as $option){
echo "<option value='" . $option . "'>" . $option . "</option>";
}
}
?>
</select></td>
</tr>
</table>
<div style="clear:both;"></div>
<table class="left_table">
<tr><td colspan="2"><h4><?php _e("Vehicle Information", "listings"); ?></h4></td></tr>
<tr>
<td><?php _e("Year", "listings"); ?><br><input type="text" name="year"></td>
<td><?php _e("Make", "listings"); ?><br><input type="text" name="make"></td>
</tr>
<tr>
<td><?php _e("Model", "listings"); ?><br><input type="text" name="model"></td>
<td><?php _e("Exterior Colour", "listings"); ?><br><input type="text" name="exterior_colour"></td>
</tr>
<tr>
<td><?php _e("VIN", "listings"); ?><br><input type="text" name="vin"></td>
<td><?php _e("Kilometres", "listings"); ?><br><input type="text" name="kilometres"></td>
</tr>
<tr>
<td><?php _e("Engine", "listings"); ?><br><input type="text" name="engine"></td>
<td><?php _e("Doors", "listings"); ?><br><select name="doors" class="css-dropdowns"><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select></td>
</tr>
<tr>
<td><?php _e("Transmission", "listings"); ?><br><select name="transmission" class="css-dropdowns"><option value="Automatic"><?php _e("Automatic", "listings"); ?></option><option value="Manual"><?php _e("Manual", "listings"); ?></option></select></td>
<td><?php _e("Drivetrain", "listings"); ?><br><select name="drivetrain" class="css-dropdowns"><option value="2WD"><?php _e("2WD", "listings"); ?></option><option value="4WD"><?php _e("4WD", "listings"); ?></option><option value="AWD"><?php _e("AWD", "listings"); ?></option></select></td>
</tr>
</table>
<table class="right_table">
<tr><td colspan="2"><h4><?php _e("Vehicle Rating", "listings"); ?></h4></td></tr>
<tr>
<td><?php _e("Body (dents, dings, rust, rot, damage)", "listings"); ?><br><select name="body_rating" class="css-dropdowns"><option value="10">10 - <?php _e("best", "listings"); ?></option><option value="9">9</option><option value="8">8</option><option value="7">7</option><option value="6">6</option><option value="5">5</option><option value="4">4</option><option value="3">3</option><option value="2">2</option><option value="1">1 - <?php _e("worst", "listings"); ?></option></select></td>
<td><?php _e("Tires (tread wear, mismatched)", "listings"); ?><br><select name="tire_rating" class="css-dropdowns"><option value="10">10 - <?php _e("best", "listings"); ?></option><option value="9">9</option><option value="8">8</option><option value="7">7</option><option value="6">6</option><option value="5">5</option><option value="4">4</option><option value="3">3</option><option value="2">2</option><option value="1">1 - <?php _e("worst", "listings"); ?></option></select></td>
</tr>
<tr>
<td><?php _e("Engine (running condition, burns oil, knocking)", "listings"); ?><br><select name="engine_rating" class="css-dropdowns"><option value="10">10 - <?php _e("best", "listings"); ?></option><option value="9">9</option><option value="8">8</option><option value="7">7</option><option value="6">6</option><option value="5">5</option><option value="4">4</option><option value="3">3</option><option value="2">2</option><option value="1">1 - <?php _e("worst", "listings"); ?></option></select></td>
<td><?php _e("Transmission / Clutch (slipping, hard shift, grinds)", "listings"); ?><br><select name="transmission_rating" class="css-dropdowns"><option value="10">10 - <?php _e("best", "listings"); ?></option><option value="9">9</option><option value="8">8</option><option value="7">7</option><option value="6">6</option><option value="5">5</option><option value="4">4</option><option value="3">3</option><option value="2">2</option><option value="1">1 - <?php _e("worst", "listings"); ?></option></select></td>
</tr>
<tr>
<td><?php _e("Glass (chips, scratches, cracks, pitted)", "listings"); ?><br><select name="glass_rating" class="css-dropdowns"><option value="10">10 - <?php _e("best", "listings"); ?></option><option value="9">9</option><option value="8">8</option><option value="7">7</option><option value="6">6</option><option value="5">5</option><option value="4">4</option><option value="3">3</option><option value="2">2</option><option value="1">1 - worst</option></select></td>
<td><?php _e("Interior (rips, tears, burns, faded/worn, stains)", "listings"); ?><br><select name="interior_rating" class="css-dropdowns"><option value="10">10 - <?php _e("best", "listings"); ?></option><option value="9">9</option><option value="8">8</option><option value="7">7</option><option value="6">6</option><option value="5">5</option><option value="4">4</option><option value="3">3</option><option value="2">2</option><option value="1">1 - <?php _e("worst", "listings"); ?></option></select></td>
</tr>
<tr>
<td colspan="2"><?php _e("Exhaust (rusted, leaking, noisy)", "listings"); ?><br><select name="exhaust_rating" class="css-dropdowns"><option value="10">10 - <?php _e("best", "listings"); ?></option><option value="9">9</option><option value="8">8</option><option value="7">7</option><option value="6">6</option><option value="5">5</option><option value="4">4</option><option value="3">3</option><option value="2">2</option><option value="1">1 - <?php _e("worst", "listings"); ?></option></select></td>
</tr>
</table>
<div style="clear:both;"></div>
<table class="left_table">
<tr><td><h4><?php _e("Vehicle History", "listings"); ?></h4></td></tr>
<tr>
<td><?php _e("Was it ever a lease or rental return?", "listings"); ?> <br><select name="rental_return" class="css-dropdowns"><option value="Yes"><?php _e("Yes", "listings"); ?></option><option value="No"><?php _e("No", "listings"); ?></option></select></td>
</tr>
<tr>
<td><?php _e("Is the odometer operational and accurate?", "listings"); ?> <br><select name="odometer_accurate" class="css-dropdowns"><option value="Yes"><?php _e("Yes", "listings"); ?></option><option value="No"><?php _e("No", "listings"); ?></option></select></td>
</tr>
<tr>
<td><?php _e("Detailed service records available?", "listings"); ?> <br><select name="service_records" class="css-dropdowns"><option value="Yes"><?php _e("Yes", "listings"); ?></option><option value="No"><?php _e("No", "listings"); ?></option></select></td>
</tr>
</table>
<table class="right_table">
<tr>
<td><h4><?php _e("Title History", "listings"); ?></h4></td>
</tr>
<tr>
<td><?php _e("Is there a lienholder?", "listings"); ?> <br><input type="text" name="lienholder"></td>
</tr>
<tr>
<td><?php _e("Who holds this title?", "listings"); ?> <br><input type="text" name="titleholder"></td>
</tr>
</table>
<div style="clear:both;"></div>
<table style="width: 100%;">
<tr><td colspan="2"><h4><?php _e("Vehicle Assessment", "listings"); ?></h4></td></tr>
<tr>
<td><?php _e("Does all equipment and accessories work correctly?", "listings"); ?><br><textarea name="equipment" rows="5" style="width: 89%;"></textarea></td>
<td><?php _e("Did you buy the vehicle new?", "listings"); ?><br><textarea name="vehiclenew" rows="5" style="width: 89%;"></textarea></td>
</tr>
<tr>
<td><?php _e("Has the vehicle ever been in any accidents? Cost of repairs?", "listings"); ?><br><textarea name="accidents" rows="5" style="width: 89%;"></textarea></td>
<td><?php _e("Is there existing damage on the vehicle? Where?", "listings"); ?><br><textarea name="damage" rows="5" style="width: 89%;"></textarea></td>
</tr>
<tr>
<td><?php _e("Has the vehicle ever had paint work performed?", "listings"); ?><br><textarea name="paint" rows="5" style="width: 89%;"></textarea></td>
<td><?php _e("Is the title designated 'Salvage' or 'Reconstructed'? Any other?", "listings"); ?><br><textarea name="salvage" rows="5" style="width: 89%;"></textarea></td>
</tr>
<?php
if($lwp_options['recaptcha_enabled'] == 1){
echo "<tr><td colspan='2'>" . __("reCAPTCHA", "listings") . ": <br><div id='trade_fancybox_form_recaptcha' class='recaptcha_holder'></div></td></tr>";
}
?>
<tr><td colspan="2"><input type="submit" value="<?php _e("Submit", "listings"); ?>"></td></tr>
</table>
</form>
<?php } else {
echo do_shortcode($lwp_options['tradein_form_shortcode']);
} ?>
</div>