feather-light

<?php
/*
* Event Shortcode.
*/

add_shortcode( 'custom_posts_event', 'custom_posts_event_func' );
function custom_posts_event_func( $atts ){

  global $post;
  $default = array(
    'type'            => 'event',
    'post_type'       => '',
    'limit'           => 10,
    'status'          => 'publish'
  );
  $r = shortcode_atts( $default, $atts );
  extract( $r );

  if( empty($post_type) )
    $post_type = $type;

  $return = $limit_post = '';

  $post_type_ob = get_post_type_object( $post_type );

  if( !$post_type_ob )
    return '<div class="warning"><p>No such post type <em>' . $post_type . '</em> found.</p></div>';

  # Column Order.
  $order_list = get_option('event_post_order');
  if ( ! $order_list)
  $order_list = 'desc';

  $args = array(
    'post_type'           => $post_type,
    'order'             => esc_attr($order_list),
    'numberposts'         => $limit,
    'post_status'         => $status,
    'posts_per_page'    => $limit_post,
  );

  $posts = get_posts( $args );

  # Number of Column
  $numofcolumn = get_option('num_custom_settings');
  if ( ! $numofcolumn)
  $numofcolumn = '4';


  $count = 1;
  if( count($posts) ):

    $return .= '<div class="event-post-wrapper">';
    foreach( $posts as $post ): setup_postdata( $post );

    $datetime   = get_post_meta(get_the_ID(), 'cpt_event_start_datetime', true);
    # Event Countdown script. ?>

    <script type="text/javascript">
        jQuery(function($) {
            $('#countdown-timer'+<?php echo $count; ?>+'').countdown("<?php echo str_replace('-', '/', $datetime); ?>", function(event) {
                $(this).html(event.strftime('<div class="countdown-section"><span class="countdown-amount first-item countdown-days">%-D </span><span class="countdown-period">%!D: .<?php echo esc_html__("DAY", "custom-post"); ?>,<?php echo esc_html__("DAYS", "custom-post"); ?>;</span></div><div class="countdown-section"><span class="countdown-amount countdown-hours">%-H </span><span class="countdown-period">%!H:<?php echo esc_html__("HOUR", "custom-post"); ?>,<?php echo esc_html__("HOURS", "custom-post"); ?>;</span></div><div class="countdown-section"><span class="countdown-amount countdown-minutes">%-M </span><span class="countdown-period">%!M:<?php echo esc_html__("MINUTE", "custom-post"); ?>,<?php echo esc_html__("MINUTES", "custom-post"); ?>;</span></div><div class="countdown-section"><span class="countdown-amount countdown-seconds">%-S </span><span class="countdown-period">%!S:<?php echo esc_html__("SECOND", "custom-post"); ?>,<?php echo esc_html__("SECONDS", "custom-post"); ?>;</span></div>'));
            });
        });
    </script>

<?php
    $return .= '<div class="evenst-content-arapper cp-col-'.esc_attr($numofcolumn).'">';

    $return .= '<div class="event-wrapper">';
      if ( has_post_thumbnail() ) {
          $img  = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'cpt-event' );
          $return .= '<div class="event-img">';
          $return .= '<a data-featherlight="#fl1'.$post->ID.'" href="#">';
          $return .= '<img class="img-responsive" src="'.esc_url( $img[0] ).'" alt="'. get_the_title() .'" >';
          $return .= '</a>';
          $return .= '</div>';
      }

      $return .= '<div class="counstdown-text-wrap">';
      $return .= '<h3 class="countsdown-timer-title">'.date_i18n("F j, Y", strtotime($datetime)).'</h3>';
      $return .= '<h3 class="countdsown-timer-subtitle"><a data-featherlight="#fl1'.$post->ID.'" href="#">'. get_the_title() .'</a></h3>';
      $return .= '<div id="countdown-timer'. $count .'"></div>';
      $return .= '</div>';

    $return .= '</div>';
    $return .= '</div>';


$start_date   = get_post_meta(get_the_ID(), 'cpt_event_start_datetime', true);
$endtime      = get_post_meta(get_the_ID(), 'cpt_event_end_datetime', true);
#Feather Light HTML tag
$return.='<div class="lightbox" id="fl1'.$post->ID.'">
            <div class="tup-popup-area">
              <div class="tup-popup-left"><img class="img-responsive" src="'.esc_url( $img[0] ).'" alt="'. get_the_title() .'" ></div>
              <div class="tup-popup-right">
                <h3>'. get_the_title() .'</h3>
                <p>'. get_the_content() .'</p>

                <div class="event-date-time">

                <div class="cpt-event-datetime">
                  <h3>Event Date</h3>
                  <div class="event-date">
                    <span class="event-date">'.date_i18n(get_option( 'date_format' ), strtotime($start_date)).' - '.date_i18n(get_option( 'date_format' ), strtotime($endtime)).' </span>

                  </div>
                </div>

                <div class="cpt-event-timedate">
                  <h3>Event Time</h3>
                  <div class="event-time">
                    <span class="event-time">'. date_i18n("h:i A", strtotime($start_date)).' - '.date_i18n("H:i A", strtotime($endtime)).' </span>
                  </div>
                </div>
                </div> <!--/.event-date-->

        </div>
    </div>
</div>';
#End HTML tag











    $count++;
    endforeach;
    wp_reset_postdata();
    $return .= '</div>';
  else :
    $return .= '<p>No posts found.</p>';
  endif;

  return $return;
}
?>