diff --git a/app/pages/participants.php b/app/pages/participants.php
index cad0277..b353019 100644
--- a/app/pages/participants.php
+++ b/app/pages/participants.php
@@ -25,9 +25,31 @@ if ($response['db'] === null) {
 } else {
     $db = $response['db'];
 
+    // Get current page for pagination
+    $currentPage = $_REQUEST['page_num'] ?? 1;
+    $currentPage = (int)$currentPage;
+
     // specify time range
     include '../app/helpers/time_range.php';
 
+    // Build params for pagination
+    $params = '';
+    if (!empty($_REQUEST['from_time'])) {
+        $params .= '&from_time=' . urlencode($_REQUEST['from_time']);
+    }
+    if (!empty($_REQUEST['until_time'])) {
+        $params .= '&until_time=' . urlencode($_REQUEST['until_time']);
+    }
+    if (!empty($_REQUEST['name'])) {
+        $params .= '&name=' . urlencode($_REQUEST['name']);
+    }
+    if (!empty($_REQUEST['id'])) {
+        $params .= '&id=' . urlencode($_REQUEST['id']);
+    }
+    if (isset($_REQUEST['event'])) {
+        $params .= '&ip=' . urlencode($_REQUEST['ip']);
+    }
+
     // participant id/name/IP are specified when searching specific participant(s)
     // participant name - this is 'stats_id' in the db
     // either id, name, OR IP - in that order
@@ -56,9 +78,7 @@ if ($response['db'] === null) {
 
     // pagination variables
     $items_per_page = 15;
-    $browse_page = $_REQUEST['p'] ?? 1;
-    $browse_page = (int)$browse_page;
-    $offset = ($browse_page -1) * $items_per_page;
+    $offset = ($currentPage -1) * $items_per_page;
 
     // search and list specific participant ID
     if (isset($participantId)) {
@@ -82,7 +102,7 @@ if ($response['db'] === null) {
     if (!empty($search)) {
         // we get total items and number of pages
         $item_count = count($search_all);
-        $page_count = ceil($item_count / $items_per_page);
+        $totalPages = ceil($item_count / $items_per_page);
 
         $participants = array();
         $participants['records'] = array();
@@ -144,33 +164,18 @@ if ($response['db'] === null) {
         }
     }
 
-    // prepare the widget
-    $widget['full'] = false;
-    $widget['name'] = 'Participants';
-    $widget['collapsible'] = false;
-    $widget['collapsed'] = false;
-    $widget['filter'] = true;
-    $widget['pagination'] = true;
-
-    // widget title
+    // filter message
+    $filterMessage = array();
     if (isset($_REQUEST['name']) && $_REQUEST['name'] != '') {
-        $widget['title'] = 'Conferences with participant name (stats_id) matching "<strong>' . $_REQUEST['name'] . '"</strong>';
+        array_push($filterMessage, 'Conferences with participant name (stats_id) matching "<strong>' . $_REQUEST['name'] . '"</strong>');
     } elseif (isset($_REQUEST['id']) && $_REQUEST['id'] != '') {
-        $widget['title'] = 'Conference with participant ID matching "<strong>' . $_REQUEST['id'] . '"</strong>';
+        array_push($filterMessage, 'Conferences with participant ID matching "<strong>' . $_REQUEST['id'] . '"</strong>');
     } elseif (isset($participantIp)) {
-        $widget['title'] = 'Conference with participant IP matching "<strong>' . $participantIp . '"</strong>';
-    } else {
-        $widget['title'] = 'All participants';
-    }
-    // widget records
-    if (!empty($participants['records'])) {
-        $widget['full'] = true;
-        $widget['table_headers'] = array_keys($participants['records'][0]);
-        $widget['table_records'] = $participants['records'];
+        array_push($filterMessage, 'Conferences with participant IP matching "<strong>' . $participantIp . '"</strong>');
     }
 
     // display the widget
-    include '../app/templates/widget.php';
+    include '../app/templates/participants.php';
 
 }
 
diff --git a/app/templates/participants.php b/app/templates/participants.php
new file mode 100644
index 0000000..7187024
--- /dev/null
+++ b/app/templates/participants.php
@@ -0,0 +1,125 @@
+
+                <!-- jitsi participants events -->
+                <div class="container-fluid mt-2">
+                    <div class="row mb-4">
+                        <div class="col-md-6 mb-5">
+                            <h2 class="mb-0">Jitsi participants events</h2>
+                            <small>log events related to participants in Jitsi Meet conferences</small>
+                        </div>
+                        <div class="row mb-4">
+
+                            <!-- participant events filter -->
+                            <div class="card mb-3">
+                                <div class="card-body">
+                                    <form method="get" action="" class="row g-3 align-items-end">
+                                        <input type="hidden" name="page" value="participants">
+                                        <div class="col-md-auto">
+                                            <label for="from_time" class="form-label">From date</label>
+                                            <input type="date" class="form-control" id="from_time" name="from_time" value="<?= htmlspecialchars($_REQUEST['from_time'] ?? '') ?>">
+                                        </div>
+                                        <div class="col-md-auto">
+                                            <label for="until_time" class="form-label">Until date</label>
+                                            <input type="date" class="form-control" id="until_time" name="until_time" value="<?= htmlspecialchars($_REQUEST['until_time'] ?? '') ?>">
+                                        </div>
+                                        <div class="col-md-2">
+                                            <label for="name" class="form-label">Participant name</label>
+                                            <input type="text" class="form-control" id="name" name="name" value="<?= htmlspecialchars($_REQUEST['name'] ?? '') ?>" placeholder="Participant name">
+                                        </div>
+                                        <div class="col-md-4">
+                                            <input type="text" class="form-control" id="id" name="id" value="<?= htmlspecialchars($_REQUEST['id'] ?? '') ?>" placeholder="Search in participant IDs">
+                                            <input type="text" class="form-control" id="ip" name="ip" value="<?= htmlspecialchars($_REQUEST['ip'] ?? '') ?>" placeholder="Search in participant IPs">
+                                        </div>
+                                        <div class="col-md-auto align-middle">
+                                            <button type="submit" class="btn btn-primary me-2">
+                                                <i class="fas fa-search me-2"></i>Search
+                                            </button>
+                                            <a href="?page=participants" class="btn btn-outline-secondary">
+                                                <i class="fas fa-times me-2"></i>Clear
+                                            </a>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
+                            <!-- /paerticipant events filter -->
+
+                            <!-- participant events -->
+<?php if ($time_range_specified || count($filterMessage)) { ?>
+                            <div class="alert alert-info m-0 mb-3 small">
+<?php   if ($time_range_specified) { ?>
+                                <p class="mb-0"><i class="fas fa-calendar-alt me-2"></i>Time period: <strong><?= htmlspecialchars($from_time) ?> - <?= htmlspecialchars($until_time) ?></strong></p>
+<?php   } ?>
+<?php   if (count($filterMessage)) {
+          foreach ($filterMessage as $message) { ?>
+                                <p class="mb-0"><i class="fas fa-users me-2"></i><?= $message ?></strong></p>
+<?php     } ?>
+<?php   } ?>
+                            </div>
+<?php } ?>
+
+                            <div class="mb-5">
+<?php if (!empty($participants['records'])) { ?>
+                                <div class="table-responsive border">
+                                    <table class="table table-results table-hover">
+                                        <thead class="table-light">
+                                            <tr>
+<?php     foreach (array_keys($participants['records'][0]) as $header) { ?>
+                                                <th scope="col"><?= htmlspecialchars($header) ?></th>
+<?php     } ?>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+<?php     foreach ($participants['records'] as $row) { ?>
+                                            <tr>
+<?php       $stats_id = false;
+            $participant_ip = false;
+            if (isset($row['event']) && $row['event'] === 'stats_id') $stats_id = true;
+            if (isset($row['event']) && $row['event'] === 'pair selected') $participant_ip = true;
+            foreach ($row as $key => $column) {
+                    if ($key === 'conference ID' && isset($conferenceId) && $conferenceId === $column) { ?>
+                                                <td><strong><?= htmlspecialchars($column ?? '') ?></strong></td>
+<?php               } elseif ($key === 'conference ID') { ?>
+                                                <td><a href="<?= htmlspecialchars($app_root) ?>?platform=<?= htmlspecialchars($platform_id) ?>&page=conferences&id=<?= htmlspecialchars($column ?? '') ?>"><?= htmlspecialchars($column ?? '') ?></a></td>
+<?php               } elseif ($key === 'conference name' && isset($conferenceName) && $conferenceName === $column) { ?>
+                                                <td><strong><?= htmlspecialchars($column ?? '') ?></strong></td>
+<?php               } elseif ($key === 'conference name') { ?>
+                                                <td><a href="<?= htmlspecialchars($app_root) ?>?platform=<?= htmlspecialchars($platform_id) ?>&page=conferences&name=<?= htmlspecialchars($column ?? '') ?>"><?= htmlspecialchars($column ?? '') ?></a></td>
+<?php               } elseif ($key === 'participant ID' && isset($participantId) && $participantId === $column) { ?>
+                                                <td><strong><?= htmlspecialchars($column ?? '') ?></strong></td>
+<?php               } elseif ($key === 'participant ID') { ?>
+                                                <td><a href="<?= htmlspecialchars($app_root) ?>?platform=<?= htmlspecialchars($platform_id) ?>&page=participants&id=<?= htmlspecialchars($column ?? '') ?>"><?= htmlspecialchars($column ?? '') ?></a></td>
+<?php               } elseif ($key === 'component ID') { ?>
+                                                <td><a href="<?= htmlspecialchars($app_root) ?>?platform=<?= htmlspecialchars($platform_id) ?>&page=components&id=<?= htmlspecialchars($column ?? '') ?>"><?= htmlspecialchars($column ?? '') ?></a></td>
+<?php               } elseif ($stats_id && $key === 'parameter' && isset($participantName) && $participantName === $column) { ?>
+                                                <td><strong><?= htmlspecialchars($column ?? '') ?></strong></td>
+<?php               } elseif ($stats_id && $key === 'parameter') { ?>
+                                                <td><a href="<?= htmlspecialchars($app_root) ?>?platform=<?= htmlspecialchars($platform_id) ?>&page=participants&name=<?= htmlspecialchars($column ?? '') ?>"><?= htmlspecialchars($column ?? '') ?></a></td>
+<?php               } elseif ($participant_ip && $key === 'parameter' && isset($participantIp) && $participantIp === $column) { ?>
+                                                <td><strong><?= htmlspecialchars($column ?? '') ?></strong></td>
+<?php               } elseif ($participant_ip && $key === 'parameter') { ?>
+                                                <td><a href="<?= htmlspecialchars($app_root) ?>?platform=<?= htmlspecialchars($platform_id) ?>&page=participants&ip=<?= htmlspecialchars($column ?? '') ?>"><?= htmlspecialchars($column ?? '') ?></a></td>
+<?php               } elseif ($key === 'component') { ?>
+                                                <td><a href="<?= htmlspecialchars($app_root) ?>?platform=<?= htmlspecialchars($platform_id) ?>&page=components&name=<?= htmlspecialchars($column ?? '') ?>"><?= htmlspecialchars($column ?? '') ?></a></td>
+<?php
+                    // in general listings we don't show seconds and miliseconds
+                    } elseif ($key === 'start' || $key === 'end') { ?>
+                                                <td><?= htmlspecialchars(substr($column ?? '', 0, -7)) ?></td>
+<?php               } else { ?>
+                                                <td><?= htmlspecialchars($column ?? '') ?></td>
+<?php               }
+                } ?>
+                                            </tr>
+<?php     } ?>
+                                        </tbody>
+                                    </table>
+                                </div>
+<?php include '../app/templates/pagination.php'; ?>
+<?php } else { ?>
+                                <div class="alert alert-danger m-0">
+                                    <i class="fas fa-info-circle me-2"></i>No participant events found for the specified criteria.
+                                </div>
+<?php } ?>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- /jitsi participants events -->