

<?php get_header(); ?>

<div class="wrap">
    <div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">
            <div id="home" class="fullCommon commonBanner">
                <div class="insideCon">
                    <h1><?php the_title(); ?></h1>
                    <div class="breadcrumb"><?php echo get_breadcrumb(); ?></div>
                </div>
            </div>
            
            
            
            <div class="fullCommon middleContent">
                <div id="singleProperty" class="fullCommon pad_tp_100">
                    <div class="container">
                      <div class="row">
                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 sin_left_con">
                              <?php the_post_thumbnail(); ?>
                            </div>      
                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 sin_right_con">
                                <h1><?php the_title(); ?></h1>    
                                <div class="content"><?php the_content(); ?></div>
                            </div>
                            
                      </div>    
                      
                       <div class="row mar_top_50 mar_bt_100">
                                          
                            <div class="tabs-menu">
                                 <ul>
                                    <li class="current"><a href="#tab01">Amenities</a></li>
                                    <li class=""><a href="#tab02">Specifications</a></li>
                                    <li class=""><a href="#tab03">Floor Plans</a></li>
                                    <li class=""><a href="#tab04">Photos</a></li>
                                    <li class=""><a href="#tab05">Location</a></li>
                                </ul>
                            </div>              
              		 
                            <div class="tabMainContent">
                                <ul class="tab">
                                     
                                    <li id ="tab01" class="tab-content" style="display:block;">
                                        <?php echo the_field('amenities');?>
 
                                    </li>
                                    <li id ="tab02" class="tab-content">
                                        <?php            
                                            // Check rows exists.
                                     if( have_rows('specifications') ):
                                            
                                // Loop through rows.
                                while( have_rows('specifications') ) : the_row();
                                    $specifications_category = get_sub_field('specifications_category');
                                    ?>
                                        
                                        <div class="content">
                                            <p><?php echo $specifications_category;?></p>
                                        </div>
                            
                                        <?php
                                            // End loop.
                                            endwhile;
                                        
                                        // No value.
                                        else :
                                            // Do something...
                                        endif;
                                ?>
                                                  
                                     
                                    </li> 
                                    <li id ="tab03" class="tab-content">
                                       <?php            
                                            // Check rows exists.
                                     if( have_rows('floor_plan') ):?>
                                         
                                        <div class="floor_row">   
                                        <?php
                                        // Loop through rows.
                                        while( have_rows('floor_plan') ) : the_row();
                                        $floorPlan_name = get_sub_field('floor_plan_name');
                                        $floor_plan_image = get_sub_field('floor_plan_image');
                                        ?>
                                        <div class="floor_content col-xs-12 col-sm-6 col-md-4 col-lg-4">
                                            <h4><?php echo $floorPlan_name;?></h4>
                                            <img src="<?php echo $floor_plan_image;?>"/>
                                        </div>
                            
                                        <?php
                                            // End loop.
                                            endwhile;
                                            ?>
                                        </div>
                                        <?php
                                        // No value.
                                        else :
                                            // Do something...
                                        endif;
                                    ?>
                                      
                                      
                                    </li> 
                                    <li id ="tab04" class="tab-content">
                                      <?php            
                                            // Check rows exists.
                                     if( have_rows('property_gallery') ):?>
                                         
                                        <div class="gallery_row">   
                                        <?php
                                        // Loop through rows.
                                        while( have_rows('property_gallery') ) : the_row();
                                        $add_image = get_sub_field('add_image');
                                        ?>
                                        <div class="gallery_content col-xs-12 col-sm-6 col-md-4 col-lg-4">
                                            <img src="<?php echo $add_image;?>"/>
                                        </div>
                            
                                        <?php
                                            // End loop.
                                            endwhile;
                                            ?>
                                        </div>
                                        <?php
                                        // No value.
                                        else :
                                            // Do something...
                                        endif;
                                    ?>
                                      
                                      
                                    </li> 
                                    <li id ="tab05" class="tab-content">
                                       <div class="location_content">
                                          <div class="location_details col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                          <?php echo the_field('location_details');?>
                                          </div>
                                          <div class="location_map col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                          <?php echo the_field('location_map_iframe');?>
                                          </div>
                                      
                                    </li> 
                                    
                                </ul>
                            </div>
                            
                            
                            
                            
                      </div>
                      
                      
                      
                    </div>    
                </div>    
   
            <?php

            // if ( have_posts() ) {

            //     while ( have_posts() ) {
            //         the_post();

            //         get_template_part( 'template-parts/content', get_post_type() );
            //     }
            // }

            ?>

            </div>    

            
       </main><!-- #site-content -->
                         
        </main><!-- #main -->
    </div><!-- #primary -->
</div><!-- .wrap -->

<?php get_footer(); ?>

