<div id=”wrapper”>

 <div class=”loader-wrapper”><div class=”lds-ring”><div></div><div></div><div></div><div></div></div></div>

  <div class=”card card-authentication1 mx-auto my-5″>

    <div class=”card-body”>

     <div class=”card-content p-2″>

      <div class=”text-center”>

        <img src=”assets/images/logo-icon.png” alt=”logo icon”>

      </div>

      <div class=”card-title text-uppercase text-center py-3″>Sign In</div>

        <form>

        <div class=”form-group”>

        <label for=”exampleInputUsername” class=”sr-only”>Username</label>

         <div class=”position-relative has-icon-right”>

          <input type=”text” id=”exampleInputUsername” class=”form-control input-shadow” placeholder=”Enter Username”>

          <div class=”form-control-position”>

            <i class=”icon-user”></i>

          </div>

         </div>

        </div>

        <div class=”form-group”>

        <label for=”exampleInputPassword” class=”sr-only”>Password</label>

         <div class=”position-relative has-icon-right”>

          <input type=”password” id=”exampleInputPassword” class=”form-control input-shadow” placeholder=”Enter Password”>

          <div class=”form-control-position”>

            <i class=”icon-lock”></i>

          </div>

         </div>

        </div>

      <div class=”form-row”>

       <div class=”form-group col-6″>

         <div class=”icheck-material-white”>

                <input type=”checkbox” id=”user-checkbox” checked=”” />

                <label for=”user-checkbox”>Remember me</label>

        </div>

       </div>

       <div class=”form-group col-6 text-right”>

        <a href=”reset-password.html”>Reset Password</a>

       </div>

      </div>

       <button type=”button” class=”btn btn-light btn-block”>Sign In</button>

        <a href=”./register.html” class=”text-center mt-3″>Sign In With</a>

       

     

       

       </form>

       </div>

      </div>

      <div class=”card-footer text-center py-3″>

        <p class=”text-warning mb-0″ >Do not have an account? <a href=”register.html”> Sign Up here</a></p>

      </div>

       </div>

   

     <!–Start Back To Top Button–>

    <a href=”javaScript:void();” class=”back-to-top”><i class=”fa fa-angle-double-up”></i> </a>

    <!–End Back To Top Button–>

 

  <!–start color switcher–>

   <div class=”right-sidebar”>

    <div class=”switcher-icon”>

      <i class=”zmdi zmdi-settings zmdi-hc-spin”></i>

    </div>

    <div class=”right-sidebar-content”>

      <p class=”mb-0″>Gaussion Texture</p>

      <hr>

     

      <ul class=”switcher”>

        <li id=”theme1″></li>

        <li id=”theme2″></li>

        <li id=”theme3″></li>

        <li id=”theme4″></li>

        <li id=”theme5″></li>

        <li id=”theme6″></li>

      </ul>

      <p class=”mb-0″>Gradient Background</p>

      <hr>

     

      <ul class=”switcher”>

        <li id=”theme7″></li>

        <li id=”theme8″></li>

        <li id=”theme9″></li>

        <li id=”theme10″></li>

        <li id=”theme11″></li>

        <li id=”theme12″></li>

    <li id=”theme13″></li>

        <li id=”theme14″></li>

        <li id=”theme15″></li>

      </ul>

     

     </div>

   </div>

  <!–end color switcher–>

 

  </div><!–wrapper–>

 

  <!– Bootstrap core JavaScript–>

  <script src=”assets/js/jquery.min.js”></script>

  <script src=”assets/js/popper.min.js”></script>

  <script src=”assets/js/bootstrap.min.js”></script>

 

  <!– sidebar-menu js –>

  <script src=”assets/js/sidebar-menu.js”></script>

 

  <!– Custom scripts –>

  <script src=”assets/js/app-script.js”></script>

  <script>

    const fakeUser = {

      username: “Hegazy”,

      password: “123456789”

    };

 

    if (!localStorage.getItem(“fakeUser”)) {

      localStorage.setItem(“fakeUser”, JSON.stringify(fakeUser));

    }

 

    document.querySelector(“.btn-block”).addEventListener(“click”, function () {

      const inputUsername = document.getElementById(“exampleInputUsername”).value.trim();

      const inputPassword = document.getElementById(“exampleInputPassword”).value;

 

      const storedUser = JSON.parse(localStorage.getItem(“fakeUser”));

 

      if (

        storedUser &&

        inputUsername === storedUser.username &&

        inputPassword === storedUser.password

      ) {

        alert(“تم تسجيل الدخول بنجاح “);

        window.location.href = “index.html”; // ← التوجيه هنا

      }