<header> 
    <!--top header-->
    <div class="top-header col-lg-12 col-md-12 col-xs-12">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-6 col-md-6 col-xs-12 logo"><a href="<?php echo SITE_URL?>"><img src="images/logo.png" width="217" height="90" class="img-fluid" /></a></div>
          <div class="col-lg-6 col-md-6 col-xs-12 top-contact" style="margin-top:20px;">
            <div style="float:left; width:50%;"><i class="fa fa-mobile-phone" style="font-size:62px; float:left; color:#4ab848; margin-right:20px; vertical-align:middle;  "></i>
              <div><span class="mobile"><?php echo DEFAULT_CONTACT_NO?></span><br/>
                <?php echo ADMIN_EMAIL?></div>
            </div>
            <div style="float:right;width:50%;"><i class="fa fa-location-arrow" style="font-size:42px; float:left; color:#4ab848; margin-right:20px; vertical-align:middle;  "></i>
              <div><span class="mobile">Business Centre</span><br/>
                Dubai, UAE</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--end top header--> 
    <!--bottom header-->
    <div class="bottom-header">
      <div class="col-lg-12 col-md-12 col-xs-12" style="padding-left:0px; padding-right:0px;">
        <div class="container-fluid">
          <div class="row"> 
            
            <!-- responsive nav bar -->
            <div class="nav-bar col-lg-9 col-md-9 col-xs-12  "> <a href=""><i class="fa fa-bars"></i></a> </div>
            <!-- navigation -->
            <nav>
            <ul>
				<?php
                    $pagesHead = $pagesObj->getAllRecords("*"," page_status = '1' AND page_parent = '0' AND on_header = '1' "," ORDER BY page_order",""); 
                    $total = count($pages);
                    $count = 0;
                    
                    if($pagesHead && count($pagesHead) > 0){
                        foreach ($pagesHead as $pindex => $page){
                            $submenu = '';
                            $downArrow = '';
							$pageUrl = SITE_URL.$page->page_slug.'.html';
                            $count++; 
                            if($page->page_id!=0){ 
                            $subpageDetails = $pagesObj->getAllRecords('*',' page_parent ='.$page->page_id," ORDER BY page_order ");
                            if($subpageDetails && count($subpageDetails) > 0){
                                $submenu = 'sub-menu';
                                $downArrow = '<i class="fa fa-angle-down"></i>';
								$pageUrl = 'javascript:;';
                            }
                        }
                        ?>
                <li class="<?php echo $submenu;?>">
                  <?php if($page->page_id=='1') {?>
                  <a title="<?php echo $page->page_title; ?>" href="<?php echo SITE_URL; ?>"><?php echo $page->page_title; ?> <?php echo $downArrow;?></a>
                  <?php }else {?>
                  <a title="<?php echo $page->page_title; ?>" href="<?php echo $pageUrl; ?>"  ><?php echo $page->page_title; ?> <?php echo $downArrow;?></a>
                  <?php } if($subpageDetails && count($subpageDetails) > 0){ ?>
                  
                  <ul class="children">
                  <?php foreach ($subpageDetails as $subpage){?>
                                <li><a title="<?php echo $subpage->page_title; ?>" href="<?php echo SITE_URL.$subpage->page_slug; ?>.html"><span>-</span><?php echo $subpage->page_title; ?></a></li>
                              <?php } ?>
                              </ul>
                   <?php } ?>
                </li>
                <?php } } ?>
              </ul>
              
            </nav>
            <!-- navigation end -->
            
            <div  class="col-lg-3 col-md-3 col-xs-12 ">
              <div class="get-a-quote"><a href="javascript:;" data-toggle="modal" data-target="#modalContactForm" style="text-decoration:none; color:#fff;">GET A QUOTE</a></div>
              <div style="float:left; margin-top:16px;" ><span class="book-a-showing"><a href="javascript:;" data-toggle="modal" data-target="#modalContactBookForm" style="text-decoration:none; color:#fff;">BOOK A SHOWING</a></span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--end bottom header--> 
    
  </header>
  
  <div class="modal fade" id="modalContactForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
  aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title">Get A Quote</h1>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                
                <div class="row">
        <div class="col-lg-12 col-md-12 col-xs-12">
          <div class="welcome-note-writeup">
          <form class="" method="post" name="quoteContact" id="quoteContact" action="<?php echo SITE_URL.'form-submission.php'?>">

                    <div class="messages"></div>

                    <div class="controls">

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="form_name">Name *</label>
                                    <input type="text" name="name" id="quoteName" class="form-control" placeholder="Please enter your firstname *" required data-error="Firstname is required.">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-md-6">
                            <div class="form-group">
                                    <label for="form_email">Email *</label>
                                    <input type="email" name="email" id="quoteEmail" class="form-control" placeholder="Please enter your email *" required data-error="Valid email is required.">
                                    <div class="help-block with-errors"></div>
                                </div>
                               
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="form_email">Phone No. *</label>
                                    <input type="number" name="phoneno" id="quoteContact" class="form-control" placeholder="Please enter your email *" required data-error="Valid email is required.">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="form_email">Subject. *</label>
                                    <input type="text" name="subject" id="quoteSubject" class="form-control" placeholder="Please enter your email *" required data-error="Valid email is required.">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="form_message">Message *</label>
                                    <textarea id="quoteMessage" name="message" class="form-control" placeholder="Please, leave us a message *" rows="4" required data-error="Please, leave us a message."></textarea>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-md-12">
                             <input type="hidden" name="action_sub" value="fc_contact_sub" />
                       <input type="hidden" name="page_from" value="popup_quote" />
                                <input type="submit" class="btn btn-success btn-send" value="Send message">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <p class="text-muted">
                                    <strong>*</strong> These fields are required.</p>
                            </div>
                        </div>
                    </div>

                </form>
          </div>
        </div>
        
        </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" id="modalContactBookForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
  aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title">Book A Showing</h1>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                
                <div class="row">
        <div class="col-lg-12 col-md-12 col-xs-12">
          <div class="welcome-note-writeup">
          <form class="" method="post" name="bookContact" id="bookContact" action="<?php echo SITE_URL.'form-submission.php'?>">

                    <div class="messages"></div>

                    <div class="controls">

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="form_name">Name *</label>
                                    <input type="text" name="name" id="bookName" class="form-control" placeholder="Please enter your firstname *" required data-error="Firstname is required.">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-md-6">
                            <div class="form-group">
                                    <label for="form_email">Email *</label>
                                    <input type="email" name="email" id="bookEmail" class="form-control" placeholder="Please enter your email *" required data-error="Valid email is required.">
                                    <div class="help-block with-errors"></div>
                                </div>
                               
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="form_email">Phone No. *</label>
                                    <input type="number" name="phoneno" id="bookContact" class="form-control" placeholder="Please enter your contact *" required data-error="Valid contact no is required.">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="form_email">Subject. *</label>
                                    <input type="text" name="subject" id="bookSubject" class="form-control" placeholder="Please enter your subject *" required data-error="Field is required.">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="form_message">Message *</label>
                                    <textarea id="bookMessage" name="message" class="form-control" placeholder="Please, leave us a message *" rows="4" required data-error="Please, leave us a message."></textarea>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-md-12">
                             <input type="hidden" name="action_sub" value="fc_contact_sub" />
                       <input type="hidden" name="page_from" value="popup_book_show" />
                                <input type="submit" class="btn btn-success btn-send" value="Send message">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <p class="text-muted">
                                    <strong>*</strong> These fields are required.</p>
                            </div>
                        </div>
                    </div>

                </form>
          </div>
        </div>
        
        </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

  


