/**
 * Create a nicely formatted and more specific title element text for output
 * in head of document, based on current view.
 *
 * @since Dichan 1.0
 *
 * @param string $title Default title text for current view.
 * @param string $sep Optional separator.
 * @return string The filtered title.
 */
function zatolab_wp_title($title, $sep)
{
    global $paged, $page;
    if (is_feed()) {
        return $title;
    }
    // Add the site name.
    $title .= get_bloginfo('name');
    // Add the site description for the home/front page.
    $site_description = get_bloginfo('description', 'display');
    if ($site_description && (is_home() || is_front_page())) {
        $title = "{$title} {$sep} {$site_description}";
    }
    // Add a page number if necessary.
    if ($paged >= 2 || $page >= 2) {
        $title = "{$title} {$sep} " . sprintf(zl_option('lang_pagednumb', __('Page %s', 'zatolab')), max($paged, $page));
    }
    return $title;
}
    echo $logo;
    ?>
" alt="<?php 
    bloginfo('title');
    ?>
"/></a>
						<?php 
}
?>
					</div>
				</div>
			</div>
		</footer>
		<div class="clear"></div>
	</div> <!-- END class="mp-pusher" id="mp-pusher" -->
	<div class="clear"></div>
	<div class="zl_backtotop" style="display: block;">
		<span class="dashicons dashicons-arrow-up-alt2"></span>
	</div>
	<div class="clear"></div>
	<div class="mobileonly">
		<?php 
get_template_part('inc/parts/msidebar');
?>
	</div>
	<?php 
echo zl_option('tracker');
wp_footer();
?>
	</body>
</html>
                    <?php 
}
?>
                    <?php 
if ($skills) {
    ?>
                    <li><div class="dashicons dashicons-performance"></div> <?php 
    echo $skills;
    ?>
</li>
                    <?php 
}
?>
                </ul>
                <div class="clear"></div>
                <a href="<?php 
echo $currenturl;
?>
" class="zl_post_readmore"><?php 
echo zl_option('lang_portlink', __('Launch Project', 'zatolab'));
?>
</a>
           </div>
        </div>
        <div class="clear"></div>
        
    </div> <!-- End large-4 -->
    <div class="clear"></div>
    
