function wp_auto_spinner_log() {
    global $wpdb;

    // FILTER
    $filter = '';
    $filter_params = array();

    if (isset($_POST['action_type'])) {
        $act = sanitize_text_field($_POST['action_type']);
        if ($act === 'Error') {
            $filter .= " action LIKE %s";
            $filter_params[] = '%Error%';
        } elseif ($act === 'approved') {
            $filter .= " action LIKE %s";
            $filter_params[] = 'Comment approved%';
        }
    }

    // Date filters
    if (isset($_POST['from']) && !empty($_POST['from'])) {
        $from = sanitize_text_field($_POST['from']);
        $filter .= ($filter ? ' AND ' : '') . " `date` >= %s";
        $filter_params[] = date('Y-m-d H:i:s', strtotime($from));
    }

    if (isset($_POST['to']) && !empty($_POST['to'])) {
        $to = sanitize_text_field($_POST['to']);
        $filter .= ($filter ? ' AND ' : '') . " `date` <= %s";
        $filter_params[] = date('Y-m-d H:i:s', strtotime($to));
    }

    // Records number
    $num = isset($_POST['number']) ? sanitize_text_field($_POST['number']) : '100';
    $limit = ($num === 'all') ? '' : 'LIMIT %d';
    if ($num !== 'all' && is_numeric($num)) {
        $filter_params[] = intval($num);
    }

    // Prepare query
    $query = $wpdb->prepare(
        "SELECT * FROM wp_auto_spinner_log WHERE $filter ORDER BY id DESC $limit",
        ...$filter_params
    );

    $res = $wpdb->get_results($query);

    ?>

    <style>
    .ttw-date {
        width: 81px;
    }
    .Publish {
        background: #AAAAAA;
        color: #FFFFFF !important;
    }
    .Publish td {
        color: #FFFFFF !important;
    }
    </style>
    <div class="wrap">
        <div class="icon32" id="icon-edit-comments"><br></div>
        <h2>WordPress Auto Spinner Action Log</h2>
        <p><strong>It is where</strong> you can find all actions done by the plugin</p>
        
        <div class="clear"></div>
                
        <ul class="pin_log_breads">
            <li>Current time<br><span class="big_tag current_time">06:18:29</span><br> on server</li>
            <li>Cron last run at <br><span class="big_tag last_run">06:16:57</span><br> this is <strong><span class="wp_pinterest_run_before">1 minutes </span></strong> ago </li>
            <li>Cron should run every <br><span class="big_tag interval_mintes">60</span><br> seconds</li>
            <li>Estimated next post spin<br><span class="big_tag next_run">-32</span><br> seconds <br><span style="color:red">Missed, Please set up a cron job, visit <a href="https://honaalkaheera.com/wp-admin/admin.php?page=wp_auto_spinner_settings#dashboard-widgets-cron">the settings page</a></span></li>
            <li>Last spin <div class="last_spin"></div><span class="big_tag">#93304</span><br><a id="last_pin_link" target="_blank" href="https://honaalkaheera.com/?p=93304">visit post</a></li>
        </ul>
        
        <div style="clear: both"></div>
        
        <h3>Actions</h3>
        <a target="_blank" id="wp_pinterest_automatic_trigger_cron" class="button" href="https://honaalkaheera.com/?wp_auto_spinner=cron">Trigger Cron</a>
        <button id="clear_log" class="button">Clear Log</button>
        <button id="update_log" style="margin-right: 5px;" class="button">Update Log</button>
        
        <form method="post" action="">
            <span class="spinner"></span>
            <input style="float:right" type="submit" value="Filter" class="button-secondary" id="post-query-submit" name="submit">
            <div style="float:right" class="alignleft actions">
                <select name="number">
                    <option  value="50">50</option>
                    <option  value="100">100</option>
                    <option  value="500">500</option>
                    <option  value="1000">1000</option>
                    <option  value="all">All</option>
                </select>
            </div>
        </form>
        
        <h3>Log records</h3>
        <table class="widefat fixed">
            <thead>
                <tr>
                    <th class="column-date">Index</th>
                    <th class="column-response">Date</th>
                    <th class="column-response">Type of action</th>
                    <th>Data Processed</th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <th>Index</th>
                    <th>Date</th>
                    <th>Type of action</th>
                    <th>Data Processed</th>
                </tr>
            </tfoot>
            <tbody>