<?php

/**
 * Display archive HAPPYWORLD for the theme.
 * 
 * @copyright  ZiniMedia 2016
 * @version    Release: 0.1
 * @package    happyworld
 * @author     ZiniMedia-BM
 */
?>
<?php get_header(); ?>
<?php
$services = get_posts(([
  'post_type' => 'service',
  'hide_empty' => false
]));
?>
<main class="main-content">
  <!-- section-header-page -->
  <section class="section-header-page" style="background-image: url('<?php bloginfo('template_directory'); ?>/assets/images/bg-service.jpg')">
    <div class="container">
      <h1 class="title-page h2-sm">Dịch vụ khách hàng & bảo hiểm</h1>
      <div class="header-page-description text-center text-white">
        Tại bệnh viện quốc tế Gia Khang, chúng tôi không ngừng mở rộng mạng lưới đối tác với các đơn vị cung cấp dịch vụ bảo hiểm nhằm hỗ trợ quý khách hàng trong việc thanh toán các chi phí khám và điều trị cách tiện lợi và nhanh chóng nhất. Tìm hiểm thêm thông tin về các chính sách bảo hiểm tại HAPPYWORLD hoặc gửi yêu cầu cho chúng tôi để được hỗ trợ nhanh nhất.
      </div>
    </div>
  </section>
  <!-- e: section-header-page -->

  <div class="primary-content">
    <!-- service-page -->
    <div class="service-page">
      <div class="container">
        <div class="row service-list">
          <?php
          foreach ($services as $service) { ?>
            <div class="col-sm-6 col-md-4 col-lg-3 service-col">
              <div class="news-item">
                <div class="news-item-img">
                  <?php if (has_post_thumbnail($service->ID, "275x208")) {
                    $imgThumb = wp_get_attachment_image_src(get_post_thumbnail_id($service->ID), "275x208");
                  ?>
                    <a href="<?php echo get_the_permalink($service->ID); ?>" title="<?php the_title(); ?> ">
                      <img src="<?php echo $imgThumb[0]; ?>" alt="<?php the_title(); ?>" />
                    </a>
                  <?php } else { ?>
                    <a href="<?php echo get_permalink(); ?>" title="<?php the_title(); ?> " class="thumb-img">
                      <img src="<?php bloginfo('template_directory'); ?>/assets/images/upload/service_not_thumb.jpg" alt="<?php the_title(); ?>" />
                    </a>
                  <?php } ?>


                  <!-- <a href="#"><img src="images/upload/service-img-1.jpg" alt="" /></a> -->
                </div>
                <div class="news-item-text">
                  <h3 class="title-news dotdotdot">
                    <a href="<?php echo get_the_permalink($service->ID); ?>"><?php echo $service->post_title ?></a>
                  </h3>
                  <div class="meta">
                    <i class="fa fa-clock-o"></i> <?php echo get_the_date(); ?>
                  </div>
                  <div class="news-item-blockquote">
                    <?php the_excerpt(); ?>
                  </div>
                </div>
              </div>
            </div><!-- col -->
          <?php } ?>
        </div>

      </div>
    </div>
    <!-- e: service-page -->
  </div>
</main>

<?php get_footer(); ?>