<?php

namespace TotalThemeCore\Widgets;

use TotalThemeCore\WidgetBuilder;

defined( 'ABSPATH' ) || exit;

/**
 * Users Grid widget.
 */
class Widget_Users_Grid extends WidgetBuilder {

	/**
	 * Widget args.
	 */
	private $args;

	/**
	 * Register widget with WordPress.
	 */
	public function __construct() {
		$branding = $this->branding();
		$name = $branding
			? sprintf(
				/* translators: branding label */
				esc_html__( '%s - Users Grid', 'total-theme-core' ),
				$branding
			)
			: esc_html__( 'Users Grid', 'total-theme-core' );

		$this->args = array(
			'id_base' => 'wpex_users_grid',
			'name' => $name,
			'options' => array(
				'customize_selective_refresh' => true,
			),
			'fields'  => array(
				array(
					'id'    => 'title',
					'label' => esc_html__( 'Title', 'total-theme-core' ),
					'type'  => 'text',
				),
				array(
					'id'          => 'class',
					'label'       => esc_html__( 'Custom Class', 'total-theme-core' ),
					'type'        => 'text',
					'description' => esc_html__( 'Optional classname for styling purposes.', 'total-theme-core' ),
				),
				array(
					'id'      => 'order',
					'label'   => esc_html__( 'Order', 'total-theme-core' ),
					'type'    => 'select',
					'choices' => 'query_order',
					'default' => 'ASC',
				),
				array(
					'id'      => 'orderby',
					'label'   => esc_html__( 'Orderby', 'total-theme-core' ),
					'type'    => 'select',
					'choices' => $this->get_orderby_choices(),
					'default' => 'login',
				),
				array(
					'id'      => 'columns',
					'label'   => esc_html__( 'Columns', 'total-theme-core' ),
					'type'    => 'select',
					'choices' => 'grid_columns',
					'default' => '4',
				),
				array(
					'id'      => 'columns_gap',
					'label'   => esc_html__( 'Column Gap', 'total-theme-core' ),
					'type'    => 'select',
					'choices' => 'grid_gaps',
					'default' => '10',
				),
				array(
					'id'      => 'img_size',
					'label'   => esc_html__( 'Image Size', 'total-theme-core' ),
					'type'    => 'text',
					'default' => '70',
				),
				array(
					'id'      => 'img_border_radius',
					'label'   => esc_html__( 'Image Border Radius', 'total-theme-core' ),
					'type'    => 'select',
					'default' => 'square',
					'choices' => array(
						'square'  => esc_html__( 'Square', 'total-theme-core' ),
						'round'   => esc_html__( 'Round', 'total-theme-core' ),
						'rounded' => esc_html__( 'Rounded', 'total-theme-core' ),
					),
				),
				array(
					'id'      => 'img_hover',
					'label'   => esc_html__( 'Image Hover', 'total-theme-core' ),
					'type'    => 'select',
					'choices' => 'image_hovers',
				),
				array(
					'id'    => 'admins',
					'label' => esc_html__( 'Include Administrators?', 'total-theme-core' ),
					'type'  => 'checkbox',
					'std'   => 'on',
				),
				array(
					'id'    => 'editors',
					'label' => esc_html__( 'Include Editors?', 'total-theme-core' ),
					'type'  => 'checkbox',
					'std'   => 'on',
				),
				array(
					'id'    => 'authors',
					'label' => esc_html__( 'Include Authors?', 'total-theme-core' ),
					'type'  => 'checkbox',
					'std'  => 'on',
				),
				array(
					'id'    => 'contributors',
					'label' => esc_html__( 'Include Contributors?', 'total-theme-core' ),
					'type'  => 'checkbox',
					'std'   => 'on',
				),
				array(
					'id'    => 'subscribers',
					'label' => esc_html__( 'Include Subscribers?', 'total-theme-core' ),
					'type'  => 'checkbox',
				),
				array(
					'id'    => 'link_to_posts',
					'label' => esc_html__( 'Link to user posts page?', 'total-theme-core' ),
					'type'  => 'checkbox',
					'std'   => 'on',
				),
				array(
					'id'    => 'show_name',
					'label' => esc_html__( 'Display Name?', 'total-theme-core' ),
					'type'  => 'checkbox',
				),
			),
		);

		$this->create_widget( $this->args );
	}

