<div id="<?php echo esc_attr( $this->add_id( array( 'awsm-team',$id ) ) );?>" class="awsm-grid-wrapper">
	<?php
		echo $this->show_team_filter( $team, $id );
	?>
	<div class="awsm-modal">
	<?php if ( $team->have_posts() ): ?>
		<div class="awsm-grid-modal awsm-grid <?php echo esc_attr( $this->item_style($options) );?>">
		<?php while ( $team->have_posts() ): $team->the_post();
	    		$teamdata = $this->get_options('awsm_team_member', $team->post->ID);
	    		$member_terms = 'awsm-all';
	    		$terms = get_the_terms( $team->post->ID, 'awsm_team_filters' );
	    		if( !empty( $terms ) ){
		    		foreach ($terms as $member_term) {
		    			$member_terms .= ' awsm-'.str_replace( ' ', '-', $member_term->slug );
		    		}
		    	}
		    	?>
                <div id="<?php echo esc_attr( $this->add_id( array( 'awsm-member',$id,$team->post->ID ) ) );?>" class="awsm-grid-card awsm-team-item awsm-scale-anm  <?php echo esc_attr( $member_terms ); ?>">
                    <a href="#" class="awsm-modal-trigger" data-trigger="#<?php echo esc_attr( $this->add_id( array( 'slide-ins',$id,$team->post->ID ) ) );?>">
                        <figure>
                                <?php echo $this->get_team_thumbnail( $team->post->ID );?>
                                <figcaption>
                                    <div class="awsm-personal-info">
                                       	<?php $this->checkprint('<span>%s</span>', esc_html( $teamdata['awsm-team-designation'] ) );?>
                                        <h3><?php esc_html( the_title() ); ?></h3>
                                    </div>
                                </figcaption>
                        </figure>
                    </a>
                </div>
			<?php endwhile; wp_reset_postdata();?>
		</div>
		<div class="awsm-modal-items <?php echo esc_attr( $this->item_style( $options ) );?>">
		    <div class="awsm-modal-items-main">
		    		<div class="awsm-modal-header clearfix">
					    <a href="#" class="awsm-modal-close"></a>
					    <span class="awsm-modal-nav">
					    <a href="#" class="awsm-nav-item awsm-nav-left"><i class="awsm-icon-arrow-left"></i></a>
					    <a href="#" class="awsm-nav-item awsm-nav-right"><i class="awsm-icon-arrow-right"></i></a>
					    </span>
					</div>
		    		<?php 
		    		while ($team->have_posts()): $team->the_post(); 
		    			$teamdata = $this->get_options('awsm_team_member', $team->post->ID);

                        $member_terms = 'awsm-all';
                        $terms = get_the_terms( $team->post->ID, 'awsm_team_filters' );
                        if( !empty( $terms ) ){
                            foreach ($terms as $member_term) {
                                $member_terms .= ' awsm-'.str_replace( ' ', '-', $member_term->slug );
                            }
                        }
                        include( $this->get_template_path( 'popup-slide.php', 'partials' ) );
		    		endwhile;
		    		?>	
		    </div>
		</div>
	<?php endif;?>	
	</div>
</div>