<?php
/**
 * Template part for displaying posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package lumex
 */

?>

<?php

//taxonomy
$current_categories = get_the_terms( get_the_ID(), 'services_categories' );
$categories = [];
if ( $current_categories && ! is_wp_error( $current_categories ) ) {
	foreach ( $current_categories as $key => $value ) {
		$categories[] = $value->name;
	}
}
$cat_string = implode( ',', $categories );

//content
$image = get_the_post_thumbnail_url( get_the_ID(), 'lumex_1920xAuto' );

$role = get_field( 'role' );

//vars
$index = get_query_var( 'index' );
$layout = get_query_var( 'layout' );
$columns = get_query_var( 'columns' );
$angle = get_query_var( 'angle' );
$angle_grey = get_query_var( 'angle_grey' );

$item_classes = 'mil-team-card mil-mb-4';

if ( $columns === '4' ) {
	$col_classes = 'col-6 col-lg-3';
} elseif ( $columns === '3' ) {	
	$col_classes = 'col-md-6 col-xl-4';
} elseif ( $columns === '2' ) {
	$col_classes = 'col-12 col-md-6 col-lg-6';
} else {
	$col_classes = 'col-12 col-md-12 col-lg-12';
}

?>

<div class="<?php echo esc_attr( $col_classes ); ?>">
	<a href="<?php echo esc_url( get_permalink() ); ?>" class="<?php echo esc_attr( $item_classes ); ?><?php if ( $angle === 'yes' ) : ?> mil-angle<?php endif; ?><?php if ( $angle_grey === 'yes' ) : ?> mil-angle-gray<?php endif; ?>">
		<?php if ( $image ) : ?>
		<div class="mil-portrait mil-mb-4 mil-sm-mb-2">
			<img src="<?php echo esc_url( $image ); ?>" alt="<?php echo esc_attr( get_the_title() ); ?>">
			<div class="mil-plus">
				<i class="fal fa-plus"></i>
			</div>
		</div>
		<?php endif; ?>
		<div class="mil-description">
			<h6 class="mil-mb-1"><?php the_title(); ?></h6>
			<?php if ( $role ) : ?>
			<p class="mil-c-m-2">
				<?php echo wp_kses_post( $role ); ?>
			</p>
			<?php endif; ?>
		</div>
	</a>
</div>