<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}
global $wpdb,$current_user, $wppmfunction;
$task_per_page = 20;
$total_no_of_rows = 0;
$totalrows_tasks = 0;
$appearance_settings = get_option("wppm-ap-grid-view");
$cu_id = absint($current_user->ID);
$page_no = isset($_POST['page_no']) ? intval((sanitize_text_field(wp_unslash($_POST['page_no'])))) : '0';
$orderby_sql = (sanitize_sql_orderby( "load_order ASC" ));
$task_status = $wpdb->get_results("SELECT * FROM {$wpdb->prefix}wppm_task_statuses ORDER BY $orderby_sql");
$wppm_task_time = get_option('wppm_task_time');
$page = isset($_POST['page']) ? sanitize_text_field(wp_unslash($_POST['page'])) : '';
$id = isset($_POST['id']) ? intval(sanitize_text_field(wp_unslash($_POST['id']))) : 0;
$project_id = isset($_POST['project_id']) ? intval(sanitize_text_field(wp_unslash($_POST['project_id']))) : "0";
$wppm_date_setting = get_option('wppm_date_setting');
$search_tag = isset($_POST['task_search']) ? sanitize_text_field(wp_unslash($_POST['task_search'])) : '';
$filter_by = isset($_POST['wppm_task_filter']) ? sanitize_text_field(wp_unslash($_POST['wppm_task_filter'])) : "all";
$proj_filter = isset($_POST['wppm_proj_filter']) ? absint(wp_unslash($_POST['wppm_proj_filter'])) : "0";
$public_projects = isset($_POST['public_projects']) ? sanitize_text_field(wp_unslash($_POST['public_projects'])):"0";
/**
 * PRIORITIES
 */
$priorities = $wpdb->get_results("SELECT id, name FROM {$wpdb->prefix}wppm_task_priorities ORDER BY id ASC");
/**
 * USERS
 */
$users = get_users(array('orderby' => 'display_name','order'   => 'ASC',));
/**
 * ASSIGNED USERS
 */
$assigned_rows = $wpdb->get_col( "SELECT users FROM {$wpdb->prefix}wppm_task WHERE users IS NOT NULL AND users != ''");
$all_assigned = array();
if (!empty($assigned_rows)) {
    foreach ($assigned_rows as $row) {
        // Handle comma separated IDs
        $ids = explode(',', $row);
        foreach ($ids as $uid) {
            $uid = absint(trim($uid));
            if ($uid > 0) {
                $all_assigned[$uid] = $uid;
            }
        }
    }
}
// Final unique IDs
$all_assigned = array_values($all_assigned);
if (isset($_POST['filters'])) {
  if (is_string($_POST['filters'])) {
      $advanced_filter = json_decode(stripslashes( sanitize_text_field(wp_unslash($_POST['filters']) ) ),true  );
  } elseif (is_array($_POST['filters'])) {
      $raw_filters = wp_unslash($_POST['filters']);
      $advanced_filter = [
          'created_by' => array_map('absint', (array) ($raw_filters['created_by'] ?? [])),
          'assigned'   => array_map('absint', (array) ($raw_filters['assigned'] ?? [])),
          'priority'   => array_map('absint', (array) ($raw_filters['priority'] ?? [])),
          'start_date' => sanitize_text_field($raw_filters['start_date'] ?? ''),
          'end_date'   => sanitize_text_field($raw_filters['end_date'] ?? ''),
      ];
  } else {
      $advanced_filter = [];
  }
}else{
  $advanced_filter = [];
}
$wppm_current_user_capability = get_user_meta( $current_user->ID, 'wppm_capability', true );
$wppm_hide_completed_status_task = get_option('wppm_hide_completed_status_task');
$wppm_hide_task_statuses_from_frontend = get_option('wppm_hide_task_statuses_from_frontend');
$wppm_deafault_time_duration_task = get_option('wppm_display_time_duration_task');
if(!empty($wppm_hide_task_statuses_from_frontend)){
  $wppm_hide_task_statuses_from_frontend = explode(",",$wppm_hide_task_statuses_from_frontend);
} else {
  $wppm_hide_task_statuses_from_frontend = '';
}
$filters = array(
	'search' => $search_tag,
	'filter'=>$filter_by,
	'proj_filter'=>$proj_filter
);
$grid_view_filter = $filters ;
$tl_filters = isset( $_COOKIE['wppm_grid_view_filters'] ) ? sanitize_text_field( wp_unslash( $_COOKIE['wppm_grid_view_filters'] ) ) : $grid_view_filter;
$tl_advanced_filters = [];
if($id != 0){
	if ( isset($_COOKIE['tb_kanban_filters']) ) {
		$tl_advanced_filters = json_decode(
			stripslashes($_COOKIE['tb_kanban_filters']),
			true
		);
		if ( ! is_array($tl_advanced_filters) ) {
			$tl_advanced_filters = [];
		}
	}
}else{
	if ( isset($_COOKIE['tb_filters']) ) {
		$tl_advanced_filters = json_decode(
			stripslashes($_COOKIE['tb_filters']),
			true
		);
		if ( ! is_array($tl_advanced_filters) ) {
			$tl_advanced_filters = [];
		}
	}
}

//$tl_advanced_filters = isset( $_COOKIE['wppm_advanced_filters'] ) ? sanitize_text_field( wp_unslash( $_COOKIE['wppm_advanced_filters'] ) ) : $tl_advanced_filters;
$filter_values = !empty($advanced_filter)
    ? $advanced_filter
    : $tl_advanced_filters;
$current_date = wp_date('Y-m-d');
$proj_attr = isset($_POST['wppm_project_attr']) ? absint(wp_unslash($_POST['wppm_project_attr'])):"";
$archived_where = " AND Task.is_archived = 0";
if ( isset($page) && $page === 'wppm-archived-tasks' ) {
  $archived_where = " AND Task.is_archived = 1";
}
if( isset($page) && $page === 'wppm-tasks'){
  $archived_where = " AND Task.is_archived = 0";
}
if (!empty($proj_attr)) {
    $wppm_proj_attr = $wpdb->prepare(
        ' AND proj.project_name = %s',
        $proj_attr
    );
} else {
    $wppm_proj_attr = '';
}
if ($id != 0 || $project_id != 0) {
    $final_project_id = ($project_id != 0) ? intval($project_id) : intval($id);
    $wppm_project_filter = $wpdb->prepare(
        ' AND Task.project = %d',
        $final_project_id
    );
} else {

    $wppm_project_filter = '';
}

