<?php
/* 
Template Name:Home
*/
?>
<?php 
get_header(); 
$post = get_post();
if (has_post_thumbnail( $post->ID ) ) {
$image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
}
?>
<?php
$check_low_rates_button = get_field('check_low_rates_button', $post->ID);
?>
<!-- ********|| BANNER STARTS ||******** -->
<section class="sec-banner">
  <div class="banner-inner">
    <div class="banner-img">
      <img src="<?php echo $image[0]; ?>" alt="">
    </div>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="banner-text">
      <?php the_content(); ?>
      <div class="check-action">
        <a href="<?php echo $check_low_rates_button['url'];?>" class="check-btn"><?php echo $check_low_rates_button['title'];?></a>
        <?php 
          $contact_text = get_option('contact_text');
          $contact_number = get_option('contact_number');
          if(($contact_text != '') && ($contact_number != '')){
        ?>
        <a href="tel:<?php echo $contact_number; ?>" class="send-btn"><i
            class="fa-solid fa-fw fa-phone mr-2"></i><?php echo $contact_text; ?></a>
        <?php } ?>
      </div>
    </div>
    <?php endwhile; endif; ?>
  </div>
</section>
<!-- ********|| BANNER ENDS ||******** -->
<!-- ********|| GET QUOTE STARTS ||******** -->
<?php 
$get_quote_section_title = get_field('get_quote_section_title');
$get_quote_section_description = get_field('get_quote_section_description');
$quote_args=array(
'post_type' 		 => 'quote',
'post_status' 	 => 'publish',
'order' 				 => 'asc',
'orderby'     	 => 'menu_order',
'posts_per_page' => -1
);
$quote_result = new WP_Query($quote_args);
if($quote_result != ''){
?>
<section class="sec-quote">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="title">
          <div class="title-text"><?php echo $get_quote_section_title; ?></div>
          <div class="title-sub-text"><?php echo $get_quote_section_description; ?></div>
        </div>
      </div>
    </div>
    <div class="quote-inner">
      <div class="row justify-content-between">
        <?php
        foreach($quote_result->posts as $quote){
        ?>
        <div class="col-6 col-lg-3 col-md-6">
          <div class="quote-item">
            <div class="quote-icon"><i class="<?php echo $quote->quote_icon_classnames; ?>"></i></div>
            <div class="quote-text"><?php echo $quote->post_title; ?></div>
          </div>
        </div>
        <?php } ?>
      </div>
    </div>
  </div>
</section>
<?php } ?>
<!-- ********|| GET QUOTE ENDS ||******** -->
<!-- ********|| HOME LOAN STARTS ||******** -->
<?php 
$about_us_section_subtitle = get_field('about_us_section_subtitle');
$about_us_section_title = get_field('about_us_section_title');
$about_us_section_description = get_field('about_us_section_description');
$about_us_section_image = get_field('about_us_section_image');

if(($about_us_section_image != '') && ($about_us_section_title != '') && ($about_us_section_description != '')){
?>
<section class="sec-home-loan">
  <?php if($about_us_section_image != '') {?>
  <div class="home-loan-img">
    <img src="<?php echo $about_us_section_image['url']; ?>" alt="">
  </div>
  <?php } ?>
  <div class="home-loan-content">
    <?php if($about_us_section_subtitle != '') {?>
    <div class="home-loan-heding"><?php echo $about_us_section_subtitle; ?></div>
    <?php } if($about_us_section_title != '') { ?>
    <div class="home-loan-title"><?php echo $about_us_section_title; ?></div>
    <?php } if($about_us_section_description != '') { ?>
    <div class="home-loan-text"><?php echo $about_us_section_description; ?></div>
    <?php } ?>
  </div>
</section>
<?php } ?>
<!-- ********|| HOME LOAN ENDS ||******** -->
<!-- ********|| REVIEWS STARTS ||******** -->
<?php 
$featured_reviews_title = get_field('featured_reviews_title');
$featured_reviews_description = get_field('featured_reviews_description');
$featured_reviews_highlighted = get_field('featured_reviews_highlighted');
$featured_reviews_star_count = get_field_object('featured_reviews_star_count');