	/**
	 * Front-end display of widget.
	 */
	public function widget( $args, $instance ) {
		extract( $this->parse_instance( $instance ) );

		// Before widget hook
		echo wp_kses_post( $args['before_widget'] );

		// Display widget title
		$this->widget_title( $args, $instance );

		// Define widget output
		$output = '';

		// Query users
		$query_args = [
			'orderby' => in_array( $orderby, array_keys( $this->get_orderby_choices() ), true ) ? $orderby : 'ID',
			'order' => in_array( strtolower( sanitize_key( $order ) ), array_keys( $this->choices_query_order() ), true ) ? $order : 'DESC',
		];

		$role_in = [];

		if ( $admins ) {
			$role_in[] = 'administrator';
		}

		if ( $editors ) {
			$role_in[] = 'editor';
		}

		if ( $authors ) {
			$role_in[] = 'author';
		}

		if ( $contributors ) {
			$role_in[] = 'contributor';
		}

		if ( $subscribers ) {
			$role_in[] = 'subscriber';
		}

		if ( $role_in ) {
			$query_args['role__in'] = $role_in;
		}

		$get_users = get_users( $query_args );

		if ( $get_users ) {

			$grid_class = array(
				'wpex-users-widget',
				'wpex-inline-grid',
				'wpex-grid-cols-' . absint( $columns ?: 4 ),
				'wpex-gap-' . absint( $columns_gap ?: 10 ),
			);

			$output .= '<div class="' . esc_attr( implode( ' ', $grid_class ) ) . '">';

				foreach ( $get_users as $user ) :

					$output .= '<div class="wpex-users-widget__item wpex-text-center">';

						// Open link tag
						if ( $link_to_posts ) {
							$output .= '<a href="' . esc_url( get_author_posts_url( $user->ID, $user->user_nicename ) ) . '" title="' . esc_attr( $user->display_name ) . ' ' . esc_html__( 'Archive', 'total-theme-core' ) . '" class="wpex-no-underline wpex-block wpex-inherit-color">';
						}

						// Display avatar
						$output .= '<div class="wpex-users-widget-avatar';

						if ( $img_hover ) {
							$output .= ' ' . wpex_image_hover_classes( $img_hover ) . ' wpex-overflow-visible';
						}

						$output .= '">';

							$avatar_class = array( 'wpex-align-bottom' );

							if ( $img_border_radius && 'square' !== $img_border_radius ) {
								$avatar_class[] = 'wpex-' . sanitize_html_class( $img_border_radius );
							}

							$output .= get_avatar( $user->ID, $img_size, '', $user->display_name, array(
								'class' => implode( ' ', $avatar_class ),
							) );

						$output .= '</div>';

						// Display name
						if ( $show_name ) {
							$output .= '<div class="wpex-users-widget-name wpex-mt-15 wpex-font-semibold">';
								$output .= esc_html( $user->display_name );
							$output .= '</div>';
						}

						// Close link
						if ( $link_to_posts ) {
							$output .= '</a>';
						}

					$output .= '</div>';

				// End loop.
				endforeach;

			// Close ul wrap.
			$output .= '</div>';

		}

		// Echo output
		echo $output;

		// After widget hook
		echo wp_kses_post( $args['after_widget'] );
	}

	/**
	 * Returns orderby choices,
	 */
	private function get_orderby_choices(): array {
		return [
			'ID'           => esc_html__( 'ID', 'total-theme-core' ),
			'login'        => esc_html__( 'Login', 'total-theme-core' ),
			'nicename'     => esc_html__( 'Nicename', 'total-theme-core' ),
			'email'        => esc_html__( 'Email', 'total-theme-core' ),
			'url'          => esc_html__( 'URL', 'total-theme-core' ),
			'registered'   => esc_html__( 'Registered', 'total-theme-core' ),
			'display_name' => esc_html__( 'Display Name', 'total-theme-core' ),
			'post_count'   => esc_html__( 'Post Count', 'total-theme-core' ),
		];
	}

}

register_widget( 'TotalThemeCore\\Widgets\\Widget_Users_Grid' );