$query = ("SELECT proj.*
		FROM {$wpdb->prefix}wppm_project AS proj
		Left join {$wpdb->prefix}wppm_project_meta proj_meta ON proj.id = proj_meta.project_id");
$santitize_order_by = esc_sql(sanitize_sql_orderby( "project_name ASC" ));
if($current_user->has_cap('manage_options') || $wppm_current_user_capability == 'wppm_admin'){
	if(!empty($proj_attr )){
		$proj_attr = esc_sql($proj_attr);
		$where = $wpdb->prepare( 
					" WHERE proj.project_name = %s AND proj.is_archived = 0
					GROUP BY proj.id 
					ORDER BY {$santitize_order_by}",
					$proj_attr
				);
	}else{
		if(!empty($public_projects)){
			$where = $wpdb->prepare(
						" WHERE proj.id = proj_meta.project_id
						AND proj_meta.meta_key = %s
						AND proj_meta.meta_value = %d
						AND proj.is_archived = 0
						{$wppm_proj_attr}
						GROUP BY proj.id
						ORDER BY {$santitize_order_by}",
						'public_project',
						1
					);	
		}else{
			$where = " WHERE proj.is_archived = 0 GROUP BY proj.id ORDER BY '$santitize_order_by'";
		}
	}
}else{
	if(!empty($public_projects)){
			$where = $wpdb->prepare(
				" WHERE (
					proj.id = proj_meta.project_id
					AND proj_meta.meta_key = %s
					AND proj_meta.meta_value = %d
				)
				{$wppm_proj_attr} AND proj.is_archived = 0
				GROUP BY proj.id
				ORDER BY {$santitize_order_by}",
				'public_project',
				1
			);	
	} else{
		$where = $wpdb->prepare(
				" WHERE (
					FIND_IN_SET(%d, proj.users) AND proj.is_archived = 0
					OR (
						proj.id = proj_meta.project_id
						AND proj_meta.meta_key = %s
						AND proj_meta.meta_value = %d 
					)
					OR (
						proj.created_by = %d
					)
				)
				{$wppm_proj_attr}
				GROUP BY proj.id
				ORDER BY {$santitize_order_by}",
				$current_user->ID,
				'public_project',
				1,
				$cu_id
			);
	}
}
$where = apply_filters('wppm_project_filter_in_task_list_grid_view_where',$where);
$query.= $where;
$projects = $wpdb->get_results($query);
$wppm_tl_filter = "1=1";
if(!is_array($tl_filters)){
	$tl_filters  = json_decode($tl_filters);
	$tl_filters_arr = (array) $tl_filters;
} else{
$tl_filters_arr = $filters;
}
$search_tag = isset($_POST['task_search']) ? sanitize_text_field(wp_unslash($_POST['task_search'])) : $tl_filters_arr['search'];
$filter_by = isset($_POST['wppm_task_filter']) ? sanitize_text_field(wp_unslash($_POST['wppm_task_filter'])) : $tl_filters_arr['filter'];
$proj_filter = isset($_POST['wppm_proj_filter']) ? absint(wp_unslash($_POST['wppm_proj_filter'])) : $tl_filters_arr['proj_filter'];
$filters = array(
	'search'=>$search_tag,
	'filter'=>$filter_by,
	'proj_filter' =>$proj_filter
);
setcookie('wppm_grid_view_filters',wp_json_encode( $filters ),time() + 3600);
if($filter_by=='all'){
  if($wppm_hide_completed_status_task == 0){
     $wppm_tl_filter = "Task.status!='4'";
  }
}
if($filter_by=='4'){
	$wppm_tl_filter = "Task.status='4'";
}elseif($filter_by=='overdue'){
	$wppm_tl_filter = "Task.status!='4' AND (CAST(Task.end_date AS DATE)) < '$current_date'";
}elseif($filter_by == 'unassigned'){
	$wppm_tl_filter = "Task.users=''";
}elseif($filter_by == '1'){
	$wppm_tl_filter = "Task.status='1'";
}elseif($filter_by == '2'){
	$wppm_tl_filter = "Task.status='2'";
}elseif($filter_by == '3'){
	$wppm_tl_filter = "Task.status='3'";
}elseif($filter_by == 'mine'){
	$wppm_tl_filter = "(FIND_IN_SET('$current_user->ID',Task.users)>0)";
}elseif($filter_by == 'archived'){
  $wppm_tl_filter = "Task.is_archived = 1";
}elseif($filter_by == 'today'){
  $wppm_tl_filter = "DATE(Task.end_date) = CURDATE()";
}elseif($filter_by == 'upcoming'){
  $wppm_tl_filter = "DATE(Task.end_date) BETWEEN CURDATE() AND DATE_ADD(CURDATE(), INTERVAL 7 DAY) AND Task.status != 4 AND Task.active = 1 AND Task.is_archived = 0";
}elseif ($filter_by == 'mytasks') {
    $wppm_tl_filter = "(
        FIND_IN_SET('$current_user->ID', Task.users)
        OR Task.created_by = '$current_user->ID'
    )
    AND Task.status != 4
    AND Task.active = 1
    AND Task.is_archived = 0";

}

if(!empty($tl_advanced_filters['created_by'])){
  $created_by_ids = array_map('intval', $tl_advanced_filters['created_by']);
  $wppm_tl_filter .= " AND Task.created_by IN (" . implode(',', $created_by_ids) . ")";
}
if(!empty($tl_advanced_filters['assigned'])){
  $assigned_ids = array_map('intval', $tl_advanced_filters['assigned']);
  $assigned_sql = [];
  foreach ($assigned_ids as $user_id) {
    $assigned_sql[] = "FIND_IN_SET('$user_id', Task.users)";
  }
  $wppm_tl_filter .= " AND (" . implode(' OR ', $assigned_sql) . ")";
}
if(!empty($tl_advanced_filters['priority'])){
  $priority = array_map('intval', $tl_advanced_filters['priority']);
  $wppm_tl_filter .= " AND Task.priority IN (" . implode(',', $priority) . ")";
}
if(!empty($tl_advanced_filters['start_date'])){
  $start_date = sanitize_text_field($tl_advanced_filters['start_date']);
  $wppm_tl_filter .= $wpdb->prepare(" AND (CAST(Task.start_date AS DATE)) >= %s", $start_date);
}
if(!empty($tl_advanced_filters['end_date'])){
  $end_date = sanitize_text_field($tl_advanced_filters['end_date']);
  $wppm_tl_filter .= $wpdb->prepare(" AND (CAST(Task.end_date AS DATE)) <= %s", $end_date);
}

$advanced_conditions = [];
// Created By
if (!empty($advanced_filter['created_by'])) {
  $created_by_ids = array_map('intval', $advanced_filter['created_by']);
  $advanced_conditions[] = "Task.created_by IN (" . implode(',', $created_by_ids) . ")";
}
// Assigned Users
if (!empty($advanced_filter['assigned'])) {
  $assigned_ids = array_map('intval', $advanced_filter['assigned']);
  $assigned_sql = [];
  foreach ($assigned_ids as $user_id) {
    $assigned_sql[] = "FIND_IN_SET('$user_id', Task.users)";
  }
  $advanced_conditions[] = "(" . implode(' OR ', $assigned_sql) . ")";
}
// Priority
if (!empty($advanced_filter['priority'])) {
  $priority = array_map('intval', $advanced_filter['priority']);
  $advanced_conditions[] = "Task.priority IN (" . implode(',', $priority) . ")";
}
// Start Date
if (!empty($advanced_filter['start_date'])) {
  $start_date = sanitize_text_field($advanced_filter['start_date']);
  $advanced_conditions[] = $wpdb->prepare("(CAST(Task.start_date AS DATE)) >= %s", $start_date);
}
// End Date
if (!empty($advanced_filter['end_date'])) {
  $end_date = sanitize_text_field($advanced_filter['end_date']);
  $advanced_conditions[] = $wpdb->prepare("(CAST(Task.end_date AS DATE)) <= %s", $end_date);
}
if (!empty($advanced_conditions)) {
  $wppm_tl_filter .= " AND " . implode(" AND ", $advanced_conditions);
}
// Subtasks are shown only within their parent task, never as their own row/card in project views.
$wppm_tl_filter .= " AND (Task.parent_task_id = 0 OR Task.parent_task_id IS NULL)";

if(!empty($wppm_hide_task_statuses_from_frontend) && is_array($wppm_hide_task_statuses_from_frontend) && (isset($_POST['is_frontend']) && sanitize_text_field($_POST['is_frontend'])==1)){
  foreach($wppm_hide_task_statuses_from_frontend as $status){
    $wppm_tl_filter .= " AND Task.status != '$status'";
  }
}