$review_args=array(
'post_type' 		 => 'review',
'post_status' 	 => 'publish',
'order' 				 => 'asc',
'orderby'     	 => 'menu_order',
'posts_per_page' => -1,
'meta_query' => array(
  array(
      'key'   => 'review_featured',
      'value' => '1',
    )
  )
);
$review_result = new WP_Query($review_args);
if($review_result != ''){
?>
<section class="sec-reviews">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="title">
          <?php if($featured_reviews_title != '') {?>
          <div class="title-text"><?php echo $featured_reviews_title; ?></div>
          <?php } if($featured_reviews_description != '') { ?>
          <div class="title-sub-text"><?php echo $featured_reviews_description; ?></div>
          <?php } ?>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="reviews-inner">
          <?php if($featured_reviews_highlighted != '') {?>
          <div class="reviews-title"><?php echo $featured_reviews_highlighted; ?></div>          
          <?php } if($featured_reviews_star_count != '') { ?>
          <div class="reviews-item">
            <?php 
            $less_star_count = (5 - $featured_reviews_star_count['value']);
            for($i=1; $i <= $featured_reviews_star_count['value']; $i++){
            ?>
            <div class="reviews-icon">
              <i class="fas fa-fw fa-star"></i>
            </div>
            <?php } 
            for($i=1; $i <= $less_star_count; $i++){ ?>
            <div class="reviews-icon alt">
              <i class="fas fa-fw fa-star"></i>
            </div>
            <?php } ?>
          </div>
          <?php } ?>
        </div>
      </div>
      <div class="col-lg-8 offset-lg-2">
        <div class="reviews-slider">
          <div class="swiper-button-next" id="swiper1-next"></div>
          <div class="swiper-button-prev" id="swiper1-prev"></div>
          <div class="swiper mySwiper">
            <div class="reviews-title">Powered by Ratesight</div>
            <div class="swiper-wrapper">
              <?php
              foreach($review_result->posts as $review){
                $post_date = get_the_date( 'l, F j, Y',$review->ID );
                $rating = get_field_object('rating',$review->ID );
              ?>
              <div class="swiper-slide">
                <div class="banner-slider">
                  <div class="banner-title"><?php echo $review->post_title;?></div>
                  <div class="banner-content">
                    <div class="banner-item">
                      <?php 
                      $less_star_count = (5 - $rating['value']);
                      for($i=1; $i <= $rating['value']; $i++){
                      ?>
                      <div class="banner-icon">
                        <i class="fas fa-fw fa-star"></i>
                      </div>
                      <?php } 
                        for($i=1; $i <= $less_star_count; $i++){ ?>
                      <div class="banner-icon alt">
                        <i class="fas fa-fw fa-star"></i>
                      </div>
                      <?php } ?>
                    </div>
                    <div class="banner-text"><?php echo $review->post_content;?></div>
                    <?php if($post_date){?>
                    <div class="date-inner mt-5">
                      <div class="banner-icon"><i class="fa-brands fa-google"></i></div>
                      <div class="banner-date"><?php echo $post_date;?></div>
                    </div>
                    <?php } ?>
                  </div>
                </div>
              </div>
              <?php } ?>
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<?php } ?>
<!-- ********|| REVIEWS ENDS ||******** -->
<!-- ********|| PROFESSIONALS START ||******** -->
<?php 
$professionals_section_title = get_field('professionals_section_title');
$professionals_section_description = get_field('professionals_section_description');

