<?php
$not_found = '<div class="col-md-12"><div class="wow_content"><div class="empty_state"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M7,15V17H9C9.14,18.55 9.8,19.94 10.81,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V13.03C19.85,11.21 17.82,10 15.5,10C14.23,10 13.04,10.37 12.04,11H7V13H10C9.64,13.6 9.34,14.28 9.17,15H7M17,9V7H7V9H17Z" /></svg> ' . $wo["lang"]["no_result"] . '</div></div></div>';
$type_to_find = '<div class="empty_state"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.62,12L12,5.67L14.37,12M11,3L5.5,17H7.75L8.87,14H15.12L16.25,17H18.5L13,3H11Z" /></svg> ' . $wo["lang"]["what_are_looking_for"] . '</div>';

$page = isset($_GET['page-id']) ? $_GET['page-id'] : 1;
$filter_keyword = (!empty($_GET['query'])) ? Wo_Secure($_GET['query']) : '';
$db->pageLimit = 20;
$link = '';

$games = $db->objectbuilder()->orderBy('id', 'DESC')->paginate(T_GAMES, $page);

?>
<div class="page-margin">
	<div class="wo_directory_head game">
		<svg xmlns="http://www.w3.org/2000/svg" width="231" height="16" viewBox="0 0 231 16" fill="none"><path d="M219.137 3.73034C192.486 10.1419 150.867 7.69945 117.645 5.40965C98.2952 4.11209 78.5808 2.58543 57.7711 2.50911C31.4852 2.4329 15.4216 6.55455 4.4691 11.0578C3.37385 11.5158 -0.642052 11.2105 0.088112 10.6762C15.4216 2.20392 46.4536 -0.391312 86.9777 1.66964C128.962 3.80679 175.692 9.8366 213.661 2.66189C217.311 1.89862 222.423 2.96719 219.137 3.73034Z" fill="currentColor"></path><path d="M228.995 8.72779C201.249 16.0495 160.726 14.4749 123.122 11.8769C103.043 10.4598 82.9631 8.72779 61.4233 8.41288C36.9628 8.01924 21.2642 11.1684 11.407 15.7346C10.3118 16.2857 5.5657 15.892 6.66095 15.3409C43.8993 -6.62428 164.741 22.8988 222.79 7.54674C226.805 6.60214 232.282 7.86178 228.995 8.72779Z" fill="currentColor"></path></svg>
		<h2><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5h3.5a5 5 0 0 1 0 10h-5.5l-4.015 4.227a2.3 2.3 0 0 1 -3.923 -2.035l1.634 -8.173a5 5 0 0 1 4.904 -4.019h3.4z"></path><path d="M14 15l4.07 4.284a2.3 2.3 0 0 0 3.925 -2.023l-1.6 -8.232"></path><path d="M8 9v2"></path><path d="M7 10h2"></path><path d="M14 10h2"></path></svg> <?php echo $wo['lang']['welcome_discover'] ?> <?php echo $wo['lang']['games'] ?></h2>
		<p><?php echo $wo['lang']['dive_into_a_world'] ?></p>
	</div>
	
    <div class="row">
        <div class="col-md-3 leftcol">
			<div class="game_prnt"><?php echo Wo_LoadPage("directory/left-sidebar"); ?></div>
		</div>
        <div class="col-md-9 singlecol">
            <div class="wo_search_page">
                <div class="tab-content">
                    <div id="games">
                        <div class="row wow_srch_game_tabss">
                            <?php
                            if (count($games) != 0) {
                                foreach ($games as $wo['game']) {
                                    $wo['game'] = (array)$wo['game'];
                                    $wo['game']  = Wo_GameData($wo['game']["id"]);
                                    $wo['game']["players"] = Wo_CountGamePlayers($wo['game']["id"]);

                                    echo Wo_LoadPage('games/game-style');
                                }
                            } else {
                                echo $not_found;
                            }
                            ?>
                        </div>
                        <div class="clear"></div>
                    </div>

                    <?php if (!empty($games)) { ?>
                        <div class="wo-admincp-feturepager">
                            <div class="">
                        <span>
                          <?php echo "Showing $page out of " . $db->totalPages; ?>
                        </span>
                            </div>
                            <div class="">
                                <nav>
                                    <ul class="pagination">
                                        <li>
                                            <a href="<?php echo Wo_Link('directory/games?page-id=1') . $link; ?>"
                                               data-ajax="?link1=directory-games&page-id=1<?php echo($link); ?>"
                                               class="waves-effect" title='First Page'>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M11 7l-5 5l5 5"></path><path d="M17 7l-5 5l5 5"></path></svg>
                                            </a>
                                        </li>
                                        <?php if ($page > 1) { ?>
                                            <li>
                                                <a href="<?php echo Wo_Link('directory/games?page-id=' . ($page - 1)) . $link; ?>"
                                                   data-ajax="?link1=directory-games&page-id=<?php echo ($page - 1) . $link; ?>"
                                                   class="waves-effect" title='Previous Page'>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M15 6l-6 6l6 6"></path></svg>
                                                </a>
                                            </li>
                                        <?php } ?>

                                        <?php
                                        $nums = 0;
                                        $nums_pages = ($page > 4) ? ($page - 4) : $page;

                                        for ($i = $nums_pages; $i <= $db->totalPages; $i++) {
                                            if ($nums < 20) {
                                                ?>
                                                <li class="<?php echo ($page == $i) ? 'active' : ''; ?>">
                                                    <a href="<?php echo Wo_Link('directory/games?page-id=' . ($i)) . $link; ?>"
                                                       data-ajax="?link1=directory-games&page-id=<?php echo ($i) . $link; ?>"
                                                       class="waves-effect">
                                                        <?php echo $i ?>
                                                    </a>
                                                </li>

                                            <?php }
                                            $nums++;
                                        } ?>

                                        <?php if ($db->totalPages > $page) { ?>
                                            <li>
                                                <a href="<?php echo Wo_Link('directory/games?page-id=' . ($page + 1)) . $link; ?>"
                                                   data-ajax="?link1=directory-games&page-id=<?php echo ($page + 1) . $link; ?>"
                                                   class="waves-effect" title="Next Page">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M9 6l6 6l-6 6"></path></svg>
                                                </a>
                                            </li>
                                        <?php } ?>
                                        <li>
                                            <a href="<?php echo Wo_Link('directory/games?page-id=' . ($db->totalPages)) . $link; ?>"
                                               data-ajax="?link1=directory-games&page-id=<?php echo($db->totalPages) ?><?php echo($link); ?>"
                                               class="waves-effect" title='Last Page'>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M7 7l5 5l-5 5"></path><path d="M13 7l5 5l-5 5"></path></svg>
                                            </a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    <?php } ?>


                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

<script>


    jQuery(document).ready(function ($) {

    });
</script>