if($proj_filter!=0){
	$proj_filter = absint( $proj_filter );
    $wppm_task_by_proj_filter = $wpdb->prepare(
        "Task.project = %d AND proj.is_archived = 0", 
        $proj_filter
    );
}else{
	$wppm_task_by_proj_filter ="1=1";
}
if(!empty($task_status)){
	foreach($task_status as $status) {
		$status_id = absint($status->id);
		if(!empty($search_tag)){
			$search_tag_text = '%'.$wpdb->esc_like($search_tag).'%';
			if($current_user->has_cap('manage_options') || $wppm_current_user_capability == 'wppm_admin'){
				$query = ("SELECT Task.*
							FROM {$wpdb->prefix}wppm_task AS Task
							Left join {$wpdb->prefix}wppm_project proj ON Task.project = proj.id
							Left join {$wpdb->prefix}wppm_task_statuses task_statuses ON Task.status = task_statuses.id
							Left join {$wpdb->prefix}wppm_task_priorities task_priorities ON Task.priority = task_priorities.id
							Left join {$wpdb->base_prefix}users user ON (FIND_IN_SET(user.ID,Task.users)>0)
							Left join {$wpdb->prefix}wppm_project_meta proj_meta ON Task.project = proj_meta.project_id
						");
				$no_of_rows = ( "SELECT count(*) FROM ($query");
				if(!empty($public_projects)){
					$where = $wpdb->prepare(
							" WHERE (
								proj_meta.meta_key = %s
								AND proj_meta.meta_value = %d
							)
							AND {$wppm_tl_filter}
							AND {$wppm_task_by_proj_filter}
							AND (
								Task.task_name LIKE %s
								OR proj.project_name LIKE %s
								OR task_statuses.name LIKE %s
								OR task_priorities.name LIKE %s
								OR user.display_name LIKE %s
							)
							AND Task.status = %d ",
							'public_project',
							1,
							$search_tag_text,
							$search_tag_text,
							$search_tag_text,
							$search_tag_text,
							$search_tag_text,
							$status_id
						);
				}else{
					$where = $wpdb->prepare(
						" WHERE {$wppm_tl_filter}
						AND {$wppm_task_by_proj_filter}
						AND (
							Task.task_name LIKE %s
							OR proj.project_name LIKE %s
							OR task_statuses.name LIKE %s
							OR task_priorities.name LIKE %s
							OR user.display_name LIKE %s
						)
						AND Task.status = %d ",
						$search_tag_text,
						$search_tag_text,
						$search_tag_text,
						$search_tag_text,
						$search_tag_text,
						$status_id
					);				
				}
			} else{
				$query = ("SELECT Task.*
					FROM {$wpdb->prefix}wppm_task AS Task
					Left join {$wpdb->prefix}wppm_project proj ON Task.project = proj.id
					Left join {$wpdb->prefix}wppm_task_statuses task_statuses ON Task.status = task_statuses.id
					Left join {$wpdb->prefix}wppm_task_priorities task_priorities ON Task.priority = task_priorities.id
					Left join {$wpdb->prefix}wppm_project_users proj_users ON Task.project = proj_users.proj_id
					Left join {$wpdb->base_prefix}users user ON (FIND_IN_SET(user.ID,Task.users)>0)
					Left join {$wpdb->prefix}wppm_project_meta proj_meta ON Task.project = proj_meta.project_id
					");
				$no_of_rows = ( "SELECT count(*) FROM ($query");
				if(!empty($public_projects)){
					$where = $wpdb->prepare(
						" WHERE (
							proj_meta.meta_key = %s
							AND proj_meta.meta_value = %d
						)
						AND proj.is_archived = 0
						AND {$wppm_tl_filter}
						AND {$wppm_task_by_proj_filter}
						AND (
							Task.task_name LIKE %s
							OR proj.project_name LIKE %s
							OR task_statuses.name LIKE %s
							OR task_priorities.name LIKE %s
							OR user.display_name LIKE %s
						)
						AND Task.status = %d ",
						'public_project',
						1,
						$search_tag_text,
						$search_tag_text,
						$search_tag_text,
						$search_tag_text,
						$search_tag_text,
						$status_id
					);
				}else{
					$where = $wpdb->prepare(
						" WHERE {$wppm_tl_filter} AND proj.is_archived = 0
						AND {$wppm_task_by_proj_filter}
						AND (
							(
								FIND_IN_SET(%d, Task.users) > 0
								OR Task.created_by = %d
								OR (
									proj_users.user_id = %d
									AND proj_users.role_id = %d
									AND FIND_IN_SET(%d, proj.users) > 0
								)
								OR (
									Task.project = proj_meta.project_id
									AND proj_meta.meta_key = %s
									AND proj_meta.meta_value = %d
								)
								OR proj.created_by = %d
							)
							AND (
								Task.task_name LIKE %s
								OR proj.project_name LIKE %s
								OR task_statuses.name LIKE %s
								OR task_priorities.name LIKE %s
								OR user.display_name LIKE %s
							)
						)
						AND Task.status = %d ",
						$current_user->ID,
						$cu_id,
						$cu_id,
						1,
						$current_user->ID,
						'public_project',
						1,
						$cu_id,
						$search_tag_text,
						$search_tag_text,
						$search_tag_text,
						$search_tag_text,
						$search_tag_text,
						$status_id
					);
				}
			}
		}else{
			if($current_user->has_cap('manage_options') || $wppm_current_user_capability == 'wppm_admin'){
				$query = ( "SELECT Task.* FROM {$wpdb->prefix}wppm_task AS Task
							Left join {$wpdb->prefix}wppm_project proj ON Task.project = proj.id
							Left join {$wpdb->prefix}wppm_project_meta proj_meta ON Task.project = proj_meta.project_id
				");
				$no_of_rows = ( "SELECT count(*) FROM ($query");
				if(!empty($public_projects)){
					$where = $wpdb->prepare(
							" WHERE (
								proj_meta.meta_key = %s
								AND proj_meta.meta_value = %d
							)
							AND {$wppm_tl_filter} 
							AND proj.is_archived = 0
							AND {$wppm_task_by_proj_filter}
							AND Task.status = %d ",
							'public_project',
							1,
							$status_id
						);
				}else{
					$where = $wpdb->prepare(
						" WHERE {$wppm_tl_filter}
						AND {$wppm_task_by_proj_filter}
						AND proj.is_archived = 0
						AND Task.status = %d ",
						$status_id
					);
				}
			}else{
				$query = ( "SELECT Task.*
					FROM {$wpdb->prefix}wppm_task AS Task
					Left join {$wpdb->prefix}wppm_project proj ON Task.project = proj.id
					Left join {$wpdb->prefix}wppm_project_users proj_users ON Task.project = proj_users.proj_id
					Left join {$wpdb->prefix}wppm_project_meta proj_meta ON Task.project = proj_meta.project_id
					");
				$no_of_rows = ( "SELECT count(*) FROM ($query");
				if(!empty($public_projects)){
					$where = $wpdb->prepare(
							" WHERE (
								proj_meta.meta_key = %s
								AND proj_meta.meta_value = %d
							)
							AND {$wppm_tl_filter} 
							AND proj.is_archived = 0
							AND {$wppm_task_by_proj_filter}
							AND Task.status = %d ",
							'public_project',
							1,
							$status_id
						);
				} else{
					$where = $wpdb->prepare(
						" WHERE {$wppm_tl_filter}
						AND {$wppm_task_by_proj_filter}
						AND proj.is_archived = 0
						AND (
							FIND_IN_SET(%d, Task.users) > 0
							OR Task.created_by = %d
							OR (
								proj_users.user_id = %d
								AND proj_users.role_id = %d
								AND FIND_IN_SET(%d, proj.users) > 0
							)
							OR (
								Task.project = proj_meta.project_id
								AND proj_meta.meta_key = %s
								AND proj_meta.meta_value = %d
							)
							OR proj.created_by = %d
						)
						AND Task.status = %d ",
						$current_user->ID,
						$cu_id,
						$cu_id,
						1,
						$current_user->ID,
						'public_project',
						1,
						$cu_id,
						$status_id
					);
				}
			}
		} 
		$query = apply_filters('wppm_query_for_grid_view',$query);
		$no_of_rows = apply_filters('wppm_number_of_rows_query_for_grid_view',$no_of_rows);
		$where.= $wppm_proj_attr;
		if($filter_by != 'archived'){
			$where .= $archived_where;
		}
		if($id!=0){
			$where .=$wppm_project_filter;
		}
		$where = apply_filters('wppm_task_list_where_for_grid_view',$where,$wppm_tl_filter,$search_tag);
		$no_of_rows .= $where;
		$no_of_rows .= " Group by Task.id) AS Task";
		$no_of_rows = apply_filters('wppm_task_list_no_of_rows_for_grid_view',$no_of_rows);
		$totalrows = $wpdb->get_var($no_of_rows);
		$totalrows_tasks +=$totalrows;
		if($total_no_of_rows > $totalrows){
			$totalrows = $total_no_of_rows;
		}else{
			$total_no_of_rows = $totalrows;
		}
		$limit_start=$page_no*$task_per_page;
		$limit="\n LIMIT ".$limit_start.",".$task_per_page." ";
		$current_page=$page_no+1;
		$query = apply_filters('wppm_tasks_grid_view_query',$query,$search_tag);
		$where .= " Group by Task.id";
		$query .= $where;
		$query = apply_filters('wppm_task_list_grid_view_query',$query);
		$query = $query.$limit;
		$wppm_task_fillter[] = $wpdb->get_results($query);
	}
	$total_pages=ceil($total_no_of_rows/$task_per_page);
	$prev_page_no=$current_page-1;
	$prev_class=(!$prev_page_no)?'disabled':'';
	$next_page_no=($total_pages==$current_page)? $current_page-1:$current_page;
	$next_class=($total_pages==$current_page)?'disabled':'';
	$flag = false;
	if(!empty($wppm_task_fillter)){
		foreach($wppm_task_fillter as $key_filter=>$val_filter){
			foreach($val_filter as $key=>$val){
				$val_array = (array) $val;
				$tusers =  $val_array['users'];
				$tusers_arr = explode(',',$tusers);
				$tproject_id = ($val_array['project']);
				if(!empty($tusers) && in_array($current_user->ID,$tusers_arr)){
					$project_user_role = $wpdb->get_var( $wpdb->prepare("SELECT role_id FROM {$wpdb->prefix}wppm_project_users WHERE proj_id = %d AND user_id = %d", absint($tproject_id), absint($cu_id)));
					$project_users = $wpdb->get_var( $wpdb->prepare( "SELECT users FROM {$wpdb->prefix}wppm_project WHERE id = %d", absint($tproject_id)));
					$project_users_arr = explode(',',(string)$project_users);
					if((!empty($project_user_role)) && ($project_user_role == 1) && in_array($current_user->ID,$project_users_arr)){
						$flag = true;
						break;
					}
				}
			}
		}
	}
}
$todo_status_name = $wpdb->get_var($wpdb->prepare("SELECT name FROM {$wpdb->prefix}wppm_task_statuses where id=%d",1));
$inp_status_name = $wpdb->get_var($wpdb->prepare("SELECT name FROM {$wpdb->prefix}wppm_task_statuses where id=%d",2));
$hold_status_name = $wpdb->get_var($wpdb->prepare("SELECT name FROM {$wpdb->prefix}wppm_task_statuses where id=%d",3));
$completed_status_name = $wpdb->get_var($wpdb->prepare("SELECT name FROM {$wpdb->prefix}wppm_task_statuses where id=%d",4));
$todo_status_style = (!empty($todo_status_name))? "display:inline" :"display:none;";
$inp_status_style = (!empty($inp_status_name))? "display:inline" :"display:none;";
$hold_status_style = (!empty($hold_status_name))? "display:inline" :"display:none;";
$completed_status_style = (!empty($completed_status_name))? "display:inline" :"display:none;";
if ( empty( $id ) ) {
	$proj_filter_style = 'display:inline;';
} else {
   $proj_filter_style = 'display:none;';
}
if( isset($page) && $page === 'wppm-tasks'){
	$arch_filter_style = "display:inline;";
	$dashboard_style  = "display:inline;";
}else{
  	$arch_filter_style = "display:none;";
	$dashboard_style  = "display:none;";
}