$professionals_args=array(
'post_type' 		 => 'professionals',
'post_status' 	 => 'publish',
'order' 				 => 'asc',
'orderby'     	 => 'menu_order',
'posts_per_page' => -1,
);
$professionals_result = new WP_Query($professionals_args);
if($professionals_result != ''){
?>
<section class="sec-professionals">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="title">
          <div class="title-text heading"><?php echo $professionals_section_title; ?></div>
          <div class="title-sub-text"><?php echo $professionals_section_description; ?></div>
        </div>
      </div>
    </div>
    <div class="professionals-inner">
      <div class="row">
        <?php
        foreach($professionals_result->posts as $professionals){
        if (has_post_thumbnail( $post->ID ) ) {
        $image = wp_get_attachment_image_src( get_post_thumbnail_id( $professionals->ID ), 'small' );
        ?>
        <input type="hidden" class="professionals_data" name="professionals_title" value="<?php echo $professionals->post_title;?>"/>
        <input type="hidden" class="professionals_data" name="professionals_image" value="<?php echo $image[0];?>"/>
        <input type="hidden" class="professionals_data" name="professionals_qualification" value="<?php echo $professionals->professionals_qualification;?>"/>
        <input type="hidden" class="professionals_data" name="professionals_designation" value="<?php echo $professionals->professionals_designation;?>"/>
        <input type="hidden" class="professionals_data" name="professionals_location" value="<?php echo $professionals->professionals_location;?>"/>
        <input type="hidden" class="professionals_data" name="professionals_email" value="<?php echo $professionals->professionals_email;?>"/>
        <input type="hidden" class="professionals_data" name="professionals_telephone_text" value="<?php echo $professionals->professionals_telephone_text;?>"/>
        <input type="hidden" class="professionals_data" name="professionals_telephone_no" value="<?php echo $professionals->professionals_telephone_no;?>"/>
        <input type="hidden" class="professionals_data" name="professionals_mobile_text" value="<?php echo $professionals->professionals_mobile_text;?>"/>
        <input type="hidden" class="professionals_data" name="professionals_mobile_no" value="<?php echo $professionals->professionals_mobile_no;?>"/>
        <input type="hidden" class="professionals_data" name="professionals_nmls" value="<?php echo $professionals->professionals_nmls;?>"/>
        <input type="hidden" class="professionals_data" name="professionals_link" value="<?php echo $professionals->professionals_link;?>"/>
        <div class="col-6 col-lg-4 col-md-6">
          <a href="javascript:void(0)" class="professionals-item"
          onclick="professionals(
            '<?php echo $professionals->post_title;?>', 
            '<?php echo $image[0];?>', 
            '<?php echo $professionals->professionals_qualification;?>',
            '<?php echo $professionals->professionals_designation;?>',
            '<?php echo $professionals->professionals_location;?>',
            '<?php echo $professionals->professionals_email;?>',
            '<?php echo $professionals->professionals_telephone_text;?>',
            '<?php echo $professionals->professionals_telephone_no;?>',
            '<?php echo $professionals->professionals_mobile_text;?>',
            '<?php echo $professionals->professionals_mobile_no;?>',
            '<?php echo $professionals->professionals_nmls;?>',
            '<?php echo $professionals->professionals_link;?>'
          )">
            <div class="professionals-image">
              <img src="<?php echo $image[0]; ?>" alt="<?php echo $professionals->post_title; ?>">
            </div>
            <div class="professionals-content">
              <div class="professionals-title"><?php echo $professionals->post_title; if($professionals->professionals_qualification){echo ", ".$professionals->professionals_qualification;} ?></div>
              <?php if($professionals->professionals_designation){?>
              <div class="professionals-text"><?php echo $professionals->professionals_designation; ?></div>
              <?php } if($professionals->professionals_mobile_text){?>
              <div class="professionals-text">Tel: <?php echo $professionals->professionals_mobile_text; ?></div>
              <?php } ?>
            </div>
          </a>
        </div>
        <?php } } ?>
      </div>
    </div>
  </div>
