<?php
/**
 * Conversations view for Agentorie Chat.
 *
 * @package    Agentorie_Chat
 * @subpackage Agentorie_Chat/admin/views
 * @since      1.0.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only filter parameters
$agentorie_current_tab = isset( $_GET['tab'] ) ? sanitize_key( wp_unslash( $_GET['tab'] ) ) : 'conversations';

$agentorie_stats    = Agentorie_Database::get_stats();
$agentorie_contacts = Agentorie_Database::get_contacts( 50 );

// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only filter parameters
$agentorie_chart_period = isset( $_GET['period'] ) ? absint( wp_unslash( $_GET['period'] ) ) : 7;
$agentorie_chart_period = in_array( $agentorie_chart_period, array( 7, 14, 30, 90 ), true ) ? $agentorie_chart_period : 7;
$agentorie_chart_data   = Agentorie_Admin::get_chart_data( $agentorie_chart_period );

$agentorie_avg_messages_per_conv = 0;
$agentorie_resolution_rate       = 0;
$agentorie_peak_hour             = '-';
$agentorie_growth_percent        = 0;

if ( isset( $agentorie_stats['total_conversations'] ) && $agentorie_stats['total_conversations'] > 0 ) {
	$agentorie_total_messages        = isset( $agentorie_stats['total_messages'] ) ? $agentorie_stats['total_messages'] : 0;
	$agentorie_avg_messages_per_conv = round( $agentorie_total_messages / $agentorie_stats['total_conversations'], 1 );

	$agentorie_human_requests  = isset( $agentorie_stats['human_requests'] ) ? $agentorie_stats['human_requests'] : 0;
	$agentorie_resolved        = $agentorie_stats['total_conversations'] - $agentorie_human_requests;
	$agentorie_resolution_rate = round( ( $agentorie_resolved / $agentorie_stats['total_conversations'] ) * 100 );

	if ( method_exists( 'Agentorie_Database', 'get_advanced_stats' ) ) {
		$agentorie_advanced_stats = Agentorie_Database::get_advanced_stats();
		$agentorie_peak_hour      = isset( $agentorie_advanced_stats['peak_hour'] ) ? $agentorie_advanced_stats['peak_hour'] . 'h' : '-';

		$agentorie_this_month_convs = isset( $agentorie_advanced_stats['this_month'] ) ? $agentorie_advanced_stats['this_month'] : 0;
		$agentorie_last_month_convs = isset( $agentorie_advanced_stats['last_month'] ) ? $agentorie_advanced_stats['last_month'] : 0;

		if ( $agentorie_last_month_convs > 0 ) {
			$agentorie_growth_percent = round( ( ( $agentorie_this_month_convs - $agentorie_last_month_convs ) / $agentorie_last_month_convs ) * 100 );
		}
	}
}

// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only display parameters
$agentorie_deleted = isset( $_GET['deleted'] ) ? absint( wp_unslash( $_GET['deleted'] ) ) : 0;
// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only display parameters
$agentorie_error = isset( $_GET['error'] ) ? sanitize_key( wp_unslash( $_GET['error'] ) ) : '';
// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only display parameters
$agentorie_exported = isset( $_GET['exported'] ) ? absint( wp_unslash( $_GET['exported'] ) ) : 0;
// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only display parameters
$agentorie_anonymized = isset( $_GET['anonymized'] ) ? absint( wp_unslash( $_GET['anonymized'] ) ) : 0;

// Filter parameters.
// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only filter parameters
$agentorie_filter_date = isset( $_GET['filter_date'] ) ? sanitize_key( wp_unslash( $_GET['filter_date'] ) ) : '';
// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only filter parameters
$agentorie_filter_flag = isset( $_GET['filter_flag'] ) ? sanitize_key( wp_unslash( $_GET['filter_flag'] ) ) : '';
// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only filter parameters
$agentorie_filter_messages = isset( $_GET['filter_messages'] ) ? sanitize_key( wp_unslash( $_GET['filter_messages'] ) ) : '';
// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only filter parameters
$agentorie_filter_search = isset( $_GET['s'] ) ? sanitize_text_field( wp_unslash( $_GET['s'] ) ) : '';
// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only filter parameters
$agentorie_orderby = isset( $_GET['orderby'] ) ? sanitize_key( wp_unslash( $_GET['orderby'] ) ) : 'created_at';
// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read-only filter parameters
$agentorie_order = isset( $_GET['order'] ) ? strtoupper( sanitize_key( wp_unslash( $_GET['order'] ) ) ) : 'DESC';
$agentorie_order = in_array( $agentorie_order, array( 'ASC', 'DESC' ), true ) ? $agentorie_order : 'DESC';

$agentorie_allowed_orderby = array( 'created_at', 'msg_count', 'session_id', 'visitor_id' );
$agentorie_orderby         = in_array( $agentorie_orderby, $agentorie_allowed_orderby, true ) ? $agentorie_orderby : 'created_at';
?>

<div class="wrap agentorie-wrap">
	<h1 class="wp-heading-inline">
		<span class="dashicons dashicons-format-chat"></span>
		<?php esc_html_e( 'Conversations', 'agentorie-chat' ); ?>
	</h1>

	<?php if ( $agentorie_deleted > 0 ) : ?>
	<div class="notice notice-success is-dismissible">
		<p>
			<?php
			printf(
				/* translators: %d: number of deleted conversations */
				esc_html( _n( '%d conversation deleted.', '%d conversations deleted.', $agentorie_deleted, 'agentorie-chat' ) ),
				(int) $agentorie_deleted
			);
			?>
		</p>
	</div>
	<?php endif; ?>

	<?php if ( $agentorie_exported > 0 ) : ?>
	<div class="notice notice-success is-dismissible">
		<p>
			<?php
			printf(
				/* translators: %d: number of exported conversations */
				esc_html( _n( '%d conversation exported.', '%d conversations exported.', $agentorie_exported, 'agentorie-chat' ) ),
				(int) $agentorie_exported
			);
			?>
		</p>
	</div>
	<?php endif; ?>

	<?php if ( $agentorie_anonymized > 0 ) : ?>
	<div class="notice notice-success is-dismissible">
		<p>
			<?php
			printf(
				/* translators: %d: number of anonymized conversations */
				esc_html( _n( '%d conversation anonymized (GDPR).', '%d conversations anonymized (GDPR).', $agentorie_anonymized, 'agentorie-chat' ) ),
				(int) $agentorie_anonymized
			);
			?>
		</p>
	</div>
	<?php endif; ?>

	<?php if ( $agentorie_error ) : ?>
	<div class="notice notice-error is-dismissible">
		<p>
			<?php
			switch ( $agentorie_error ) {
				case 'invalid_session':
					esc_html_e( 'Invalid session ID.', 'agentorie-chat' );
					break;
				case 'no_selection':
					esc_html_e( 'Please select at least one conversation.', 'agentorie-chat' );
					break;
				case 'export_failed':
					esc_html_e( 'Export failed. Please try again.', 'agentorie-chat' );
					break;
				default:
					esc_html_e( 'An error occurred.', 'agentorie-chat' );
			}
			?>
		</p>
	</div>
	<?php endif; ?>

	<nav class="nav-tab-wrapper">
		<a href="<?php echo esc_url( admin_url( 'admin.php?page=agentorie-chat-conversations&tab=conversations' ) ); ?>"
			class="nav-tab <?php echo esc_attr( 'conversations' === $agentorie_current_tab ? 'nav-tab-active' : '' ); ?>" data-tab="conversations">
			<span class="dashicons dashicons-format-chat"></span>
			<?php esc_html_e( 'Conversations', 'agentorie-chat' ); ?>
			<span class="count"><?php echo esc_html( isset( $agentorie_total_items ) ? $agentorie_total_items : 0 ); ?></span>
		</a>
		<a href="<?php echo esc_url( admin_url( 'admin.php?page=agentorie-chat-conversations&tab=stats' ) ); ?>"
			class="nav-tab <?php echo esc_attr( 'stats' === $agentorie_current_tab ? 'nav-tab-active' : '' ); ?>" data-tab="stats">
			<span class="dashicons dashicons-chart-bar"></span>
			<?php esc_html_e( 'Statistics', 'agentorie-chat' ); ?>
		</a>
		<a href="<?php echo esc_url( admin_url( 'admin.php?page=agentorie-chat-conversations&tab=contacts' ) ); ?>"
			class="nav-tab <?php echo esc_attr( 'contacts' === $agentorie_current_tab ? 'nav-tab-active' : '' ); ?>" data-tab="contacts">
			<span class="dashicons dashicons-email"></span>
			<?php esc_html_e( 'Contacts', 'agentorie-chat' ); ?>
			<span class="count"><?php echo esc_html( count( $agentorie_contacts ) ); ?></span>
		</a>
	</nav>

	<div class="tab-content <?php echo esc_attr( 'conversations' === $agentorie_current_tab ? 'active' : '' ); ?>" id="tab-conversations">

		<div class="agentorie-filters-bar">
			<form method="get" action="<?php echo esc_url( admin_url( 'admin.php' ) ); ?>" class="agentorie-filters-form">
				<input type="hidden" name="page" value="agentorie-chat-conversations">
				<input type="hidden" name="tab" value="conversations">

				<div class="filter-group filter-search">
					<label for="filter-search" class="screen-reader-text"><?php esc_html_e( 'Search conversations', 'agentorie-chat' ); ?></label>
					<input type="search"
							id="filter-search"
							name="s"
							value="<?php echo esc_attr( $agentorie_filter_search ); ?>"
							placeholder="<?php esc_attr_e( 'Search by session or visitor ID...', 'agentorie-chat' ); ?>">
				</div>

				<div class="filter-group">
					<label for="filter-date" class="screen-reader-text"><?php esc_html_e( 'Filter by date', 'agentorie-chat' ); ?></label>
					<select name="filter_date" id="filter-date">
						<option value=""><?php esc_html_e( 'All dates', 'agentorie-chat' ); ?></option>
						<option value="today" <?php selected( $agentorie_filter_date, 'today' ); ?>><?php esc_html_e( 'Today', 'agentorie-chat' ); ?></option>
						<option value="yesterday" <?php selected( $agentorie_filter_date, 'yesterday' ); ?>><?php esc_html_e( 'Yesterday', 'agentorie-chat' ); ?></option>
						<option value="7days" <?php selected( $agentorie_filter_date, '7days' ); ?>><?php esc_html_e( 'Last 7 days', 'agentorie-chat' ); ?></option>
						<option value="30days" <?php selected( $agentorie_filter_date, '30days' ); ?>><?php esc_html_e( 'Last 30 days', 'agentorie-chat' ); ?></option>
						<option value="90days" <?php selected( $agentorie_filter_date, '90days' ); ?>><?php esc_html_e( 'Last 90 days', 'agentorie-chat' ); ?></option>
					</select>
				</div>

				<div class="filter-group">
					<label for="filter-flag" class="screen-reader-text"><?php esc_html_e( 'Filter by flag', 'agentorie-chat' ); ?></label>
					<select name="filter_flag" id="filter-flag">
						<option value=""><?php esc_html_e( 'All flags', 'agentorie-chat' ); ?></option>
						<option value="admin" <?php selected( $agentorie_filter_flag, 'admin' ); ?>><?php esc_html_e( 'Admin intervention', 'agentorie-chat' ); ?></option>
						<option value="human" <?php selected( $agentorie_filter_flag, 'human' ); ?>><?php esc_html_e( 'Human requested', 'agentorie-chat' ); ?></option>
						<option value="negotiate" <?php selected( $agentorie_filter_flag, 'negotiate' ); ?>><?php esc_html_e( 'Negotiation', 'agentorie-chat' ); ?></option>
						<option value="none" <?php selected( $agentorie_filter_flag, 'none' ); ?>><?php esc_html_e( 'No flags', 'agentorie-chat' ); ?></option>
					</select>
				</div>

				<div class="filter-group">
					<label for="filter-messages" class="screen-reader-text"><?php esc_html_e( 'Filter by message count', 'agentorie-chat' ); ?></label>
					<select name="filter_messages" id="filter-messages">
						<option value=""><?php esc_html_e( 'All messages', 'agentorie-chat' ); ?></option>
						<option value="1-5" <?php selected( $agentorie_filter_messages, '1-5' ); ?>><?php esc_html_e( '1-5 messages', 'agentorie-chat' ); ?></option>
						<option value="6-10" <?php selected( $agentorie_filter_messages, '6-10' ); ?>><?php esc_html_e( '6-10 messages', 'agentorie-chat' ); ?></option>
						<option value="10+" <?php selected( $agentorie_filter_messages, '10+' ); ?>><?php esc_html_e( '10+ messages', 'agentorie-chat' ); ?></option>
					</select>
				</div>

				<div class="filter-actions">
					<button type="submit" class="button"><?php esc_html_e( 'Filter', 'agentorie-chat' ); ?></button>
					<?php if ( $agentorie_filter_date || $agentorie_filter_flag || $agentorie_filter_messages || $agentorie_filter_search ) : ?>
					<a href="<?php echo esc_url( admin_url( 'admin.php?page=agentorie-chat-conversations&tab=conversations' ) ); ?>" class="button-link filter-reset">
						<?php esc_html_e( 'Reset', 'agentorie-chat' ); ?>
					</a>
					<?php endif; ?>
				</div>
			</form>
		</div>

		<div class="tablenav top">
			<div class="alignleft actions bulkactions">
				<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>" id="bulk-action-form">
					<?php wp_nonce_field( 'agentorie_chat_delete_selected' ); ?>
					<input type="hidden" name="action" value="agentorie_chat_delete_selected">
					<button type="submit" class="button" id="delete-selected" disabled>
						<span class="dashicons dashicons-trash"></span>
						<?php esc_html_e( 'Delete Selected', 'agentorie-chat' ); ?>
					</button>
				</form>
			</div>
			<div class="alignright actions">
				<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>" class="agentorie-form-inline">
					<?php wp_nonce_field( 'agentorie_chat_export_conversations' ); ?>
					<input type="hidden" name="action" value="agentorie_chat_export_conversations">
					<button type="submit" class="button">
						<span class="dashicons dashicons-download"></span>
						<?php esc_html_e( 'Export CSV', 'agentorie-chat' ); ?>
					</button>
				</form>
			</div>
		</div>

		<?php if ( ! empty( $agentorie_conversations ) ) : ?>
		<table class="wp-list-table widefat fixed striped agentorie-conversations-table">
			<thead>
				<tr>
					<td class="manage-column column-cb check-column"><input type="checkbox" id="select-all"></td>
					<?php
					$agentorie_base_url = admin_url( 'admin.php?page=agentorie-chat-conversations&tab=conversations' );
					if ( $agentorie_filter_date ) {
						$agentorie_base_url = add_query_arg( 'filter_date', $agentorie_filter_date, $agentorie_base_url );
					}
					if ( $agentorie_filter_flag ) {
						$agentorie_base_url = add_query_arg( 'filter_flag', $agentorie_filter_flag, $agentorie_base_url );
					}
					if ( $agentorie_filter_messages ) {
						$agentorie_base_url = add_query_arg( 'filter_messages', $agentorie_filter_messages, $agentorie_base_url );
					}
					if ( $agentorie_filter_search ) {
						$agentorie_base_url = add_query_arg( 's', $agentorie_filter_search, $agentorie_base_url );
					}
					?>
					<th class="column-session sortable <?php echo esc_attr( 'session_id' === $agentorie_orderby ? 'sorted ' . strtolower( $agentorie_order ) : 'asc' ); ?>">
						<a href="
						<?php
						echo esc_url(
							add_query_arg(
								array(
									'orderby' => 'session_id',
									'order'   => ( 'session_id' === $agentorie_orderby && 'ASC' === $agentorie_order ) ? 'desc' : 'asc',
								),
								$agentorie_base_url
							)
						);
						?>
									">
							<span><?php esc_html_e( 'Session', 'agentorie-chat' ); ?></span>
							<span class="sorting-indicators">
								<span class="sorting-indicator asc" aria-hidden="true"></span>
								<span class="sorting-indicator desc" aria-hidden="true"></span>
							</span>
						</a>
					</th>
					<th class="column-visitor sortable <?php echo esc_attr( 'visitor_id' === $agentorie_orderby ? 'sorted ' . strtolower( $agentorie_order ) : 'asc' ); ?>">
						<a href="
						<?php
						echo esc_url(
							add_query_arg(
								array(
									'orderby' => 'visitor_id',
									'order'   => ( 'visitor_id' === $agentorie_orderby && 'ASC' === $agentorie_order ) ? 'desc' : 'asc',
								),
								$agentorie_base_url
							)
						);
						?>
									">
							<span><?php esc_html_e( 'Visitor', 'agentorie-chat' ); ?></span>
							<span class="sorting-indicators">
								<span class="sorting-indicator asc" aria-hidden="true"></span>
								<span class="sorting-indicator desc" aria-hidden="true"></span>
							</span>
						</a>
					</th>
					<th class="column-preview"><?php esc_html_e( 'Preview', 'agentorie-chat' ); ?></th>
					<th class="column-messages sortable <?php echo esc_attr( 'msg_count' === $agentorie_orderby ? 'sorted ' . strtolower( $agentorie_order ) : 'asc' ); ?>">
						<a href="
						<?php
						echo esc_url(
							add_query_arg(
								array(
									'orderby' => 'msg_count',
									'order'   => ( 'msg_count' === $agentorie_orderby && 'ASC' === $agentorie_order ) ? 'desc' : 'asc',
								),
								$agentorie_base_url
							)
						);
						?>
									">
							<span><?php esc_html_e( 'Messages', 'agentorie-chat' ); ?></span>
							<span class="sorting-indicators">
								<span class="sorting-indicator asc" aria-hidden="true"></span>
								<span class="sorting-indicator desc" aria-hidden="true"></span>
							</span>
						</a>
					</th>
					<th class="column-flags"><?php esc_html_e( 'Flags', 'agentorie-chat' ); ?></th>
					<th class="column-date sortable <?php echo esc_attr( 'created_at' === $agentorie_orderby ? 'sorted ' . strtolower( $agentorie_order ) : 'desc' ); ?>">
						<a href="
						<?php
						echo esc_url(
							add_query_arg(
								array(
									'orderby' => 'created_at',
									'order'   => ( 'created_at' === $agentorie_orderby && 'DESC' === $agentorie_order ) ? 'asc' : 'desc',
								),
								$agentorie_base_url
							)
						);
						?>
									">
							<span><?php esc_html_e( 'Date', 'agentorie-chat' ); ?></span>
							<span class="sorting-indicators">
								<span class="sorting-indicator asc" aria-hidden="true"></span>
								<span class="sorting-indicator desc" aria-hidden="true"></span>
							</span>
						</a>
					</th>
					<th class="column-actions"><?php esc_html_e( 'Actions', 'agentorie-chat' ); ?></th>
				</tr>
			</thead>
			<tbody>
				<?php
				foreach ( $agentorie_conversations as $agentorie_conv ) :
					$agentorie_created_timestamp = Agentorie_Database::to_timestamp( isset( $agentorie_conv['created_at'] ) ? $agentorie_conv['created_at'] : '' );
					$agentorie_is_new            = ( time() - $agentorie_created_timestamp ) < DAY_IN_SECONDS;
					$agentorie_preview_text      = isset( $agentorie_conv['last_message'] ) ? $agentorie_conv['last_message'] : '';
					$agentorie_preview_text      = wp_trim_words( $agentorie_preview_text, 8, '...' );
					?>
				<tr>
					<th scope="row" class="check-column">
						<input type="checkbox" class="conv-checkbox" name="session_ids[]" value="<?php echo esc_attr( $agentorie_conv['session_id'] ); ?>" form="bulk-action-form">
					</th>
					<td class="column-session">
						<code title="<?php echo esc_attr( $agentorie_conv['session_id'] ); ?>"><?php echo esc_html( substr( $agentorie_conv['session_id'], 0, 8 ) ); ?>...</code>
						<?php if ( $agentorie_is_new ) : ?>
						<span class="agentorie-badge agentorie-badge-new"><?php esc_html_e( 'New', 'agentorie-chat' ); ?></span>
						<?php endif; ?>
					</td>
					<td class="column-visitor">
						<?php if ( ! empty( $agentorie_conv['visitor_id'] ) ) : ?>
						<span class="visitor-id"><?php echo esc_html( substr( $agentorie_conv['visitor_id'], 0, 8 ) ); ?></span>
						<?php else : ?>
						<span class="no-visitor"><?php esc_html_e( 'Anonymous', 'agentorie-chat' ); ?></span>
						<?php endif; ?>
					</td>
					<td class="column-preview">
						<?php if ( $agentorie_preview_text ) : ?>
						<span class="preview-text" title="<?php echo esc_attr( isset( $agentorie_conv['last_message'] ) ? $agentorie_conv['last_message'] : '' ); ?>"><?php echo esc_html( $agentorie_preview_text ); ?></span>
						<?php else : ?>
						<span class="no-preview">—</span>
						<?php endif; ?>
					</td>
					<td class="column-messages">
						<strong><?php echo esc_html( isset( $agentorie_conv['msg_count'] ) ? $agentorie_conv['msg_count'] : 0 ); ?></strong>
					</td>
					<td class="column-flags indicators-column">
						<?php if ( ! empty( $agentorie_conv['admin_intervened'] ) ) : ?>
						<span class="indicator indicator-admin" title="<?php esc_attr_e( 'Admin intervention', 'agentorie-chat' ); ?>">
							<span class="dashicons dashicons-businessman"></span>
						</span>
						<?php endif; ?>
						<?php if ( ! empty( $agentorie_conv['human_requested'] ) ) : ?>
						<span class="indicator indicator-human" title="<?php esc_attr_e( 'Visitor requested human agent', 'agentorie-chat' ); ?>">
							<span class="dashicons dashicons-admin-users"></span>
						</span>
						<?php endif; ?>
						<?php if ( ! empty( $agentorie_conv['negotiate_detected'] ) ) : ?>
						<span class="indicator indicator-negotiate" title="<?php esc_attr_e( 'Price negotiation detected', 'agentorie-chat' ); ?>">
							<span class="dashicons dashicons-money-alt"></span>
						</span>
						<?php endif; ?>
						<?php if ( empty( $agentorie_conv['admin_intervened'] ) && empty( $agentorie_conv['human_requested'] ) && empty( $agentorie_conv['negotiate_detected'] ) ) : ?>
						<span class="no-flags">—</span>
						<?php endif; ?>
					</td>
					<td class="column-date">
						<span title="<?php echo esc_attr( wp_date( 'd/m/Y H:i:s', $agentorie_created_timestamp ) ); ?>">
							<?php echo esc_html( wp_date( 'd/m/Y H:i', $agentorie_created_timestamp ) ); ?>
						</span>
					</td>
					<td class="column-actions actions-column">
						<button type="button" class="button button-small view-conversation" data-session="<?php echo esc_attr( $agentorie_conv['session_id'] ); ?>" title="<?php esc_attr_e( 'View conversation', 'agentorie-chat' ); ?>">
							<span class="dashicons dashicons-visibility"></span>
						</button>
						<button type="button" class="button button-small delete-conversation" data-session="<?php echo esc_attr( $agentorie_conv['session_id'] ); ?>" title="<?php esc_attr_e( 'Delete conversation', 'agentorie-chat' ); ?>">
							<span class="dashicons dashicons-trash"></span>
						</button>
					</td>
				</tr>
				<?php endforeach; ?>
			</tbody>
		</table>

			<?php if ( $agentorie_total_pages > 1 ) : ?>
		<div class="tablenav bottom">
			<div class="tablenav-pages">
				<?php
				$agentorie_pagination_args = array(
					'base'      => add_query_arg( 'paged', '%#%' ),
					'format'    => '',
					'current'   => $agentorie_page,
					'total'     => $agentorie_total_pages,
					'prev_text' => '&laquo;',
					'next_text' => '&raquo;',
				);
				echo wp_kses_post( paginate_links( $agentorie_pagination_args ) );
				?>
			</div>
		</div>
		<?php endif; ?>

		<?php else : ?>
		<div class="agentorie-empty-state">
			<span class="dashicons dashicons-format-chat"></span>
			<?php if ( $agentorie_filter_date || $agentorie_filter_flag || $agentorie_filter_messages || $agentorie_filter_search ) : ?>
			<p><?php esc_html_e( 'No conversations match your filters.', 'agentorie-chat' ); ?></p>
			<a href="<?php echo esc_url( admin_url( 'admin.php?page=agentorie-chat-conversations&tab=conversations' ) ); ?>" class="button">
				<?php esc_html_e( 'Clear Filters', 'agentorie-chat' ); ?>
			</a>
			<?php else : ?>
			<p><?php esc_html_e( 'No conversations yet. They will appear here once visitors start chatting.', 'agentorie-chat' ); ?></p>
			<?php endif; ?>
		</div>
		<?php endif; ?>

		<div class="agentorie-card gdpr-card">
			<div class="card-header">
				<h2>
					<span class="dashicons dashicons-shield"></span>
					<?php esc_html_e( 'Data Privacy (GDPR)', 'agentorie-chat' ); ?>
				</h2>
			</div>
			<div class="card-body">
				<div class="gdpr-grid">
					<div class="gdpr-item">
						<h4><?php esc_html_e( 'Data Retention', 'agentorie-chat' ); ?></h4>
						<p><?php esc_html_e( 'Conversation data is stored locally in your WordPress database. You control retention periods.', 'agentorie-chat' ); ?></p>
						<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>" class="gdpr-form">
							<?php wp_nonce_field( 'agentorie_chat_purge_old_data' ); ?>
							<input type="hidden" name="action" value="agentorie_chat_purge_old_data">
							<label for="retention-days"><?php esc_html_e( 'Delete conversations older than:', 'agentorie-chat' ); ?></label>
							<select name="retention_days" id="retention-days">
								<option value="30"><?php esc_html_e( '30 days', 'agentorie-chat' ); ?></option>
								<option value="60"><?php esc_html_e( '60 days', 'agentorie-chat' ); ?></option>
								<option value="90" selected><?php esc_html_e( '90 days', 'agentorie-chat' ); ?></option>
								<option value="180"><?php esc_html_e( '180 days', 'agentorie-chat' ); ?></option>
								<option value="365"><?php esc_html_e( '1 year', 'agentorie-chat' ); ?></option>
							</select>
							<button type="submit" class="button" id="agentorie-purge-btn">
								<?php esc_html_e( 'Purge Old Data', 'agentorie-chat' ); ?>
							</button>
						</form>
					</div>
					<div class="gdpr-item">
						<h4><?php esc_html_e( 'Export User Data', 'agentorie-chat' ); ?></h4>
						<p><?php esc_html_e( 'Export all data for a specific visitor (GDPR data portability).', 'agentorie-chat' ); ?></p>
						<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>" class="gdpr-form">
							<?php wp_nonce_field( 'agentorie_chat_export_visitor_data' ); ?>
							<input type="hidden" name="action" value="agentorie_chat_export_visitor_data">
							<label for="visitor-id"><?php esc_html_e( 'Visitor ID or Email:', 'agentorie-chat' ); ?></label>
							<input type="text" name="visitor_identifier" id="visitor-id" placeholder="<?php esc_attr_e( 'e.g., ABC123 or email@example.com', 'agentorie-chat' ); ?>" required>
							<button type="submit" class="button">
								<?php esc_html_e( 'Export Data', 'agentorie-chat' ); ?>
							</button>
						</form>
					</div>
					<div class="gdpr-item">
						<h4><?php esc_html_e( 'Right to Erasure', 'agentorie-chat' ); ?></h4>
						<p><?php esc_html_e( 'Permanently delete all data for a specific visitor.', 'agentorie-chat' ); ?></p>
						<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>" class="gdpr-form">
							<?php wp_nonce_field( 'agentorie_chat_delete_visitor_data' ); ?>
							<input type="hidden" name="action" value="agentorie_chat_delete_visitor_data">
							<label for="visitor-id-delete"><?php esc_html_e( 'Visitor ID or Email:', 'agentorie-chat' ); ?></label>
							<input type="text" name="visitor_identifier" id="visitor-id-delete" placeholder="<?php esc_attr_e( 'e.g., ABC123 or email@example.com', 'agentorie-chat' ); ?>" required>
							<button type="submit" class="button button-secondary" id="agentorie-delete-visitor-btn">
								<?php esc_html_e( 'Delete All Data', 'agentorie-chat' ); ?>
							</button>
						</form>
					</div>
				</div>
				<div class="gdpr-notice">
					<span class="dashicons dashicons-info"></span>
					<p>
						<?php esc_html_e( 'All conversation data is stored locally in your WordPress database. You have full control over data retention and deletion.', 'agentorie-chat' ); ?>
					</p>
				</div>
			</div>
		</div>
	</div>

	<div class="tab-content <?php echo esc_attr( 'stats' === $agentorie_current_tab ? 'active' : '' ); ?>" id="tab-stats">

		<div class="stats-toolbar">
			<div class="period-selector">
				<span class="period-label"><?php esc_html_e( 'Period:', 'agentorie-chat' ); ?></span>
				<a href="
				<?php
				echo esc_url(
					add_query_arg(
						array(
							'tab'    => 'stats',
							'period' => 7,
						)
					)
				);
				?>
				" class="button <?php echo esc_attr( 7 === $agentorie_chart_period ? 'button-primary' : '' ); ?>">
					<?php esc_html_e( '7 days', 'agentorie-chat' ); ?>
				</a>
				<a href="
				<?php
				echo esc_url(
					add_query_arg(
						array(
							'tab'    => 'stats',
							'period' => 14,
						)
					)
				);
				?>
				" class="button <?php echo esc_attr( 14 === $agentorie_chart_period ? 'button-primary' : '' ); ?>">
					<?php esc_html_e( '14 days', 'agentorie-chat' ); ?>
				</a>
				<a href="
				<?php
				echo esc_url(
					add_query_arg(
						array(
							'tab'    => 'stats',
							'period' => 30,
						)
					)
				);
				?>
				" class="button <?php echo esc_attr( 30 === $agentorie_chart_period ? 'button-primary' : '' ); ?>">
					<?php esc_html_e( '30 days', 'agentorie-chat' ); ?>
				</a>
				<a href="
				<?php
				echo esc_url(
					add_query_arg(
						array(
							'tab'    => 'stats',
							'period' => 90,
						)
					)
				);
				?>
				" class="button <?php echo esc_attr( 90 === $agentorie_chart_period ? 'button-primary' : '' ); ?>">
					<?php esc_html_e( '90 days', 'agentorie-chat' ); ?>
				</a>
			</div>
			<div class="stats-export">
				<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>" class="agentorie-form-inline">
					<?php wp_nonce_field( 'agentorie_chat_export_conversations' ); ?>
					<input type="hidden" name="action" value="agentorie_chat_export_conversations">
					<button type="submit" class="button">
						<span class="dashicons dashicons-download"></span>
						<?php esc_html_e( 'Export Report', 'agentorie-chat' ); ?>
					</button>
				</form>
			</div>
		</div>

		<div class="agentorie-stats-grid">
			<div class="agentorie-stat-card">
				<div class="stat-icon conversations"><span class="dashicons dashicons-admin-comments"></span></div>
				<div class="stat-content">
					<span class="stat-value"><?php echo esc_html( number_format_i18n( isset( $agentorie_stats['total_conversations'] ) ? $agentorie_stats['total_conversations'] : 0 ) ); ?></span>
					<span class="stat-label"><?php esc_html_e( 'Total Conversations', 'agentorie-chat' ); ?></span>
				</div>
				<?php if ( 0 !== $agentorie_growth_percent ) : ?>
				<div class="stat-trend <?php echo esc_attr( $agentorie_growth_percent > 0 ? 'up' : 'down' ); ?>">
					<span class="dashicons dashicons-arrow-<?php echo esc_attr( $agentorie_growth_percent > 0 ? 'up' : 'down' ); ?>-alt"></span>
					<?php echo esc_html( abs( $agentorie_growth_percent ) ); ?>%
				</div>
				<?php endif; ?>
			</div>
			<div class="agentorie-stat-card">
				<div class="stat-icon messages"><span class="dashicons dashicons-format-chat"></span></div>
				<div class="stat-content">
					<span class="stat-value"><?php echo esc_html( number_format_i18n( isset( $agentorie_stats['total_messages'] ) ? $agentorie_stats['total_messages'] : 0 ) ); ?></span>
					<span class="stat-label"><?php esc_html_e( 'Total Messages', 'agentorie-chat' ); ?></span>
				</div>
			</div>
			<div class="agentorie-stat-card">
				<div class="stat-icon resolution"><span class="dashicons dashicons-yes-alt"></span></div>
				<div class="stat-content">
					<span class="stat-value"><?php echo esc_html( $agentorie_resolution_rate ); ?>%</span>
					<span class="stat-label"><?php esc_html_e( 'AI Resolution Rate', 'agentorie-chat' ); ?></span>
				</div>
				<div class="stat-tooltip" title="<?php esc_attr_e( 'Percentage of conversations handled entirely by AI without human escalation', 'agentorie-chat' ); ?>">
					<span class="dashicons dashicons-info"></span>
				</div>
			</div>
			<div class="agentorie-stat-card">
				<div class="stat-icon avg"><span class="dashicons dashicons-chart-line"></span></div>
				<div class="stat-content">
					<span class="stat-value"><?php echo esc_html( $agentorie_avg_messages_per_conv ); ?></span>
					<span class="stat-label"><?php esc_html_e( 'Avg. Messages/Conv.', 'agentorie-chat' ); ?></span>
				</div>
			</div>
		</div>

		<div class="agentorie-stats-grid secondary">
			<div class="agentorie-stat-card small">
				<div class="stat-icon human"><span class="dashicons dashicons-admin-users"></span></div>
				<div class="stat-content">
					<span class="stat-value"><?php echo esc_html( number_format_i18n( isset( $agentorie_stats['human_requests'] ) ? $agentorie_stats['human_requests'] : 0 ) ); ?></span>
					<span class="stat-label"><?php esc_html_e( 'Human Requests', 'agentorie-chat' ); ?></span>
				</div>
			</div>
			<div class="agentorie-stat-card small">
				<div class="stat-icon contacts"><span class="dashicons dashicons-email"></span></div>
				<div class="stat-content">
					<span class="stat-value"><?php echo esc_html( number_format_i18n( isset( $agentorie_stats['total_contacts'] ) ? $agentorie_stats['total_contacts'] : 0 ) ); ?></span>
					<span class="stat-label"><?php esc_html_e( 'Leads Captured', 'agentorie-chat' ); ?></span>
				</div>
			</div>
			<div class="agentorie-stat-card small">
				<div class="stat-icon negotiate"><span class="dashicons dashicons-money-alt"></span></div>
				<div class="stat-content">
					<span class="stat-value"><?php echo esc_html( number_format_i18n( isset( $agentorie_stats['negotiations'] ) ? $agentorie_stats['negotiations'] : 0 ) ); ?></span>
					<span class="stat-label"><?php esc_html_e( 'Negotiations', 'agentorie-chat' ); ?></span>
				</div>
			</div>
			<div class="agentorie-stat-card small">
				<div class="stat-icon peak"><span class="dashicons dashicons-clock"></span></div>
				<div class="stat-content">
					<span class="stat-value"><?php echo esc_html( $agentorie_peak_hour ); ?></span>
					<span class="stat-label"><?php esc_html_e( 'Peak Hour', 'agentorie-chat' ); ?></span>
				</div>
			</div>
		</div>

		<div class="agentorie-card">
			<div class="card-header">
				<h2>
					<span class="dashicons dashicons-chart-area"></span>
					<?php
					printf(
						/* translators: %d: number of days */
						esc_html__( 'Activity - Last %d Days', 'agentorie-chat' ),
						(int) $agentorie_chart_period
					);
					?>
				</h2>
			</div>
			<div class="card-body">
				<canvas id="conversationsChart" height="300"></canvas>
			</div>
		</div>
	</div>

	<div class="tab-content <?php echo esc_attr( 'contacts' === $agentorie_current_tab ? 'active' : '' ); ?>" id="tab-contacts">
		<?php if ( ! empty( $agentorie_contacts ) ) : ?>

		<div class="tablenav top">
			<div class="alignright actions">
				<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>" class="agentorie-form-inline">
					<?php wp_nonce_field( 'agentorie_chat_export_contacts' ); ?>
					<input type="hidden" name="action" value="agentorie_chat_export_contacts">
					<button type="submit" class="button">
						<span class="dashicons dashicons-download"></span>
						<?php esc_html_e( 'Export Contacts', 'agentorie-chat' ); ?>
					</button>
				</form>
			</div>
		</div>

		<div class="contacts-grid">
			<?php foreach ( $agentorie_contacts as $agentorie_contact ) : ?>
			<div class="contact-card">
				<div class="contact-header">
					<div class="contact-avatar"><?php echo esc_html( strtoupper( mb_substr( $agentorie_contact['name'] ? $agentorie_contact['name'] : 'V', 0, 1 ) ) ); ?></div>
					<div class="contact-info">
						<div class="contact-name"><?php echo esc_html( $agentorie_contact['name'] ? $agentorie_contact['name'] : __( 'Not provided', 'agentorie-chat' ) ); ?></div>
						<div class="contact-date"><?php echo esc_html( wp_date( 'd/m/Y H:i', Agentorie_Database::to_timestamp( isset( $agentorie_contact['created_at'] ) ? $agentorie_contact['created_at'] : '' ) ) ); ?></div>
					</div>
				</div>
				<div class="contact-details">
					<?php if ( ! empty( $agentorie_contact['email'] ) ) : ?>
					<div class="contact-row">
						<span class="dashicons dashicons-email"></span>
						<a href="mailto:<?php echo esc_attr( $agentorie_contact['email'] ); ?>"><?php echo esc_html( $agentorie_contact['email'] ); ?></a>
					</div>
					<?php endif; ?>
					<?php if ( ! empty( $agentorie_contact['phone'] ) ) : ?>
					<div class="contact-row">
						<span class="dashicons dashicons-phone"></span>
						<a href="tel:<?php echo esc_attr( $agentorie_contact['phone'] ); ?>"><?php echo esc_html( $agentorie_contact['phone'] ); ?></a>
					</div>
					<?php endif; ?>
					<?php if ( ! empty( $agentorie_contact['message'] ) ) : ?>
					<div class="contact-message">
						<span class="dashicons dashicons-format-quote"></span>
						<span><?php echo esc_html( $agentorie_contact['message'] ); ?></span>
					</div>
					<?php endif; ?>
				</div>
			</div>
			<?php endforeach; ?>
		</div>
		<?php else : ?>
		<div class="agentorie-empty-state">
			<span class="dashicons dashicons-email"></span>
			<p><?php esc_html_e( 'No contact requests yet. They will appear here when visitors submit their details.', 'agentorie-chat' ); ?></p>
		</div>
		<?php endif; ?>
	</div>