if ( isset($page) && $page === 'wppm-archived-tasks' ) {
  $arch_filter_style = "display:none;";
} else {
  $arch_filter_style = "display:flex;";
}
?>
<form name="wppm_view_project_task" id="wppm_view_project_task">
	<div class="row">
		<div class="col-sm-12">
			<?php 
			if(($current_user->has_cap('manage_options') || $wppmfunction->has_permission('add_new_task',0) || $wppm_current_user_capability=='wppm_manager'|| ($flag==true)) && (isset($page) && $page != 'wppm-archived-tasks' )){
				$style = "display:inline;";
			}else{
				$style = "display:none;";
			}
			$style = apply_filters('wppm_add_new_task_btn_style_grid_view',$style);
			?>
			<span class="wppm-heading-inline" style="<?php echo esc_attr($proj_filter_style);?>"><?php echo (isset($page) && $page === 'wppm-archived-tasks' ) ? esc_html_e('Archived Tasks','taskbuilder'): esc_html_e('Tasks','taskbuilder');?> </span>
			<span class="wppm-add-new-btn btn-primary" onclick="wppm_add_new_task('',<?php echo (int)$id; ?>)" style="background-color:<?php echo esc_attr($appearance_settings['menu-button-bg-color'])?>;color:<?php echo esc_attr($appearance_settings['menu-button-text-color'])?>;<?php echo esc_attr($style) ?>;<?php echo esc_attr($proj_filter_style);?>"><img class="wppm_add_new_task_img" src="<?php echo esc_url( WPPM_PLUGIN_URL . 'asset/images/plus_icon.svg'); ?>" alt="add"><?php echo esc_html__('Add New','taskbuilder');?></span>
			<!-- Dashboard Button -->
			<a class="wppm-add-new-btn btn-primary" style="background-color:<?php echo esc_attr($appearance_settings['menu-button-bg-color'])?>;color:<?php echo esc_attr($appearance_settings['menu-button-text-color'])?>;margin-right:3px;!important;<?php echo esc_attr($style)?>;<?php echo esc_attr($proj_filter_style);?>" href="<?php echo esc_url( admin_url('admin.php?page=wppm-dashboard') ); ?>" title="<?php echo esc_attr_e('Go to Dashboard','taskbuilder'); ?>">
				<img src="<?php echo esc_url( WPPM_PLUGIN_URL . 'asset/images/dashboard.svg'); ?>" alt="dashboard_icon">
				<?php esc_html_e('Dashboard','taskbuilder'); ?>
			</a>
			<span class="wppm-add-new-btn btn-primary" style="background-color:<?php echo esc_attr($appearance_settings['menu-button-bg-color'])?>;<?php echo esc_attr($proj_filter_style);?>; id="wppm_task_list" onclick="wppm_get_task_list()" ><span><img class="wppm_task_list_image" src="<?php echo esc_url( WPPM_PLUGIN_URL . 'asset/images/list-symbol.svg'); ?>" alt="list"></span><span style="color:<?php echo esc_attr($appearance_settings['menu-button-text-color'])?>;<?php echo esc_attr($proj_filter_style);?>"><?php echo esc_html_e('Task List','taskbuilder');?></span></span>
			</a></span>		
		</div>
	</div>
	<div style="display:flex;justify-content:space-between;margin-top: 20px;flex-wrap: wrap;">
      	<div style="display:flex;flex-wrap: wrap;">
			<div id="wppm_task_filter_container">
				<div class="wppm-filter-item">
					<label for="wppm_task_filter"> <?php echo esc_html__('Filter','taskbuilder');?></label>
					<select id="wppm_task_filter" name="wppm_task_filter" onchange="wppm_apply_task_filter_grid_view('<?php echo esc_attr($page)?>','<?php echo esc_attr($id)?>')" class="form-control">
					<option value="all"<?php echo ($filter_by == "all")? 'selected':""?>><?php echo esc_html__('All','taskbuilder');?></option>
					<option value="1" style="<?php echo esc_attr($todo_status_style) ?>" <?php echo ($filter_by == "1")? 'selected':""?>><?php echo  esc_html__($todo_status_name);?></option>
					<option value="2" style="<?php echo esc_attr($inp_status_style) ?>" <?php echo ($filter_by == "2")? 'selected':""?>><?php echo  esc_html__($inp_status_name);?></option>
					<option value="3" style="<?php echo esc_attr($hold_status_style) ?>" <?php echo ($filter_by == "3")? 'selected':""?>><?php echo  esc_html__($hold_status_name);?></option>
					<option value="4" style="<?php echo esc_attr($completed_status_style) ?>" <?php echo ($filter_by == "4")? 'selected':""?>><?php echo  esc_html__($completed_status_name);?></option>
					<option value="mine" <?php echo ($filter_by == "mine")? 'selected':""?>><?php echo  esc_html__('Mine','taskbuilder');?></option>
					<option value="unassigned" <?php echo ($filter_by == "unassigned")? 'selected':""?>><?php echo  esc_html__('Unassigned','taskbuilder');?></option>
					<option value="overdue" <?php echo ($filter_by == "overdue")? 'selected':""?>><?php echo  esc_html__('Overdue','taskbuilder');?></option>
					<option value="archived" style="<?php echo esc_attr($arch_filter_style) ?>" <?php echo ($filter_by == "archived")? 'selected':""?>><?php echo  esc_html__('Archived','taskbuilder');?></option>
					</select>
				</div>
				<div class="wppm-filter-item wppm_project_autocomplete_container" style="<?php echo esc_attr($proj_filter_style)?>">
					<label for="wppm_task_list_proj_filter">
						<?php echo esc_html__('Project','taskbuilder');?>
					</label><br>
					<select searchable="search here" onchange="wppm_tasks_by_select_project_grid_view('<?php echo esc_attr($page)?>')" class="form-control" size="40" name="wppm_task_list_proj_filter" id="wppm_task_list_proj_filter">
						<option value="0" <?php echo ($proj_filter == 0)? 'selected':""?>><?php echo esc_html__('All','taskbuilder');?></option>
						<?php 
							if(!empty($projects)){
								foreach($projects as $proj) { 
									?>
									<option value="<?php echo esc_attr($proj->id)?>" <?php echo ($proj_filter == $proj->id)? 'selected':""?>><?php echo esc_html($proj->project_name,'taskbuilder');?></option>
							<?php } 
							} ?>
					</select>
				</div>
				 <!-- FILTER BUTTON -->
				<div class="tb-filters" class="wppm-filter-item" style="display:flex;margin-left: 4px;">
					<div class="tb-filter-bar">
					<span id="tb-advanced-toggle" class="tb-btn" style="margin-bottom: 10px;">
						<?php echo esc_html_e('⚙️ Filters', 'taskbuilder'); ?>
					</span>
					<!-- ACTIVE FILTER CHIPS -->
					<div id="tb-active-filters" class="tb-chips"></div>

					<!-- POPOVER -->
					<div id="tb-advanced-panel" class="tb-popover">
						<div class="tb-mobile-header">
						<span><?php echo esc_html_e('Filters', 'taskbuilder'); ?></span>
						<button id="tb-close-filters">✕</button>
						</div>
						<div class="tb-arrow"></div>

						<div class="tb-section">
						<h4><?php echo esc_html_e('Created By', 'taskbuilder'); ?></h4>
						<select id="tb-created-by" class="form-control" multiple>
							<?php 
							if(!empty($users)){
								foreach($users as $user): ?>
								<option value="<?php echo esc_attr($user->ID); ?>"><?php echo esc_html($user->display_name); ?></option>
							<?php endforeach; }?>
						</select>
						<h4><?php echo esc_html_e('Assigned To', 'taskbuilder'); ?></h4>
						<select id="tb-assigned" multiple>
						<?php 
						if(!empty($all_assigned)){
							foreach($all_assigned as $uid){ 
								$user = get_userdata($uid);
								if($user){
							?>
								<option value="<?php echo esc_attr($uid); ?>">
								<?php echo esc_html($user->display_name); ?>
								</option>
							<?php } }
						} ?>
						</select>
						</div>
						<div class="tb-section">
						<h4><?php echo esc_html_e('Priority', 'taskbuilder'); ?></h4>
						<select id="tb-priority" class="form-control" multiple>
						<?php if(!empty($priorities)) {
						foreach($priorities as $priority){ ?>
							<option value="<?php echo esc_attr($priority->id); ?>">
							<?php echo esc_html($priority->name); ?>
							</option>
						<?php } } ?>
						</select> 
						</div>
						<div class="tb-section">
						<h4><?php echo esc_html_e('Date', 'taskbuilder'); ?></h4>
						<input type="date" class="form-control" id="tb-start-date">
						<input type="date" class="form-control"id="tb-end-date">
						</div>
						<div id="tb-filter-actions">
						<button class="wppm-submit-btn" id="tb-apply-filter" type="button"><?php echo esc_html_e('Apply', 'taskbuilder'); ?></button>
						<button class="wppm_reset_btn" id="tb-reset-filter" type="button"><?php echo esc_html_e('Reset', 'taskbuilder'); ?></button>
						</div>
					</div>
					</div>
					<div id="tb-backdrop"></div>
				</div>
				<div class="wppm_display_submit">
					<div class="wppm-filter-actions">
						<span class="wppm-link" onclick="wppm_tl_reset_grid_view_filter('<?php echo esc_attr($page)?>',<?php echo esc_attr($id)?>)"> <?php echo esc_html__('Reset','taskbuilder');?></span>
					</div>
				</div>
			</div>
		</div>
		<div id="wppm_task_search" style="display:flex;justify-content:flex-end;margin-left: auto;">
          <img width="25px" height="15" class="wppm_task_search_filter_img" style="position: relative;top: 10px;left: 30px;" height="15px" src="<?php echo esc_url( WPPM_PLUGIN_URL . 'asset/images/search.svg'); ?>" alt="search">
          <input type="search" id="wppm_view_task_search_filter" style="margin-right:10px; min-height:30px!important;" name="wppm_view_task_search_filter" class="form-control form-control-sm" aria-controls="selection-datatable" placeholder="<?php echo esc_attr__('Search','taskbuilder');?>" value="<?php echo (!empty($search_tag)) ? esc_attr($search_tag) : "" ?>">
        </div>
	</div>
	<input type="hidden" name="wppm_proj_id" id="wppm_proj_id" value="<?php echo esc_attr($id);?>">
	<div style="display:flex;justify-content:flex-end;margin-right:10px;">
		<span id="wppm_list_view_btn" style="margin: 5px 0 -30px 0;<?php echo esc_attr($proj_filter_style);?>" onclick="wppm_get_task_list(0,<?php echo esc_attr($id)?>)"><img src="<?php echo esc_url( WPPM_PLUGIN_URL . 'asset/images/listv.svg'); ?>" alt="list"><span style="margin-left:5px;"><?php echo esc_html_e('List view','taskbuilder');?></span></span>
	</div>
	<div class="wppm_task_container" id="wppm_task_container" style="display:flex;">
		<?php 
		if(!empty($task_status)){
			foreach($task_status as $status) {
				?>
				<div class="wppm_task_list" id="wppm_task_list_<?php echo esc_attr($status->id)?>" style="display:flex;justify-content:space-between;flex-direction: column;flex-basis: 20%;">
					<div>
						<div style="background-color:<?php echo esc_attr($status->bg_color)?>;color:<?php echo esc_attr($status->color);?>;padding:5px;"> 
							<span class="wppm_status_name"><?php echo esc_html($status->name);?></span>
							<span class="wppm_add_new_icon" onclick="wppm_add_new_task('',<?php echo (int)$id; ?>)"><img src="<?php echo esc_url( WPPM_PLUGIN_URL . 'asset/images/add_new1.svg'); ?>" alt="add"></span>
						</div>
					</div>
					<div id="wppm_card_body_container_<?php echo esc_attr($status->id) ?>" style="height:100%;">
					<?php
					$total_checklist_items=0;
					$total_checked_items=0;
					$task_per_status = false;
					$total_tasks = 0;
					if(!empty($wppm_task_fillter)){
						foreach($wppm_task_fillter as $key=>$tasks){
							foreach($tasks as $task){
								$total_tasks++;
								$wppm_task_duration = $wppmfunction->wppm_get_duration($task->start_date,$task->end_date);
								if((!empty($task)) && $task->status==$status->id){
									$task_per_status = true;
									if(isset($task->priority)){
										$tpriority = ($task->priority);
										$task_priority = $wpdb->get_row(
											$wpdb->prepare(
												"SELECT * FROM {$wpdb->prefix}wppm_task_priorities 
												WHERE id = %d",
												absint($tpriority)
											)
										);
									}
									if($wppm_task_time == 1){
										$task_end_date = $task->end_date;
										$teDate = new DateTime($task->end_date);
										if($task->end_date=='0000-00-00 00:00:00'){
											if($wppm_date_setting=='Y-m-d H:i:s'){
												$task_end_date = '0000-00-00 00:00:00';
											}elseif($wppm_date_setting=='d-m-Y H:i:s'){
												$task_end_date = '00-00-0000 00:00:00';
											}elseif($wppm_date_setting=='m-d-Y H:i:s'){
												$task_end_date = '00-00-0000 00:00:00';
											}else{
												$task_end_date = '0000-00-00 00:00:00';
											}
										}else{
											$task_end_date = $teDate->format($wppm_date_setting);
										}
									}elseif($wppm_task_time == 0){
										$teDate = new DateTime($task->end_date);
										$task_end_date = $teDate->format('Y-m-d');
										if($task->end_date=='0000-00-00 00:00:00'){
											if($wppm_date_setting=='Y-m-d H:i:s'){
											$task_end_date = '0000-00-00';
											}elseif($wppm_date_setting=='d-m-Y H:i:s'){
											$task_end_date = '00-00-0000';
											}elseif($wppm_date_setting=='m-d-Y H:i:s'){
											$task_end_date = '00-00-0000';
											}else{
											$task_end_date = '0000-00-00';
											}
										}else{
											if($wppm_date_setting=='Y-m-d H:i:s'){
											$task_end_date = $teDate->format('Y-m-d');
											}elseif($wppm_date_setting=='d-m-Y H:i:s'){
											$task_end_date = $teDate->format('d-m-Y');
											}elseif($wppm_date_setting=='m-d-Y H:i:s'){
											$task_end_date = $teDate->format('m-d-Y');
											}else{
											$task_end_date = $teDate->format('Y-m-d');
											}
										}
									}
									if(!empty($task->id)){
										$tid = absint( $task->id );
										$checklists = $wpdb->get_results(
											$wpdb->prepare(
												"SELECT * FROM {$wpdb->prefix}wppm_checklist WHERE task_id = %d",
												$tid
											)
										);
										$total = $wpdb->get_var(
											$wpdb->prepare(
												"SELECT COUNT(Items.id)
												FROM {$wpdb->prefix}wppm_checklist_items AS Items
												LEFT JOIN {$wpdb->prefix}wppm_checklist AS checklist
													ON Items.checklist_id = checklist.id
												WHERE checklist.task_id = %d",
												$tid
											)
										);
										$total_checked_items = (int) $wpdb->get_var(
											$wpdb->prepare(
												"SELECT COUNT(Items.id)
												FROM {$wpdb->prefix}wppm_checklist_items AS Items
												INNER JOIN {$wpdb->prefix}wppm_checklist AS checklist
													ON Items.checklist_id = checklist.id
												WHERE checklist.task_id = %d
												AND Items.checked = 1",
												absint($tid)
											)
										);
										$project_data = $wppmfunction->get_project($task->project);
										?>
										<div class="wppm_card_body" style="background-color:<?php echo esc_attr($appearance_settings['grid-background-color'])?>!important;color:<?php echo esc_attr($appearance_settings['grid-header-text-color'])?>!important;" onclick="wppm_open_task(<?php echo esc_attr($task->id)?>,<?php echo esc_attr($id);?>)" id="wppm_draggable_card_<?php echo esc_attr($task->id)?>">
											<div>
												<div>
													<span class="wppm_td_task_priority" style="background-color:<?php echo (!empty($task_priority->bg_color))? esc_attr($task_priority->bg_color):"";?>;color:<?php echo (!empty($task_priority->color))? esc_attr($task_priority->color):"";?>"><?php echo (!empty($task_priority->name))? esc_html($task_priority->name):"" ?></span>
												</div>
												<div class="wppm_card_task_action">
													<span class="wppm_checklist_total_checked_item"><?php echo esc_html($total_checked_items.'/'.$total)?></span><span class="wppm_total_checked_item"><img src="<?php echo esc_url( WPPM_PLUGIN_URL . 'asset/images/checked.svg'); ?>" alt="checked"></span>
													<span class="wppm_show_dropdown_menu" onclick="wppm_show_dropdown_menu(<?php echo esc_attr($task->id);?>)" data-popover="wppm-dropdown-menu-<?php echo esc_attr($task->id);?>" id="wppm_task_action_<?php echo esc_attr($task->id);?>"><img src="<?php echo esc_url( WPPM_PLUGIN_URL . 'asset/images/vertical_dot.svg'); ?>" alt="vertical_dot"></span>
													<div class="gpopover" id="wppm-dropdown-menu-<?php echo esc_attr($task->id);?>">
														<a class="dropdown-item" href="#"><?php echo esc_html__('Edit','taskbuilder');?></a>
														<a class="dropdown-item" href="#"><?php echo esc_html__('Delete','taskbuilder');?></a>
													</div>
												</div>
											</div>
											<div>
												<div>
													<span class="wppm_task_name_grid_view" style="margin-left: 5px;"><?php echo esc_html($task->task_name);?></span> 
													<span class="wppm_proj_name_grid_view">(<?php echo isset($project_data['project_name']) ? esc_html($project_data['project_name']):"";?>)</span> 
												</div>
											</div>
											<div>
												<?php if($wppm_deafault_time_duration_task==0) { ?>
													<div class="wppm_task_due_date_grid_view" style="margin-left: 5px;">
													<?php $style = ($task->status!=4 && $task->end_date < $current_date) ? "color:#FF0000":"color:#2C3E50"; ?>
														<small style="<?php echo esc_attr($style); ?>"><?php echo (isset($task_end_date))? esc_html($task_end_date):"" ?></small>
													</div>
												<?php }elseif( $wppm_deafault_time_duration_task==1){ ?>
													<div class="wppm_task_due_date_grid_view" style="margin-left: 5px;">
													<?php $style = ($task->status!=4 && $task->end_date < $current_date) ? "color:#FF0000":"color:#2C3E50"; ?>
														<small style="<?php echo esc_attr($style); ?>"><?php echo (isset($wppm_task_duration))? esc_html($wppm_task_duration):"" ?></small>
													</div>
												<?php } ?> 
												<div class="wppm_card_task_users" style="text-align:right;">
													<?php
													$task_users = explode(',',$task->users);
													$i=0;
													if(!empty($project_data['users'])){
														$proj_users = explode(',',$project_data['users']);
													}
													if(!empty($task_users)){
														foreach($task_users as $user){
															if( (!empty($proj_users)) && (in_array($user,$proj_users))){ 
																$i++;
																if( $i <= 4 ){
																	if(!empty($user)){
																		$userdata = get_userdata( $user );
																		?>
																		<a href="#"  title="<?php echo esc_attr($userdata->display_name)?>">
																			<?php echo get_avatar($user, 25, "mysteryman");?>
																		</a>
																<?php } 
																}
															}
														}
													}
													if($i > 4){
														?>
															<a href="#" class="wppm_avatar">
															<span id="wppm_avatar" style="background-color:black;" class="avatar">+<?php echo esc_html($i-4) ?></span>
															</a>
													<?php } ?>
												</div>
											</div>
										</div>
										<?php
									}
								}
							}
						} 
					}
					if($task_per_status==false){
						?>
						<div>
							<div style="margin-left:5px;font-family: 'OpenSans-Semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px;">
								<?php echo esc_html__('Empty','taskbuilder'); ?>
							</div>
						</div>
						<?php
					}
					?>
					</div>
				</div>
			<?php } 
		}
		?>
		<input type="hidden" action="wppm_drag_and_drop_card">
		<input type="hidden" name="wppm_drag_and_drop_card_ajax_nonce" id="wppm_drag_and_drop_card_ajax_nonce" value="<?php echo esc_attr( wp_create_nonce( 'wppm_drag_and_drop_card' ) ); ?>">
	</div>
	<div class="row wppm_task_pagination_container">
		<div class="col-sm-4">
			<?php echo esc_html__('Total:','taskbuilder'); ?>&nbsp;<?php echo esc_html($total_tasks); ?>&nbsp;<?php echo esc_html__('of','taskbuilder') ?>&nbsp;<?php echo esc_html($totalrows_tasks) ?>&nbsp;<?php echo esc_html__('Tasks','taskbuilder')?>
		</div>
		<div class="wppm_task_pagination col-sm-4" style="<?php echo (esc_attr($total_pages)==0)? "display:none;":"display:flex;"?>">
			<span class="wppm-pagination-txt">
				<span><?php echo esc_html($current_page)?>&nbsp;<?php echo esc_html__('of','taskbuilder');?>&nbsp;<?php echo esc_html($total_pages); ?>&nbsp;<?php echo esc_html__('Page','taskbuilder'); ?></span>
			</span>
			<span <?php echo esc_attr($prev_class) ?> 
			style="<?php echo (isset($prev_class) && esc_attr($prev_class) == 'disabled') ? 'display:none;':'display:block;'?>cursor:pointer;">
			<a class="wppm_pagination_prev" onclick="return wppm_load_prev_task_page_card_view(<?php echo esc_attr($prev_page_no) ?>,<?php echo esc_attr($page_no)?>);"><?php echo esc_html__('PREV','taskbuilder');?></a>
			</span>
			<span <?php echo esc_attr($next_class) ?>
			style="<?php echo (isset($next_class) && esc_attr($next_class) == 'disabled')?'display:none;':'display:block;'?>cursor:pointer;">
			<a class="wppm_pagination_next" onclick="return wppm_load_next_task_page_card_view(<?php echo esc_attr($next_page_no) ?>,<?php echo esc_attr($page_no) ?>);"><?php echo esc_html__('NEXT','taskbuilder');?></a>
			</span>
		</div>
	</div>
