<?php

// if the from is loaded from WordPress form loader plugin,
// the phpfmg_display_form() will be called by the loader
if( !defined('FormmailMakerFormLoader') ){
    # This block must be placed at the very top of page.
    # --------------------------------------------------
	require_once( dirname(__FILE__).'/form.lib.php' );
    phpfmg_display_form();
    # --------------------------------------------------
};


function phpfmg_form( $sErr = false ){
		$style=" class='form_text' ";

?>



  <h2 class="text-center">
                    
                    <font style="font-size:1em;color:#b765b6; text-align: center; padding-bottom: 10px;">Make Appointment</font>
                </h2>


<div id='frmFormMailContainer'>

<form name="frmFormMail" id="frmFormMail" target="submitToFrame" action='<?php echo PHPFMG_ADMIN_URL . '' ; ?>' method='post' enctype='multipart/form-data' onsubmit='return fmgHandler.onSubmit(this);'>

<input type='hidden' name='formmail_submit' value='Y'>
<input type='hidden' name='mod' value='ajax'>
<input type='hidden' name='func' value='submit'>

            
<ol class='phpfmg_form' >

<li class='field_block' id='field_0_div'><div class='col_label'>
	<label class='form_field'>First Name</label> <label class='form_required' style="width:15px" >*</label> </div>
	<div class='col_field'>
	<input type="text" name="field_0"  id="field_0" value="<?php  phpfmg_hsc("field_0", ""); ?>" class='text_box'>
	<div id='field_0_tip' class='instruction'></div>
	</div>
</li>

<li class='field_block' id='field_1_div'><div class='col_label'>
	<label class='form_field'>Last Name</label> <label class='form_required' style="width:15px" >*</label> </div>
	<div class='col_field'>
	<input type="text" name="field_1"  id="field_1" value="<?php  phpfmg_hsc("field_1", ""); ?>" class='text_box'>
	<div id='field_1_tip' class='instruction'></div>
	</div>
</li>

<li class='field_block' id='field_7_div'><div class='col_label'>
    <label class='form_field'>Email Address</label> <label class='form_required' style="width:15px"  >&nbsp;</label> </div>
    <div class='col_field'>
    <input type="text" name="field_7"  id="field_7" value="<?php  phpfmg_hsc("field_7", ""); ?>" class='text_box'>
    <div id='field_7_tip' class='instruction'></div>
    </div>
</li>

<li class='field_block' id='field_2_div'><div class='col_label'>
	<label class='form_field'>Contract No.</label> <label class='form_required' style="width:15px" >*</label> </div>
	<div class='col_field'>
	<input type="text" name="field_2"  id="field_2" value="<?php  phpfmg_hsc("field_2", ""); ?>" class='text_box'>
	<div id='field_2_tip' class='instruction'></div>
	</div>
</li>

<li class='field_block' id='field_3_div'><div class='col_label'>
	<label class='form_field'>Select Services</label> <label class='form_required' style="width:15px" >*</label> </div>

	<div class='col_field'>
     <br />
	<?php phpfmg_radios( 'field_3', "Body Work 30min. - $35|Body Work 60min. - $50|Body Work 90min. - $75|Foot Reflexology 30min. - $30|Foot Reflexology 60min. - $40|Foot Reflexology 90min. - $60|Body Work 30 mins + Foot Reflexology 30 mins - $50|Body Work 60 mins + Foot Reflexology 15 mins - $60|Body Work 60 mins + Foot Reflexology 30 mins - $75|Body Work 30 mins + Foot Reflexology 60 mins - $75|Body Work 60 mins + Foot Reflexology 60 mins - $90|Body Work 90 mins + Foot Reflexology 30 mins - $90", true );?>
	<div id='field_3_tip' class='instruction'></div>
	</div>
</li>

<li class='field_block' id='field_4_div'><div class='col_label'>
	<label class='form_field'>Appointment Date</label>  <label class='form_required' style="width:15px" >*</label></div>
	<div class='col_field'>
	
<?php
    $field_4 = array(
        'month' => "-MM- =,|01|02|03|04|05|06|07|08|09|10|11|12",
        'day' => "-DD- =,|01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31",
        'startYear' => date("Y")+0,
        'endYear' => date("Y")+10,
        'yearPrompt' => '-YYYY-',
        'format' => "mm/dd/yyyy",
        'separator' => "/",
        'field_name' => "field_4",
    );
    phpfmg_date_dropdown( $field_4 );
?>

	<div id='field_4_tip' class='instruction'></div>
	</div>
</li>

<li class='field_block' id='field_5_div'>
<br />
<div class='col_label'>
	<label class='form_field'>Appointment Time</label>  <label class='form_required' style="width:15px" >*</label> </div>
	<div class='col_field'>
	
<?php
    $field_5 = array(
        'hour' => "HH=,default|00|01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|21|22|23",
        'hourOpt' => "h12",
        'minute' => "MM=,default|00|30",
        'amfm' => "=,default|AM|PM",
        'second' => "",
        'field_name' => "field_5",
    );
    phpfmg_time_dropdown( $field_5 );
?>

	<div id='field_5_tip' class='instruction'></div>
	</div>
</li>

<li class='field_block' id='field_6_div'><div class='col_label'>
	<label class='form_field'>Number of Customers</label>  <label class='form_required' style="width:15px" >*</label> </div>
	<div class='col_field'>
	<?php phpfmg_dropdown( 'field_6', "-|1|2|3|4|5|6|7|8|9|10", true );?>
	<div id='field_6_tip' class='instruction'></div>
	</div>
</li>



 


            <li>
            <div class='col_label'>&nbsp;</div>
            <div class='form_submit_block col_field'>
	

                <input type='submit' value='Submit' class='form_button'>

				<div id='err_required' class="form_error" style='display:none;'>
				    <label class='form_error_title'>Please check the required fields</label>
				</div>
				


                <span id='phpfmg_processing' style='display:none;'>
                    <img id='phpfmg_processing_gif' src='<?php echo PHPFMG_ADMIN_URL . '?mod=image&amp;func=processing' ;?>' border=0 alt='Processing...'> <label id='phpfmg_processing_dots'></label>
                </span>
            </div>
            </li>

</ol>
</form>

<iframe name="submitToFrame" id="submitToFrame" src="javascript:false" style="position:absolute;top:-10000px;left:-10000px;" /></iframe>

</div>
<!-- end of form container -->


<!-- [Your confirmation message goes here] -->
<div id='thank_you_msg' style='display:none;'>
Your reservation has been sent successful. If you can passed your appointment time, we will cancel it, so please aim to be on time to the best of your ability. If you would like to cancel your reservation, please call 201-568-2168 at 30mins before your appointment time. Thank you!
</div>


            






<?php

    phpfmg_javascript($sErr);

}
# end of form




