<?php
/**
 * Template Name: Features Page
 */
get_header();
$banner_section = get_field('banner_section');
//echo '<pre>'; print_r($banner_section);
?>

  <section class="no-banner">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <h2 class="heading01 mb-5 text-center">FEATURES</h2>
          <!-- Feature row -->
            <?php
            $args = array(
              'posts_per_page'   => -1,
              'orderby'          => 'date',
              'order'            => 'ASC',
              'post_type'        => 'cc-features',
              'post_status'      => 'publish',
              );
            $features = get_posts( $args );
            // echo '<pre>'; print_r($features);
            $count = 1;
            foreach($features as $feature) {
            $feat_image = wp_get_attachment_url(get_post_thumbnail_id($feature->ID)); ?>
              <div class="feature-row <?php echo ($count%2 == 0)?'feature-even':''; ?>">
                <div class="feature-image-wrapper">
                  <div class="laptop-animation">
                    <div class="destop-browser-bg feature-image">
                      <div class="dashboard-image-blog " style="background-image: url(<?php echo $feat_image; ?>"></div>
                    </div>
                  </div>
                </div>
                <article class="feature-content">
                  <h3 class="feature-heading"><?php echo $feature->post_title; ?></h3>
                  <p>  <?php echo $feature->post_content; ?> </p>
                  <!-- <p>MSPs and their clients love the ticket support feature.  Tickets can be created and managed from Captain’s Chair. Custom forms can be created for onboarding new employees as an example and approval tickets can be created that clients can approve from their email.</p> -->
                </article>
              </div>
            <?php
            $count++;
            } ?>
          <!-- /Feature row -->
        </div>
      </div>
    </div>
  </section>
<?php
get_footer();
?>