</form>
<style>
	.select2-selection--single {
		height: 30px!important;
	}
	.select2-dropdown:hover {
    	color: #23527c!important;;
	}
	.select2-results__options{
		font:15px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
		margin: 0!important;
		line-height: inherit!important;
	}
	.select2-selection__rendered{
		font:15px "Helvetica Neue",Arial,Helvetica,sans-serif !important;
		margin-top: 5px!important;
	}
	.select2-selection__rendered:hover{
		color: #2271b1 !important;
	}
	.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
		background-color: #e85f08!important;
		color: white !important;
	}
	.select2-container {
		max-width: 150px !important;
		min-width: 150px !important;
	}
	.select2-selection--multiple {
		max-width: 290px !important;
		min-width: 290px !important;
  	}
	#wppm_task_filter{
		min-height: 30px !important;
    	max-height: 35px !important;
	}
	#wppm_view_project_task .wppm-add-new-btn:hover{
		background-color: <?php echo esc_attr($appearance_settings['menu-button-hover-color'])?>!important;
	}
</style><?php
if (!isset($advanced_filter) || !is_array($advanced_filter)) {
    $advanced_filter = [];
}?>
<script type="text/javascript">
	var link = true;
	window.filters = {
    created_by: [],
    assigned: [],
    priority: [],
    start_date: "",
    end_date: "",
    id: null
};