</div><!-- // End .Portfolio Wrapper -->
<div class="clear"></div>
    /**
     * Outputs the HTML for this widget.
     *
     * @param array  An array of standard parameters for widgets in this theme
     * @param array  An array of settings for this widget instance
     * @return void Echoes it's output
     **/
    function widget($args, $instance)
    {
        extract($args, EXTR_SKIP);
        $title = empty($instance['title']) ? ' ' : apply_filters('widget_title', $instance['title']);
        $fetch = empty($instance['fetch']) ? ' ' : apply_filters('widget_title', $instance['fetch']);
        echo $before_widget;
        echo $before_title;
        echo $title;
        // Can set this with a widget option, or omit altogether
        echo $after_title;
        //
        // Widget display logic goes here
        //
        /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
        /* Here We Go, BUild the Gate to prevent headache to find out which the Output*/
        /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
        ?>
    <div class="row albwidget">
    <?php 
        global $wp_query;
        $args = array('post_type' => 'zl_album', 'post_status' => 'publish', 'orderby' => 'DATE', 'order' => 'DESC', 'posts_per_page' => $fetch, 'ignore_sticky_posts' => 1);
        $album = new WP_Query($args);
        ?>
    <?php 
        if ($album->have_posts()) {
            while ($album->have_posts()) {
                $album->the_post();
                //Let's Generate the Thumbnail.
                $thumb = get_post_thumbnail_id();
                $img_url = wp_get_attachment_url($thumb, 'full');
                $image = zl_theme_thumb($img_url, 100, 100, 'c', true);
                //Get Gallery Images
                $gallery = get_post_gallery_images();
                //Count Images
                $items = count($gallery);
                //Get the First Item if featured image isn't set.
                $firstimg = reset($gallery);
                $firstimg = str_replace('-150x150', '', $firstimg);
                //Crop the first image.
                $firstimg = zl_theme_thumb($firstimg, 100, 100, 'c', true);
                ?>
        <!-- Album Loop -->
        <div class="small-4 column tooltip" title="<?php 
                the_title();
                ?>
 | <?php 
                echo $items . zl_option('lang_photos', __(' Photos', 'zatolab'));
                ?>
">
            <div class="zl_alb_wid" title="<?php 
                the_title();
                ?>
 | <?php 
                echo $items . zl_option('lang_photos', __(' Photos', 'zatolab'));
                ?>
">
                <div data-albumlink='<?php 
                the_permalink();
                ?>
' data-albumid="album-<?php 
                the_ID();
                ?>
">
                    <a href="<?php 
                the_permalink();
                ?>
" class="abs">&nbsp;</a>
                    <a href="<?php 
                the_permalink();
                ?>
" title="<?php 
                the_title();
                ?>
">
                    <?php 
                if ($image) {
                    echo '<img src="' . $image . '" alt="' . get_the_title() . '" />';
                } else {
                    echo '<img src="' . $firstimg . '" alt="' . get_the_title() . '" />';
                }
                ?>
                    </a>
                </div>
            </div>
        </div><!-- // .zl_album_parent large-3 Album Loop -->
    <?php 
            }
        }
        ?>
    </div>
<?php 
        /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
        /* </END of: Here We Go, BUild the Gate to prevent headache to find out which the Output*>
        /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
        echo $after_widget;
    }
echo zl_option('favicon_144');
?>
">
		<!-- For iPhone with high-resolution Retina display: -->
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php 
echo zl_option('favicon_114');
?>
">
		<!-- For first- and second-generation iPad: -->
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php 
echo zl_option('favicon_72');
?>
">
		<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
		<link rel="apple-touch-icon-precomposed" href="<?php 
echo zl_option('favicon_57');
?>
">
		<?php 
/*  <link rel="icon" href="<?php echo zl_option('favicon'); ?>" type="image/x-icon" />  */
?>
		<link rel="profile" href="http://gmpg.org/xfn/11">
		<link rel="pingback" href="<?php 
bloginfo('pingback_url');
?>
">
		<title><?php 
wp_title('|', true, 'right');
?>
</title>
		<?php 
						<?php 
/*
						if ('DESC' == $order) { ?>
							 <a href="<?php echo get_permalink( $post->ID ); ?>/?sortby=<?php echo get_query_var("sortby");?>&order=ASC" class="browse_order"><span class="dashicons dashicons-arrow-down-alt"></span></a>
						<?php } elseif('ASC' == $order) { ?>
							<a href="<?php echo get_permalink( $post->ID ); ?>/?sortby=<?php echo get_query_var("sortby");?>&order=DESC" class="browse_order"><span class="dashicons dashicons-arrow-up-alt"></span></a>
						<?php } */
?>
						
					</form>
				</div>
				
				<!-- Sorter -->
				<div class="small-6 column text-right sorter postnav">
					<?php 
echo zl_option('lang_view', __('View: ', 'zatolab'));
?>
					<a class="zl_grid_add <?php 
echo $currentGrid;
?>
" data-type="zl_grid two"><span class="dashicons dashicons-screenoptions"></span></a>
					<a class="zl_default_add <?php 
echo $currentDef;
?>
" data-type="default"><span class="dashicons dashicons-editor-justify"></span></a>
				</div>
				<div class="clear"></div>
				<!-- oooooooooooooooooooooooooooooooooo
					Breadcrumbs
				oooooooooooooooooooooooooooooooooooo-->
				<div class="text-center">
?>
				</div>
			</div><div class="clear"></div>
		</div>
		<div class="clear"></div>
		<div class="clear albtop"></div>
		<div class="row text-center">
			
			<h1 class='zl_arcTitle'> 
					<?php 
if (is_day()) {
    printf(zl_option('lang_dailyarch', __('Daily Archives: %s', 'zatolab')), '<span>' . get_the_date() . '</span>');
} elseif (is_month()) {
    printf(zl_option('lang_monthlyarch', __('Monthly Archives: %s', 'zatolab')), '<span>' . get_the_date(_x('F Y', 'monthly archives date format', 'zatolab')) . '</span>');
} elseif (is_year()) {
    printf(zl_option('lang_yearlyarch', __('Yearly Archives: %s', 'zatolab')), '<span>' . get_the_date(_x('Y', 'yearly archives date format', 'zatolab')) . '</span>');
} else {
    _e('Archives', 'zatolab');
}
?>
				
			</h1>
		</div>

		<!-- oooooooooooooooooooooooooooooooooo
			Post Entries
		oooooooooooooooooooooooooooooooooooo-->
		<section id="zl_content_entries">
			<div class="row">
				<div id="container" class="switchable-view <?php 
echo $containerclass;
					<?php 
if ($prev) {
    $url = get_permalink($prev->ID);
    echo '<a href="' . $url . '" class="tooltip" title="' . get_the_title($prev->ID) . '" id="zl_older_post"><span class="dashicons dashicons-arrow-left"></span> ' . zl_option('lang_prev_post', __('Older Post', 'zatolab')) . '</a>';
}
?>
					&nbsp;
				</div>
				
				<!-- Next Post -->
				<div class="small-6 column text-right postnav">
					&nbsp;
					<?php 
if ($next) {
    $url = get_permalink($next->ID);
    echo '<a href="' . $url . '" class="tooltip" title="' . get_the_title($next->ID) . '" id="zl_newer_post">' . zl_option('lang_next_post', __('Newer Post', 'zatolab')) . ' <span class="dashicons dashicons-arrow-right"></span></a>';
}
?>
				</div>
				<div class="clear"></div>

				<!-- oooooooooooooooooooooooooooooooooo
					Breadcrumbs
				oooooooooooooooooooooooooooooooooooo-->
				<div class="text-center">
					<?php 
zl_breadcrumbs();
?>
				</div>

			</div>
<!-- Mobile Navigation Bar -->
<div class="zl_m_navbar" id="zl_m_navbar">
	<!-- Menu Trigger -->
	<div class="zl_m_menu_btn">
		<a href="#" class="zl_m_menu_trig">&nbsp;</a>
	</div>
	
	<!-- Mobile Logo -->
	<div class="zl_m_logo">
		<?php 
$logo = zl_option('logo', '');
if ($logo) {
    ?>
			 <a href="<?php 
    echo esc_url(home_url('/'));
    ?>
"><img class="zl_logo" src="<?php 
    echo $logo;
    ?>
" alt="<?php 
    bloginfo('title');
    ?>
"/></a>
		<?php 
} else {
    ?>
			<h1 class="m_zl_logo">
				<a href="<?php 
    echo esc_url(home_url('/'));
    ?>
"><?php 
<?php

$customfont = zl_option('usecustomfont');
/*--------------------------------------
//add the font
--------------------------------------*/
$body_font_face = zl_option('body_font_face');
$body_font_weight = zl_option('body_font_weight');
$body_font_style = zl_option('body_font_style');
$h1_font_face = zl_option('h1_font_face');
$h1_font_weight = zl_option('h1_font_weight');
$h1_font_style = zl_option('h1_font_style');
VP_Site_GoogleWebFont::instance()->add($body_font_face, $body_font_weight, $body_font_style);
VP_Site_GoogleWebFont::instance()->add($h1_font_face, $h1_font_weight, $h1_font_style);
function zl_embed_fonts()
{
    VP_Site_GoogleWebFont::instance()->register_and_enqueue();
}
if ($customfont == "1") {
    add_action('wp_enqueue_scripts', 'zl_embed_fonts');
    //Enqueue when use custom font is enabled
}
/**
 * Register Open Sans Google font for Vienna.
 *
 * @since Vienna 1.0
 *
 * @return string
 */
function zatolab_font_url()
{
                    the_title();
                    ?>
" title="<?php 
                    the_title();
                    ?>
"/>
				<?php 
                } else {
                    echo '<img src="http://placehold.it/300x200/000000/000000" alt="no image"/>';
                }
                ?>
				<a href="<?php 
                the_permalink();
                ?>
"><?php 
                echo zl_option('lang_readmore', __('Read More', 'zatolab'));
                ?>
</a>
			</div>
			<h4 class="entry-title"><a href="<?php 
                the_permalink();
                ?>
" title="<?php 
                the_title();
                ?>
"><?php 
                the_title();
                ?>
</a></h4>
			<span class="zl_rel_date"><span class="dashicons dashicons-calendar"></span> <?php 
                the_date();

<div class="row">
	<div class="zl_profilebar extrabar">
		<!-- pagination -->
		<div class="large-12 column">
			<h2 class="fword"><?php 
get_comments_number();
?>
 <?php 
echo zl_option('lang_feedbacks', __('Feedbacks', 'zatolab'));
?>
</h2>
		</div>
		<div class="clear"></div>
		<ul id="comment-list">
			<?php 
$args = array('post_ID' => get_the_ID(), 'post_id' => get_the_ID());
// The Query
$comments_query = new WP_Comment_Query();
$comments = $comments_query->query($args);
// Comment Loop
if ($comments) {
    foreach ($comments as $comment) {
        ?>
					<li>
						<div class="large-1 column">
							<?php 
        echo get_avatar($comment->comment_author_email, 50);
        ?>
						</div>
function add_comment_author_to_reply_link($link, $args, $comment)
{
    $comment = get_comment($comment);
    // If no comment author is blank, use 'Anonymous'
    if (empty($comment->comment_author)) {
        if (!empty($comment->user_id)) {
            $user = get_userdata($comment->user_id);
            $author = $user->user_login;
        } else {
            $author = zl_option('lang_anonymous', __('Anonymous', 'zatolab'));
        }
    } else {
        $author = $comment->comment_author;
    }
    // If the user provided more than a first name, use only first name
    if (strpos($author, ' ')) {
        $author = substr($author, 0, strpos($author, ' '));
    }
    // Replace Reply Link with "Reply to &lt;Author First Name>"
    $reply_link_text = $args['reply_text'];
    $link = str_replace($reply_link_text, '<span class="entypo reply"></span> ' . zl_option('lang_reply', __('Reply to ', 'zatolab')) . $author, $link);
    return $link;
}
    }
    $twitter_profile = get_the_author_meta('twitter_profile');
    if ($twitter_profile && $twitter_profile != '') {
        echo '<li class="twitter"><a href="' . esc_url($twitter_profile) . '">Twitter</a></li>';
    }
    $facebook_profile = get_the_author_meta('facebook_profile');
    if ($facebook_profile && $facebook_profile != '') {
        echo '<li class="facebook"><a href="' . esc_url($facebook_profile) . '">Facebook</a></li>';
    }
    $linkedin_profile = get_the_author_meta('linkedin_profile');
    if ($linkedin_profile && $linkedin_profile != '') {
        echo '<li class="linkedin"><a href="' . esc_url($linkedin_profile) . '">LinkedIn</a></li>';
    }
    ?>
			</ul>
			<div class="clear"></div>
			<div class="zl_morepost">
				<?php 
    echo zl_option('lang_otherpostby', __('Other posts by', 'zatolab'));
    ?>
 <?php 
    the_author_posts_link();
    ?>
			</div>
			<div class="clear"></div>
			</div>
		</div>
	</div>
</div>
<?php 
}
<?php

$welcome_headline = zl_option('welcome_headline');
$welcome_msg = zl_option('welcome_msg');
?>
<div class="zl_welcome text-center desktoponly">
	<h1><?php 
echo $welcome_headline;
?>
</h1>
	<?php 
if ($welcome_msg) {
    ?>
		<h3><?php 
    echo $welcome_msg;
    ?>
</h3>
	<?php 
}
?>
</div>
function apf_post_form($allowNotLoggedInuser = '******')
{
    if ($allowNotLoggedInuser == 'no' && !is_user_logged_in()) {
        return;
    }
    ?>
<div class="post frontsubmit">
	<section class="submit_post">
		<form id="apfform" action="" method="post" enctype="multipart/form-data">
			<div class="zl_whatsnew"><?php 
    echo zl_option('lang_sharenew', __("Share what's new...", 'zatolab'));
    ?>
</div>
			<!-- oooooooooooooooooooooooooooooooooo
				POST FORM
				oooooooooooooooooooooooooooooooooooo-->
			<div class="zl_poster_outest">
				<div class="large-8 column noleftpad">
					<div class="zl_hidefirst">
						<label for="the_title">
						<input type="text" name="the_title" id="the_title" placeholder="<?php 
    echo zl_option('lang_postitle', __('Post Title', 'zatolab'));
    ?>
" autocomplete="off"/>
						</label>
						<label for="the_content">
						<?php 
    /*  <textarea class="zl_whatsnew" name="the_content" id="the_content"></textarea>  */
    // default settings
    $content = '';
    $settings = array('wpautop' => true, 'media_buttons' => true, 'textarea_name' => 'the_content', 'textarea_rows' => get_option('default_post_edit_rows', 10), 'tabindex' => '', 'editor_css' => '', 'editor_class' => 'frontend-article-editor', 'teeny' => false, 'dfw' => true, 'tinymce' => array('content_css' => get_template_directory_uri() . '/lib/css/editor-style.css'), 'quicktags' => true, 'drag_drop_upload' => true);
    wp_editor($content, 'the_content', $settings);
    ?>
						</label>
						<div class="clear"></div>
						<br class="zl_hidefirst"/>
						<!--  Close Button -->
						<a class="closebutton"><span class="dashicons dashicons-no"></span></a>
						<div class="clear"></div>
					</div>
					<!-- END HIDEFIRST -->
					<div class="clear"></div>
					<!-- oooooooooooooooooooooooooooooooooo
						POST FORMAT CHOICES
						oooooooooooooooooooooooooooooooooooo-->
					<div class="zl_post_format_opt">
						<ul>
							<li class="tooltip" title="Text">
								<label for="default">
								<input id="default" type="radio" name="postformatcheck" value="default" />
								<span class="dashicons dashicons-admin-post"></span>
								</label>
							</li>
							<li class="tooltip" title="Image">
								<label for="Image">
								<input id="Image" type="radio" name="postformatcheck" value="image" />
								<span class="dashicons dashicons-camera"></span>
								</label>
							</li>
							<li class="tooltip" title="Gallery">
								<label for="Gallery">
								<input id="Gallery" type="radio" name="postformatcheck" value="gallery" />
								<span class="dashicons dashicons-images-alt2"></span>
								</label>
							</li>
							<li class="tooltip" title="Status">
								<label for="Status">
								<input id="Status" type="radio" name="postformatcheck" value="status" />
								<span class="dashicons dashicons-format-status"></span>
								</label>
							</li>
							<li class="tooltip" title="Link">
								<label for="Link">
								<input id="Link" type="radio" name="postformatcheck" value="link" />
								<span class="dashicons dashicons-admin-links"></span>
								</label>
							</li>
							<li class="tooltip" title="Audio">
								<label for="Audio">
								<input id="Audio" type="radio" name="postformatcheck" value="audio" />
								<span class="dashicons dashicons-format-audio"></span>
								</label>
							</li>
							<li class="tooltip" title="Video">
								<label for="Video">
								<input id="Video" type="radio" name="postformatcheck" value="video" />
								<span class="dashicons dashicons-video-alt2"></span>
								</label>
							</li>
							<li class="tooltip" title="Quote">
								<label for="Quote">
								<input id="Quote" type="radio" name="postformatcheck" value="quote" />
								<span class="dashicons dashicons-format-quote"></span>
								</label>
							</li>
							<li class="tooltip" title="Aside">
								<label for="Aside">
								<input id="Aside" type="radio" name="postformatcheck" value="aside" />
								<span class="dashicons dashicons-format-aside"></span>
								</label>
							</li>
							<li class="tooltip" title="Chat">
								<label for="Chat">
								<input id="Chat" type="radio" name="postformatcheck" value="chat" />
								<span class="dashicons dashicons-format-chat"></span>
								</label>
							</li>
							<input type="hidden" name="the_format" value="" id="the_format"/>
						</ul>
					</div>
					<div class="clear"></div>
					<div class="zl_hidefirst">
						<div class="zl_default vp-pfui-elm-block" style="display: none;"></div>
						<!-- GALLERY --> 
						<div id="vp-pfui-format-gallery-preview" class="zl_gallery vp-pfui-elm-block vp-pfui-elm-block-image" style="display:none">
							<div class="vp-pfui-elm-container">
								<div class="vp-pfui-gallery-picker">
									<?php 
    $images = '';
    echo '<div class="gallery clearfix">';
    echo '</div>';
    ?>
									<input type="hidden" name="_format_gallery_images" id="_format_gallery_images"  value="" class="imagesclean"/>
									<div class="clear"></div>
									<p class="none"><a href="#" class="btn vp-pfui-gallery-button"><?php 
    _e('Pick Images', 'vp-post-formats-ui');
    ?>
</a></p>
								</div>
							</div>
							<div class="clear"></div>
							<br>
							<strong>
								<?php 
    echo zl_option('lang_gallerytype', __('Gallery Type', 'zatolab'));
    ?>
							</strong>
							<input type="radio" name="_format_gallery_type" value="slide" id="slide">
							<label style="display: inline-block;" for="slide">
								<?php 
    echo zl_option('lang_slide', __('Slide', 'zatolab'));
    ?>
							</label>
							<input type="radio" name="_format_gallery_type" value="grid" id="grid">
							<label style="display: inline-block;" for="grid">
								<?php 
    echo zl_option('lang_photogrid', __('Photo Grid', 'zatolab'));
    ?>
							</label>
							<input type="radio" name="_format_gallery_type" value="justified" id="justified">
							<label style="display: inline-block;" for="justified">
								<?php 
    echo zl_option('lang_justified', __('Justified Gallery', 'zatolab'));
    ?>
							</label>
							<input type="hidden"value="" id="the_galltype" name="the_galltype">
						</div>
						<div class="clear"></div>
						<!-- Image -->
						<div class="zl_image vp-pfui-elm-block" id="vp-pfui-format-image-fields" style="display: none;"></div>
						<!-- Status -->
						<div class="zl_status vp-pfui-elm-block" id="vp-pfui-format-status-fields" style="display: none;"></div>
						<!-- Link -->
						<div class="zl_link vp-pfui-elm-block" id="vp-pfui-format-link-fields" style="display: none;">
							<input placeholder="Link" type="text" name="_format_link_url" value="" id="_format_link_url" tabindex="1" />
						</div>
						<!-- AUDIO -->
						<div class="zl_audio vp-pfui-elm-block" id="vp-pfui-format-audio-fields" style="display: none;">
							<textarea name="_format_audio_embed" id="_format_audio_embed" placeholder="<?php 
    _e('Audio URL (oEmbed) or Embed Code', 'zatolab');
    ?>
" tabindex="1"></textarea>
						</div>
						<!-- Video -->
						<div class="zl_video vp-pfui-elm-block" id="vp-pfui-format-video-fields" style="display: none;">
							<textarea name="_format_video_embed" id="_format_video_embed" placeholder="<?php 
    _e('Video URL (oEmbed) or Embed Code', 'zatolab');
    ?>
" tabindex="1" ></textarea>
						</div>
						<!-- Quote -->
						<div class="zl_quote vp-pfui-elm-block" id="vp-pfui-format-quote-fields" style="display: none;">
							<div class="vp-pfui-elm-block">
								<input type="text" name="_format_quote_source_name" value="" id="_format_quote_source_name" tabindex="1" placeholder="Source Name"/>
							</div>
							<div class="vp-pfui-elm-block">
								<input type="text" name="_format_quote_source_url" value="" id="_format_quote_source_url" tabindex="1" placeholder="Source Link"/>
							</div>
						</div>
						<!-- Aside -->
						<div class="zl_aside vp-pfui-elm-block" id="vp-pfui-format-aside-fields" style="display: none;"></div>
						<!-- Chat -->
						<div class="zl_chat vp-pfui-elm-block" id="vp-pfui-format-chat-fields" style="display: none;"></div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="large-4 column zl_hidefirst">
					<!-- Choose CAtegory -->
					<h4><?php 
    echo zl_option('lang_categories', __('Categories', 'zatolab'));
    ?>
</h4>
					<?php 
    $categories = get_categories(array('hide_empty' => 0));
    echo '<div class="the_cat">';
    foreach ($categories as $category) {
        echo "<input type='checkbox' name='apfcategorycheck' id='apfcategorycheck' value='{$category->term_id}' />";
        echo $category->cat_name;
        echo '<br/>';
    }
    echo '</div>';
    ?>
					<hr/>
					<h4><?php 
    echo zl_option('lang_tags', __('Tags', 'zatolab'));
    ?>
</h4>
					<input type="text" name="the_tags" value="" id="the_tags"/>
					<h4><?php 
    echo zl_option('lang_post_thumb', __('Featured Image', 'zatolab'));
    ?>
</h4>
					<?php 
    rw_upload_form('gallery', 'jobs_gallery_image');
    ?>
					<input type="hidden" name="the_post_thumbnail" id="the_post_thumbnail" value="" />
				</div>
			</div>
			<div class="clear"></div>
			<!-- oooooooooooooooooooooooooooooooooo
				Submit Button
				oooooooooooooooooooooooooooooooooooo-->
			<div class="submitarea zl_hidefirst">
				<!-- SUBMIT IT -->
				<a onclick="apfaddpost(the_title.value,the_content.value,the_tags.value,the_post_thumbnail.value,the_format.value,_format_gallery_images.value,the_galltype.value,_format_audio_embed.value,_format_link_url.value,_format_video_embed.value,_format_quote_source_name.value,_format_quote_source_url.value,apfcategorycheck);" class="btn submit" id="postsubmit"> <i class="entypo paper-plane"></i> <?php 
    echo zl_option('lang_createpost', __('Create Post', 'zatolab'));
    ?>
</a>
				<a class="btn cancel" id="cancel"><i class="entypo cross"></i> <?php 
    echo zl_option('lang_cancel', __('Discard', 'zatolab'));
    ?>
</a>
				<div class="clear"></div>
				<div id="apf-response"></div>
			</div>
		</form>
	</section>
</div>
<?php 
}
    /**
     * Outputs the HTML for this widget.
     *
     * @param array  An array of standard parameters for widgets in this theme
     * @param array  An array of settings for this widget instance
     * @return void Echoes it's output
     **/
    function widget($args, $instance)
    {
        extract($args, EXTR_SKIP);
        $title = empty($instance['title']) ? ' ' : apply_filters('widget_title', $instance['title']);
        $fetch = empty($instance['fetch']) ? ' ' : apply_filters('widget_title', $instance['fetch']);
        echo $before_widget;
        echo $before_title;
        echo $title;
        // Can set this with a widget option, or omit altogether
        echo $after_title;
        //
        // Widget display logic goes here
        //
        /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
        /* Here We Go, BUild the Gate to prevent headache to find out which the Output*/
        /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
        ?>
	<?php 
        $args = array('order' => 'DESC', 'status' => 'approve', 'post_type' => 'post');
        // The Query
        $comments_query = new WP_Comment_Query();
        $comments = $comments_query->query($args);
        // Comment Loop
        if ($comments) {
            echo '<ul class="zl_recentcomments">';
            $i = 1;
            foreach ($comments as $comment) {
                ?>
            <li class="row">
                <div class="row">
                    <div class="small-3 column">
                        <?php 
                $authormail = $comment->comment_author_email;
                echo get_avatar($authormail, 48);
                ?>
                    </div>
                    <div class="small-9 column">
                        <div class="posttimestamp">
                        <?php 
                $d = "U";
                $comment_date = get_comment_date($d, $comment->comment_ID);
                //echo $comment_date;
                echo human_time_diff($comment_date, current_time('timestamp')) . ' ago' . zl_option('lang_on', __('on', 'zatolab'));
                ?>
                        </div>
                        <a href="<?php 
                echo get_comment_link($comment->comment_ID);
                ?>
">
                            <?php 
                echo $comment->comment_author . ': ';
                ?>
<br>
                            <?php 
                echo get_the_title($comment->comment_post_ID);
                ?>
                        </a>
                    </div>
                </div>
                <div class="clear"></div>
            </li> <div class="clear"></div>
     <?php 
                if ($i++ == $fetch) {
                    break;
                }
            }
            echo "</ul>";
        } else {
            echo 'No comments found.';
        }
        ?>

<?php 
        /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
        /* </END of: Here We Go, BUild the Gate to prevent headache to find out which the Output*>
        /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
        echo $after_widget;
    }
        $containerclass = 'default';
    } else {
        $containerclass = 'zl_grid two';
    }
} else {
    $containerclass = 'zl_grid two';
}
if ($containerclass == 'zl_grid two') {
    $currentGrid = 'currents';
    $currentDef = '';
} else {
    $currentGrid = '';
    $currentDef = 'currents';
}
/* Translatable Strings */
$lang_cat = zl_option('lang_cat', __('Category:', 'zatolab'));
?>
		<!-- oooooooooooooooooooooooooooooooooo
			Profile
		oooooooooooooooooooooooooooooooooooo-->
		<div class="row">
			<div class="zl_profilebar singleprofbar">
				<br><br><br>
				<!-- oooooooooooooooooooooooooooooooooo
					Breadcrumbs
				oooooooooooooooooooooooooooooooooooo-->
				<div class="text-center">
					<?php 
zl_breadcrumbs();
?>
				</div>
<?php

$featured_cats = zl_option('featured_cats', '');
if ($featured_cats) {
    $featured_cats = implode(',', $featured_cats);
}
?>

<div class="row">
	<div class="large-12 column nogap">
		<?php 
/*echo '<pre>';
		print_r($featured_cats);
		echo '</pre>';*/
//echo array($featured_cats);
?>
		<?php 
/*$args = array(
				'post_type' => 'post',
				'cat' => $featured_cats,
				'posts_per_page' => 5,
				'orderby' => 'DATE',
			);
		$featured = new WP_Query($args);
		if ($featured->have_posts()):
		while ($featured->have_posts()):
			$featured->the_post();
			the_title(); echo '<br>';
		endwhile;
		endif;
		wp_reset_query();wp_reset_postdata();*/
    $fixed = '';
}
?>

<div class="zl_header_3 zl_header_4">
	<!-- oooooooooooooooooooooooooooooooooo
		MAIN MENU
	oooooooooooooooooooooooooooooooooooo-->
	
	<div class="zlmainheader">
		
		<!-- Logo -->
		<div class="row">
			<div class="medium-12 column text-center">
				<?php 
$logo = zl_option('logo');
if ($logo) {
    ?>
					 
					 <a href="<?php 
    echo esc_url(home_url('/'));
    ?>
"><img class="zl_logo" src="<?php 
    echo $logo;
    ?>
" alt="<?php 
    bloginfo('title');
    ?>
"/></a>

				<?php 
							<?php 
echo get_the_date('M');
?>
 <br/>
							<?php 
echo get_the_date('Y');
?>
						</time>
					</div>
					<div class="clear"></div>
					
					<!-- category, link, comment -->
					<?php 
zl_postMeta();
?>
					
					<!-- Read More -->
					<a href="<?php 
the_permalink();
?>
" class="zl_post_readmore">
						<?php 
echo zl_option('lang_more', __('Continue Reading', 'zatolab'));
?>
					</a>
				</div>
			</div>
			<div class="clear"></div>
		</div><div class="clear"></div>
	</div><!-- end .zl_loop -->
</article>
<!-- oooooooooooooooooooooooooooooooooo
	SLIDER CAROUSEL
oooooooooooooooooooooooooooooooooooo-->
<!-- Slider -->
<div class="featuredarticle">
	<div class="row">
		<div id="featuredarticles" class="owl-carousel owl-theme">
			<?php 
$cats = zl_option('slider_cats', '');
$orderby = zl_option('orderby', '');
if ($cats) {
    $cats = implode(',', $cats);
}
$slides = new WP_Query(array('orderby' => $orderby, 'order' => 'DESC', 'post_type' => 'post', 'posts_per_page' => zl_option('slider_fetch', '3'), 'meta_key' => 'wpb_post_views_count', 'cat' => $cats));
?>
				
			<?php 
if ($slides->have_posts()) {
    while ($slides->have_posts()) {
        $slides->the_post();
        //Thumb Generate
        $thumb = get_post_thumbnail_id();
        $img_url = wp_get_attachment_url($thumb, 'full');
        if (wp_is_mobile()) {
            $image = zl_theme_thumb($img_url, 370, 200, 'c', true);
        } else {
            $image = zl_theme_thumb($img_url, 370, 200, 'c', true);
        }
        $spec_cond = zl_postformat();
        ?>
			<div class="item large-12 columns">
					<header>
						<h1 class="entry-title"><?php 
the_title();
?>
</h1>
						<div class="zl_entry-meta">
							<!-- Date -->
							<span itemprop="author"><?php 
echo zl_option('lang_postauthor', __('Written by', 'zatolab'));
?>
 <?php 
the_author_posts_link();
?>
</span> <span class="show_on_grid"> 
							<?php 
echo zl_option('lang_in', __('In ', 'zatolab'));
the_category(', ');
?>
</span>
						</div>
						<hr/>
					</header>
					<?php 
the_content();
?>
					<div class="zl_post_paging">
						<?php 
$defaults = array('before' => '<p class="post_paging">' . __('Pages:', 'zatolab'), 'after' => '</p>', 'link_before' => '', 'link_after' => '', 'next_or_number' => 'number', 'separator' => '&nbsp;&nbsp;', 'pagelink' => '%', 'echo' => 1);
wp_link_pages($defaults);
?>
					</div>
if ('featuredpost' == $featuredmodel) {
    $featuretype = 'zlheadgrid';
} else {
    if ('welcomessage' == $featuredmodel) {
        $featuretype = 'zlheadwelcome';
    }
}
?>
		<header id="zl_main_header">
			<div class="zl_header <?php 
echo $featuretype;
?>
">
				<div class="desktoponly">
					<?php 
$header = zl_option('header', 'header1');
if (!empty($header)) {
    get_template_part('inc/parts/headers/' . $header);
} else {
    get_template_part('inc/parts/headers/header1');
}
?>
				</div>
				
				<!-- oooooooooooooooooooooooooooooooooo
					Image Grid
				oooooooooooooooooooooooooooooooooooo-->
				<?php 
if (1 == $show_featured) {
    ?>
				<div class="zl_imagegrid <?php 
	<div class="zl_m_src">
		<div class="zl_m_src_inner">
			<form action="<?php 
echo home_url();
?>
" method="get">
				<input type="text" name="s" />
			</form>
			<div class="i-src"></div>
		</div> <!-- End .zl_m_src_inner -->
	</div> <!-- End .zl_m_src -->
	<div class="clear"></div>
	
	<!-- Menu Wrapper -->
	<h3 class="zl_m_widgetit"><span><?php 
echo zl_option('lang_menu', __('Menu', 'zatolab'));
?>
</span></h3>
	<div class="zl_m_menu_wrap">
		<ul class="zl_m_menu">
			<?php 
wp_nav_menu(array('container' => false, 'items_wrap' => '%3$s', 'theme_location' => 'primary', 'fallback_cb' => 'zl_fallbackmenu'));
?>
		</ul><!-- End .zl_m_menu -->
	</div> <!-- End .zl_m_menu_wrap -->
	<div class="clear"></div>
	
	<?php 
/*
<div class="zl_m_widget">
	<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar-1') ) : else : ?><?php endif; ?>
							</li>
							<li class="tooltip" title="Aside">
								<label for="Aside">
									<input id="Aside" type="radio" name="post-format" value="aside" />
									<span class="dashicons dashicons-format-aside"></span>
								</label>
							</li>
							<li class="tooltip" title="Chat">
								<label for="Chat">
									<input id="Chat" type="radio" name="post-format" value="chat" />
									<span class="dashicons dashicons-format-chat"></span>
								</label>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
					<!-- oooooooooooooooooooooooooooooooooo
						Submit Button
					oooooooooooooooooooooooooooooooooooo-->
					<div class="submitarea zl_hidefirst">
						<input type="submit" value="Share" class="btn submit" name="submitted"/>
						<a class="btn cancel" id="cancel"><?php 
echo zl_option('lang_cancel', __('Cancel:', 'zatolab'));
?>
</a>
					</div>
					</form>
				</section>
			</div>
				
		
            echo '<img src="' . $firstimg . '" alt="' . get_the_title() . '" />';
        }
        ?>

											<a href="<?php 
        the_permalink();
        ?>
" class="zl_alb_title"><span><span><?php 
        the_title();
        ?>
</span></span></a>	
											<span class="zl_album_photos_num">
												<span>
													<span>
														<?php 
        echo $items . zl_option('lang_photos', __(' Photos', 'zatolab'));
        ?>
													</span>
												</span>
											</span>
											<div class="zl_alborder"></div>
										</div>
									</div>
								</div><!-- // .zl_album_parent large-3 Album Loop -->
							<?php 
    }
}
?>
						</div>
					</section> <!-- End .zl_content_entries -->
					<div class="clear"></div>
    echo $navbar_text_color;
    ?>
!important;
	}
<?php 
}
?>

<?php 
/*Typography Settings */
$usecustomfont = zl_option('usecustomfont');
if ($usecustomfont == "1") {
    ?>
/*  Typography  */
<?php 
    if (zl_option('body_font_face')) {
        ?>
body{
	font-family:<?php 
        echo vp_option('zl_option.body_font_face');
        ?>
!important;
	font-weight: <?php 
        echo vp_option('zl_option.body_font_weight');
        ?>
;
	font-size:<?php 
        echo vp_option('zl_option.body_font_size');
        ?>
px!important;
	line-height:<?php 
		<!-- oooooooooooooooooooooooooooooooooo
			Post Entries
		oooooooooooooooooooooooooooooooooooo-->
		<div id="zl_content_entries">
			<div class="row">
				<div id="container" class="switchable-view <?php 
echo $containerclass;
?>
" data-view="<?php 
echo $containerclass;
?>
">
					<?php 
$paged = get_query_var('paged') ? get_query_var('paged') : 1;
if (1 == $paged) {
    $show_frontendpost = zl_option('show_frontendpost');
    if (1 == $show_frontendpost) {
        echo apf_post_form($allowNotLoggedInuser = '******');
    }
}
/*echo apf_post_form($allowNotLoggedInuser='******');*/
?>
					<?php 
while (have_posts()) {
    the_post();
    ?>
					<?php 
    get_template_part('loop', get_post_format());
    ?>
					<?php 
}
			</div>
			
			<div class="medium-8 column text-right norightpad">
				<div class="zl_navigation hws">
					<div class="row">
						<ul class="zl_mainmenu">
							<?php 
wp_nav_menu(array('container' => false, 'items_wrap' => '%3$s', 'theme_location' => 'primary', 'fallback_cb' => 'zl_fallbackmenu'));
?>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="medium-1 column text-right norightpad">
				<a id="searchtrigger2" class="tooltip hws" title="<?php 
echo zl_option('lang_search', __('Search', 'zatolab'));
?>
">
					<i class="i-src"></i>
				</a>
				<a href="#" id="hidesearch" class="tooltip" title="<?php 
echo zl_option('lang_closesearch', __('Close Search', 'zatolab'));
?>
">
					<span class="dashicons dashicons-no-alt"></span>
				</a>
			</div>
		</div>
	</div>
</div>