<!DOCTYPE html>
<html lang="lt">

<head>
    <link rel="stylesheet" href="style.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
    <title>C0-UI</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	<script defer src="https://unpkg.com/alpinejs@3.10.3/dist/cdn.min.js"></script>
    <script src="nui://game/ui/jquery.js" type="text/javascript"></script>
</head>

<body x-data="Main" x-init="listen">

    <div class="top" :style="!show && {transform: 'rotateX(90deg)'}">
        <div class="box">
            <div class="second">
                <div class="text-container">
                    <a class="name">oneside.lt</a>
                    <div>
                        <a class="small" style="color: #ffffff;" x-text="date"></a>
                    </div>
                </div>
            </div>
    
            <!-- Divider Line -->
            <div class="divider"></div>
    
            <div class="logo-section">
                <div class="first">
                    <div class="info">
                        <i class="fas fa-gamepad"></i>
                        <span class="label">JŪSŲ ID:</span>
                        <a class="large info-box" x-text="id"></a>
                    </div>
                    <div class="info">
                        <i class="fas fa-signal"></i>
                        <span class="label">ŽAIDĖJAI:</span>
                        <a class="large info-box" x-text="players"></a>
                    </div>
                </div>
                <!-- Logo placed at the end -->
                <img src="icon/logo.png" class="logo">
            </div>
                </div>
            </div>
        </div>
    </div>
    
    
    <script src="script.js"></script>

</body>

</html>