<?php if (isset($id) && !empty($id)) { ?>
window.filters.id = <?php echo esc_attr($id); ?>;
<?php } ?>

var filters = window.filters;
var wppm_task_filter = <?php echo wp_json_encode($filter_by); ?>;
	jQuery( document ).ready( function( jQuery ) {
		dragula([
			<?php foreach($task_status as $status) { ?>
				document.getElementById("wppm_card_body_container_<?php echo esc_attr($status->id) ?>"),
			<?php } ?>
		], {removeOnSpill: false})
		.on('drop', function (el,target,source) { 
			wppm_drag_drop_card(el,target,source);
		});
		var isKanban = <?php echo (isset($id) && !empty($id)) ? 'true' : 'false'; ?>;
		var filterId = isKanban
			? <?php echo isset($id) ? esc_attr($id) : '0'; ?>
			: 0;
		var filterView = isKanban ? 'kanban' : 'grid';


    // NOW use isKanban/filterId/filterView
		 // SET VALUES AFTER INIT
        let createdBy = <?php echo wp_json_encode(array_map('strval', $filter_values['created_by'] ?? [])); ?>;

        let assigned = <?php echo wp_json_encode(array_map('strval', $filter_values['assigned'] ?? [])); ?>;

        let priority = <?php echo wp_json_encode(array_map('strval', $filter_values['priority'] ?? [])); ?>;

		let startDate = <?php echo wp_json_encode($filter_values['start_date'] ?? ''); ?>;
		let endDate = <?php echo wp_json_encode($filter_values['end_date'] ?? ''); ?>;

		filters.created_by = createdBy;
		filters.assigned   = assigned;
		filters.priority   = priority;
		filters.start_date = startDate;
		filters.end_date   = endDate;

		if (isKanban) {
			filters.id = filterId;
		} else {
			filters.id = null;
		}
        jQuery('#tb-created-by').val(createdBy).trigger('change');
		jQuery('#tb-assigned').val(assigned).trigger('change');
		jQuery('#tb-priority').val(priority).trigger('change');

		jQuery('#tb-start-date').val(startDate);
		jQuery('#tb-end-date').val(endDate);

		setTimeout(function() {
			renderActiveFilters(filters);
		}, 300);   	
		jQuery(document)
		.off("click", "#tb-apply-filter")
		.on("click", "#tb-apply-filter", function (e) {
			e.preventDefault();
			filters.created_by = jQuery("#tb-created-by").val() || [];
			filters.assigned   = jQuery("#tb-assigned").val() || [];
			filters.priority   = jQuery("#tb-priority").val() || [];
			filters.start_date = jQuery("#tb-start-date").val() || "";
			filters.end_date   = jQuery("#tb-end-date").val() || "";
			<?php if (isset($id) && !empty($id)) { ?>
				filters.id = <?php echo esc_attr($id); ?>;
				renderActiveFilters(filters);
				setKanbanFilterCookie(filters);
				triggerFilter(
					1,
					filters,
					'kanban',
					<?php echo esc_attr($id); ?>
				);
			<?php } else { ?>
				filters.id = null;
				renderActiveFilters(filters);
				setFilterCookie(filters);
				triggerFilter(
					1,
					filters,
					'grid',
					0
				);
			<?php } ?>
		});
		jQuery(document).on("click", ".tb-remove", function () {
			let key = jQuery(this).attr("data-key");
			let value = jQuery(this).attr("data-value");
			// DATE REMOVE
			if (key === "date") {
				filters.start_date = "";
				filters.end_date = "";
				jQuery("#tb-start-date").val("").trigger("change");
				jQuery("#tb-end-date").val("").trigger("change");
				jQuery(this).closest(".tb-chip").remove();
				syncUIWithFilters(filters);
				renderActiveFilters(filters);
				<?php if (isset($id) && !empty($id)) { ?>
					filters.id = <?php echo esc_attr($id); ?>;
					syncUIWithFilters(filters);
				    renderActiveFilters(filters);
					setKanbanFilterCookie(filters);
					triggerFilter(
						1,
						filters,
						'kanban',
						<?php echo esc_attr($id); ?>
					);
				<?php } else { ?>
					filters.id = null;
					syncUIWithFilters(filters);
				    renderActiveFilters(filters);
					setFilterCookie(filters);
					triggerFilter(
						1,
						filters,
						'grid',
						0
					);
				<?php } ?>
				return;
			}
			// REMOVE CREATED BY / ASSIGNED / PRIORITY
			else {
				filters[key] = (filters[key] || [])
					.map(String)
					.filter(v => v !== String(value));
				jQuery(`#tb-${key}`)
					.val(filters[key])
					.trigger("change");
				// Remove chip
				jQuery(this).closest(".tb-chip").remove();
				// Sync UI
				syncUIWithFilters(filters);
				// Render active filters
				renderActiveFilters(filters);
				<?php if (isset($id) && !empty($id)) { ?>
					filters.id = <?php echo esc_attr($id); ?>;
					syncUIWithFilters(filters);
				    renderActiveFilters(filters);
					setKanbanFilterCookie(filters);
					triggerFilter(
						1,
						filters,
						'kanban',
						<?php echo esc_attr($id); ?>
					);
				<?php } else { ?>
					filters.id = null;	
					syncUIWithFilters(filters);
				    renderActiveFilters(filters);
					setFilterCookie(filters);
					triggerFilter(
						1,
						filters,
						'grid',
						0
					);
				<?php } ?>
			}
		});
		jQuery(document)
			.off("click", "#tb-reset-filter")
			.on("click", "#tb-reset-filter", function () {
				window.filters = {
					created_by: [],
					assigned: [],
					priority: [],
					start_date: "",
					end_date: "",
					id: isKanban ? filterId : null
				};
				filters = window.filters;
				syncUIWithFilters(filters);
				jQuery("#tb-active-filters").html("");
				if (isKanban) {
					syncUIWithFilters(filters);
				    renderActiveFilters(filters);	
					setKanbanFilterCookie(filters);
				} else {
					syncUIWithFilters(filters);
				    renderActiveFilters(filters);	
					setFilterCookie(filters);
				}
				triggerFilter(
					1,
					filters,
					filterView,
					filterId
				);
				jQuery("#tb-advanced-panel").removeClass("tb-open");
				jQuery("#tb-backdrop").removeClass("active");
			});
		jQuery("input[name='wppm_view_task_search_filter']").keypress(function(e) {
			//Enter key
			if (e.which == 13) {
				e.preventDefault();
				wppm_display_grid_view('<?php echo esc_js($page) ?>','<?php echo esc_js($id) ?>');
			}
		});
  	}) 
	function wppm_show_dropdown_menu(task_id){
		jQuery("#wppm_task_action_"+task_id).gpopover({width: 50});
	}

	function wppm_drag_drop_card(el,target,source){
		var data = {
			action: 'wppm_drag_and_drop_card',
			el:el.id,
			target: target.id,
			source:source.id,
			_ajax_nonce:jQuery("#wppm_drag_and_drop_card_ajax_nonce").val()
		};
		jQuery.post(wppm_admin.ajax_url, data, function(response) {
			wppm_display_grid_view('<?php echo esc_js($page) ?>','<?php echo esc_js($id) ?>');
		});
	}
	function wppm_tl_reset_grid_view_filter(page,id){
		var url = new URL(window.location.href);
		if (url.searchParams.has('wppm_task_filter')) {
			url.searchParams.delete('wppm_task_filter');
			window.location.href = url.toString();
			return false;
		}
		jQuery('#wppm_task_container').html(wppm_admin.loading_html); 
		var data = {
			action: 'wppm_view_project_tasks',
			wppm_task_filter:'all',
			task_search:"",
			sort_by:"task_name",
			order:"ASC",
			wppm_proj_filter:"0",
			page:page,
			id:id
		};
		jQuery.post(wppm_admin.ajax_url, data, function(response) {
			jQuery('#wppm_task_container').html(response); 
		});
		// ✅ close popup
		jQuery("#tb-advanced-panel").removeClass("tb-open");
		jQuery("#tb-backdrop").removeClass("active");

		// ✅ clear inputs
		jQuery('#tb-advanced-panel input').val('');
		jQuery('#tb-advanced-panel select').val([]);

		// ✅ clear chips
		jQuery("#tb-active-filters").html('');
		if(id!=0){
			resetFilters('kanban');
		}else{
			resetFilters('grid');
		}
	}
	jQuery('#wppm_task_list_proj_filter').select2({ dropdownAutoWidth: true, width: 'auto' });
  	jQuery('#wppm_task_list_proj_filter').val(<?php echo esc_attr($proj_filter) ?>);
	jQuery('#tb-created-by').select2({ dropdownAutoWidth: true, width: '100%'});
	jQuery('#tb-created-by').val(<?php echo wp_json_encode($filter_values['created_by'] ?? []); ?>).trigger('change');  
	jQuery('#tb-assigned').select2({ dropdownAutoWidth: true, width: '100%' });
	jQuery('#tb-assigned').val(<?php echo wp_json_encode($filter_values['assigned'] ?? []); ?>).trigger('change');
	jQuery('#tb-priority').select2({dropdownAutoWidth: true, width: '100%'});
	jQuery('#tb-priority').val(<?php echo wp_json_encode($filter_values['priority'] ?? []); ?>).trigger('change');
	 jQuery(document).off("click", "#tb-advanced-toggle").on("click", "#tb-advanced-toggle", function (e) {
    e.stopPropagation();
    jQuery("#tb-advanced-panel").toggleClass("tb-open");
  });

  /* Close on backdrop click */
  jQuery(document).on("click", "#tb-backdrop", function () {
    jQuery("#tb-advanced-panel").removeClass("tb-open");
    jQuery(this).removeClass("active");
  });

  /* Close on outside (desktop only) */
  jQuery(document).on("click", function (e) {
    if (window.innerWidth > 768) {
      if (!jQuery(e.target).closest("#tb-advanced-panel, #tb-advanced-toggle").length) {
        jQuery("#tb-advanced-panel").removeClass("tb-open");
      }
    }
  });jQuery(document).on("click", "#tb-close-filters", function () {
    jQuery("#tb-advanced-panel").removeClass("tb-open");
    jQuery("#tb-backdrop").removeClass("active");
  });

</script>