</div>

<div class="agentorie-modal" id="deleteModal">
	<div class="modal-overlay"></div>
	<div class="modal-content">
		<div class="modal-header">
			<h3><span class="dashicons dashicons-warning"></span> <?php esc_html_e( 'Confirm Deletion', 'agentorie-chat' ); ?></h3>
			<button type="button" class="modal-close">&times;</button>
		</div>
		<div class="modal-body">
			<p><?php esc_html_e( 'Are you sure you want to delete this conversation? This action cannot be undone.', 'agentorie-chat' ); ?></p>
			<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
				<?php wp_nonce_field( 'agentorie_chat_delete_conversation' ); ?>
				<input type="hidden" name="action" value="agentorie_chat_delete_conversation">
				<input type="hidden" name="session_id" id="deleteSessionId">
				<div class="modal-actions">
					<button type="button" class="button modal-cancel"><?php esc_html_e( 'Cancel', 'agentorie-chat' ); ?></button>
					<button type="submit" class="button button-danger"><?php esc_html_e( 'Delete', 'agentorie-chat' ); ?></button>
				</div>
			</form>
		</div>
	</div>
</div>

<div class="agentorie-modal" id="conversationModal">
	<div class="modal-overlay"></div>
	<div class="modal-content modal-large">
		<div class="modal-header">
			<h3><span class="dashicons dashicons-format-chat"></span> <?php esc_html_e( 'Conversation History', 'agentorie-chat' ); ?></h3>
			<button type="button" class="modal-close">&times;</button>
		</div>
		<div class="modal-body" id="conversationContent">
			<p class="agentorie-loading-text"><?php esc_html_e( 'Loading...', 'agentorie-chat' ); ?></p>
		</div>
	</div>
</div>