</section>
<!-- ********|| MODAL STARTS ||******** -->
<div class="modal professionals-modal fade" id="professionalsDetails" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <i class="fa-regular fa-xmark"></i>
        </button>

        <div class="profile-inner">
          <div class="profile-img" id="post_image">
            <img id="post_image_src" src="." alt="">
          </div>
          <div class="profile-content">
            <div class="profile-title" id="post_title_section">
              <span id="post_title"></span>
              <span id="post_qualification"></span>
            </div>
            <div class="profile-sub-title" id="post_subtitle_section">
              <span id="post_designation"></span>
              <span id="post_location"></span>
            </div>
            <div class="profile-list">
              <a href="javascript:void(0)" class="profile-item" id="post_email">
                <div class="profile-icon"><i class="fa-regular fa-fw fa-envelope"></i></div>
                <div class="profile-text" id="post_email_data"></div>
              </a>
              <a href="javascript:void(0)" class="profile-item" id="post_tel">
                <div class="profile-icon"><i class="fa-regular fa-fw fa-phone"></i></div>
                <div class="profile-text" id="post_tel_text"></div>
              </a>
              <a href="javascript:void(0)" class="profile-item" id="post_mob">
                <div class="profile-icon"><i class="fa-regular fa-fw fa-mobile-screen-button"></i></div>
                <div class="profile-text" id="post_mob_text"></div>
              </a>
            </div>
            <div class="profile-sub-text" id="post_nmls"></div>
            <div class="apply-action">
              <a href="" target="_blank" type="button" class="apply-btn" id="apply_button">Apply With <span id="button_title" class="ml-2"></span></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
<!-- ********|| MODAL ENDS ||******** -->
<?php } ?>

<script>
  $('#professionalsDetails .close').on('click', function(){
    $('#professionalsDetails #apply_button').attr('href', '');
    $('#professionalsDetails #button_title').text('');
  });

  function professionals(title, image, qualification, designation, location, email, tel_text, tel, mob_text, mob, nmls, link){
    $('#professionalsDetails').modal('show');

    if(title){
      $('.professionals-modal #post_title_section').find('#post_title').text(title);
      $('.professionals-modal').find('#button_title').text(title);
      if(qualification){ 
        $('.professionals-modal #post_title_section').find('#post_qualification').text(", " + qualification); 
      }
      else{
        $('.professionals-modal #post_title_section').find('#post_qualification').hide();
      }
    }else{
      $('.professionals-modal #post_title_section').hide();
    }

    if(image){
      $('.professionals-modal #post_image').find('#post_image_src').attr('src', image);
    }else{
      $('.professionals-modal #post_image').find('#post_image_src').hide();
    }

    if(designation){
      $('.professionals-modal #post_subtitle_section').find('#post_designation').text(designation);
    }else{
      $('.professionals-modal #post_subtitle_section').find('#post_designation').hide();
    }

    if(location){ 
      $('.professionals-modal #post_subtitle_section').find('#post_location').text(" | " + location); 
    }
    else{
      $('.professionals-modal #post_subtitle_section').find('#post_location').hide();
    }

    if(email){ 
      $('.professionals-modal #post_email').find('#post_email_data').text(email); 
      $('.professionals-modal #post_email').attr('href', 'mailto:'+email); 
    }
    else{
      $('.professionals-modal #post_email').find('#post_location').hide();
    }

    if(tel && tel_text){
      $('.professionals-modal #post_tel').find('#post_tel_text').text(tel_text);
      $('.professionals-modal #post_tel').attr('href', 'tel:'+tel); 
    }else{
      $('.professionals-modal #post_tel').hide();
    }

    if(mob && mob_text){
      $('.professionals-modal #post_mob').find('#post_mob_text').text(mob_text);
      $('.professionals-modal #post_mob').attr('href', 'tel:'+mob); 
    }else{
      $('.professionals-modal #post_mob').hide();
    }

    if(nmls){
      $('.professionals-modal #post_nmls').text("NMLS: "+nmls);
    }else{
      $('.professionals-modal #post_nmls').hide();
    }

    if(link){
      $('.professionals-modal #apply_button').attr('href', link);
    }else{
      $('.professionals-modal #apply_button').attr('href', '#');
    }

  } 
</script>
<!-- ********|| PROFESSIONALS ENDS ||******** -->
<?php get_footer(); ?>