function phpfmg_form_css(){
    $formOnly = isset($GLOBALS['formOnly']) && true === $GLOBALS['formOnly'];
?>
<style type='text/css'>
<?php 
if( !$formOnly ){
    echo"
body{
    margin-left: 18px;
    margin-top: 18px;
}

body{
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 13px;
    color : #474747;
    background-color: transparent;
}

select, option{
    font-size:13px;
}
";
}; // if
?>

ol.phpfmg_form{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.col_field {
    padding-top: 2px;
    padding-bottom: 2px;
}

ol.phpfmg_form input, ol.phpfmg_form textarea, ol.phpfmg_form select{
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

ol.phpfmg_form li{
    margin-bottom:5px;
    clear:both;
    display:block;
    overflow:hidden;
	width: 100%
}


.form_field, .form_required{
    font-weight : bold;
    float: left;
    width: 30%;
}

.form_required{
    color:red;
    margin-right:8px;
}

.field_block_over{
}

.form_submit_block{
    padding-top: 3px;
}

.text_box,.text_select {
    height: 32px;
}

.text_box, .text_area, .text_select {
   
    width: 60%;
    margin-bottom: 10px;
}

.text_area{
    height:80px;
}

.form_error_title{
    font-weight: bold;
    color: red;
}

.form_error{
    background-color: #F4F6E5;
    border: 1px dashed #ff0000;
    padding: 10px;
    margin-bottom: 10px;
}

.form_error_highlight{
    background-color: #F4F6E5;
    border-bottom: 1px dashed #ff0000;
}

div.instruction_error{
    color: red;
    font-weight:bold;
}

hr.sectionbreak{
    height:1px;
    color: #ccc;
}


select, option {
    font-size: 13px;
    padding: 5px;
    width: 80px;
}
#one_entry_msg{
    background-color: #F4F6E5;
    border: 1px dashed #ff0000;
    padding: 10px;
    margin-bottom: 10px;
}

h2{
    font-size: 25px;
font-size: 2.25rem;
line-height: 40px;
line-height: 2.5rem;
margin-top: 1.4em;
margin-bottom: .2em;
color: #af2670;
font-weight: 400;
font-family: "Yeseva One", cursive;
}

#frmFormMailContainer input[type="submit"]{
     padding: 10px 25px;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #FAFBFC;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #80467f;
    border: none;
    letter-spacing: 2px;
}
 

#frmFormMailContainer input[type="submit"]:hover{
    background-color: #ac5eab;
}

<?php phpfmg_text_align();?>    



</style>

<?php
}
# end of css
 
# By: formmail-maker.com
?>