<?php $rank = 1;?>
<?php
$title = $template_args['title'];
$loop = $template_args['loop'];
//print_r($loop);exit;
?>
<div class="page-wrapper">
    <div class="list-page archive-page">
        <div class="container people-list todays-birthdays">
            <div class="row list-title-sub">
                <div class="col-xs-12 text-center">
                    <h3 class="page-title"><?php echo $title;?></h3>
                </div>
            </div>
            <div class="row">
                <?php if(count($loop) > 0):?>
                    <?php foreach($loop as $l):?>
                        <?php
                        $image_url = '';
                        if( has_post_thumbnail($l->ID) ) {
                            $image_arr = wp_get_attachment_image_src(get_post_thumbnail_id($l->ID), 'medium');
                            $image_url = $image_arr[0];
                        }
                        ?>
                        <a href="<?php echo get_permalink($l->ID);?>" class="face person-item"
                           style="background: url(<?php echo $image_url;?>) no-repeat center center; background-size:cover;"
                           title="<?php echo $l->post_title;?>"
                        >
                            <?php if($rank != 0):?>
                                <i class="icn icn-star icn-rank"><span class="rank"><?php echo $rank++;?></span></i>
                            <?php endif;?>
                            <div class="info">
                                <div class="name">
                                    <?php echo $l->post_title;?>
                                </div>
                                    <div class="title hidden-xs"><?php echo single_category_text($l->ID);?></div>
                            </div>
                        </a>
                    <?php endforeach;?>
                <?php else:?>
                    <div class="alert text-center">
                        No data found !!!
                    </div>
                <?php endif;?>
            </div>
        </div>
    </div>
</div>