<head id="HD" lmdiid="HD">
  <!-- CSS Files -->
  <link href="../styleSheets/boxy.css" type="text/css" rel="stylesheet">
  <link href="../Themes/bootstrap-dialog.min.css" rel="stylesheet">
  <link rel="stylesheet" href="../scripts/dataTables.bootstrap5.min.css">
  <link rel="stylesheet" href="../scripts/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="../scripts/jquery-ui.min.css">
  <link href="..//stylesheets/isite/jquery-ui/jquery-ui.css" type="text/css" rel="stylesheet">
  <link href="..//stylesheets/boxy.css" type="text/css" rel="stylesheet">

  <!-- JavaScript Files - CORRECT ORDER -->
  <!-- 1. jQuery FIRST -->


  <!-- 2. CryptoJS BEFORE formutility.js -->
  <script type="text/javascript" src="../scripts/crypto-js.min.js"></script>

  <!-- 3. Other jQuery plugins and utilities -->
  <script language="javascript" src="../scripts/boxy/jquery.boxy.js"></script>
  <script language='javascript' src="../scripts/jquery.numeric.js"></script>
  <script type="text/javascript" src="../scripts/jquery-ui.min.js" charset="UTF-8"></script>
  <script type="text/javascript" language="javascript" src="..//scripts/jquery.maskedinput-1.3.min.js"></script>
  <script type="text/javascript" language="javascript" src="..//scripts/shortcut.js"></script>
  <script type="text/javascript" language="javascript" src="..//scripts/slidescript.js"></script>
  <script type="text/javascript" language="javascript" src="..//scripts/scale.fix.js"></script>
  <script type="text/javascript" language="javascript" src="..//scripts/isite/validation.js"></script>

  <!-- 4. Application scripts -->
  <script language="javascript" src="../scripts/generalUtilityv2.js"></script>
  <script language="javascript" src="../scripts/formutility.js?v=1"></script>
  <script type="text/javascript" src="../scripts/ajax.js"></script>
  <script type="text/javascript" src="../scripts/bootstrap-dialog.min.js" charset="UTF-8"></script>
  <script src="../scripts/dataTables.bootstrap5.min.js"></script>
  <script src="../scripts/IMAPP/custom.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

  <title>Fiber360</title>

  <style>
    body {
      background-image: url("/Images/bg (2).png");
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
      font-family: Arial, Helvetica, sans-serif;
      background-position: bottom !important;
    }

    .login-card {
      max-width: 400px;
      margin: 100px auto;
      background: rgba(255, 255, 255, 0.95);
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    }

    .login-card h2 {
      text-align: center;
      margin-bottom: 20px;
      color: #333;
    }

    input[type=text],
    input[type=password] {
      width: 100%;
      padding: 12px 20px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }

    .btnrSubmit {
      background-color: #FF9800;
      color: white;
      width: 100%;
      padding: 12px;
      border-radius: 5px;
      border: none;
      font-size: 16px;
      cursor: pointer;
    }

    .btnrSubmit:hover {
      opacity: 0.9;
    }

    .forgot-password {
      display: block;
      text-align: right;
      margin-top: 10px;
      font-size: 0.9rem;
    }

    .footer-text {
      font-size: 11px;
      text-align: center;
      margin-top: 20px;
      color: #555;
    }

    .footer-link {
      color: #007bff;
      text-decoration: none;
    }

    .footer-link:hover {
      text-decoration: underline;
    }

    .class_page_0 {
      font-size: 12pt;
      height: 100vh;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
  </style>
  <script language="javascript" src="../BootstrapFiles/jquery/jquery-3.1.1.min.js"></script>

</head>

<body style="font-size: 12pt; height:100vh">
  <form name="form1" method="post" action="login.aspx" id="form1" lmdiid="form1">

    <div id="divLoginbox" lmdiid="divLoginbox">
      <div class="login-card">

        <h2>Login</h2>

        <div type="form" formid="1" id="ctrl_frm1" lmdiid="ctrl_frm1"><div class="SparkText">
  <table class="SparkText VAlign" cellpadding="0" cellspacing="0">
    <td>
      <div class="input-container input_field"><i style="width:10%;text-align:center" class="fa fa-user icon"></i><INPUT pval="" p="1" placeholder="Username" class="SparkTextbox dd" dt="2" type="text" fld="1" Formid="1" SparkCtrl="true" id="ctrl_1_1" style="WIDTH: 182px;&#xA;          font-size:11px;&#xA;        " value="" utype="uname"></div>
    </td>
    <tr>
      <td style="height:5px"></td>
    </tr>
  </table>
</div>
<div class="SparkText">
  <table class="SparkText VAlign" cellpadding="0" cellspacing="0">
    <td>
      <div class="input-container input_field"><i style="width:10%;text-align:center" class="fa fa-lock"></i><INPUT pval="" p="1" placeholder="Password" class="SparkTextbox ee" dt="20" type="password" fld="2" Formid="1" SparkCtrl="true" id="ctrl_1_2" style="WIDTH: 182px;&#xA;          font-size:11px;&#xA;        " value="" utype="upwd" onkeyup="loginclick(event)"></div>
    </td>
    <tr>
      <td style="height:5px"></td>
    </tr>
  </table>
</div>
<div class="SparkText">
  <table class="SparkText VAlign" cellpadding="0" cellspacing="0">
    <td align="right" valign="middle" style="width: 100px; white-space: nowrap;" colspan="3"><span id="lbl_3_1" class="SparkLbl"></span></td>
    <tr>
      <td style="height:5px"></td>
    </tr>
  </table>
</div></div>

        <a href="javascript:Navigate('#');" onclick="HandleForgotPassword()" class="forgot-password">
          Forgot Password?
        </a>

        <input name="BtnLogin" type="button" id="BtnLogin" class="btnrSubmit" value="Login" formid="1" onclick="Login(this)" utype="login" lmdiid="BtnLogin">

        <div class="footer-text">
          For Assistance ....<br>
          Powered with iManagerApps<br>
          Fiber360- &#169; Copyright 2018 LetMeDoit Technologies. All rights reserved -
          <a href="#" class="footer-link disabled-link " onclick="window.open('http://www.letmedoit.in')" target="_blank" title="technology that works for you">www.letmedoit.in</a>
        </div>
      </div>
    </div>

  </form>



  <!-- ===================== DELETE SESSION MODAL ===================== -->
  <div class="modal fade" id="deleteSessionModal" tabindex="-1" role="dialog" lmdiid="deleteSessionModal">
    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
      <div class="modal-content">

        <div class="modal-header bg-danger text-white">
          <h5 class="modal-title">Delete Session</h5>
          <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" onclick="$('#deleteSessionModal').modal('hide');">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>

        <div class="modal-body">
          <p>Are you sure you want to delete this session?</p>
          <p class="text-muted">This action cannot be undone.</p>
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" onclick="$('#deleteSessionModal').modal('hide');">Cancel</button>

          <button type="button" class="btn btn-danger" onclick="DeleteSessionAndLogin();">
            Delete
          </button>
        </div>

      </div>
    </div>
  </div>
  <!-- ================== END DELETE SESSION MODAL ==================== -->

  <!-- Unique Change Password Modal -->
  <div class="modal fade" id="Modal_ChangePassword_8754" tabindex="-1" role="dialog" aria-labelledby="Modal_ChangePasswordLabel_8754" aria-hidden="true" lmdiid="Modal_ChangePassword_8754">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="Modal_ChangePasswordLabel_8754" lmdiid="Modal_ChangePasswordLabel_8754">Change Password</h5>
          <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div id="Modal_Caption_8754" style="color:red; font-weight:bold;" lmdiid="Modal_Caption_8754"></div>
          <div class="mb-3">
            <label for="Input_CurrentPassword_8754" class="form-label">Current Password:</label>
            <input type="password" class="form-control" id="Input_CurrentPassword_8754" lmdiid="Input_CurrentPassword_8754">
          </div>
          <div class="mb-3">
            <label for="Input_NewPassword_8754" class="form-label">New Password:</label>
            <input type="password" class="form-control" id="Input_NewPassword_8754" lmdiid="Input_NewPassword_8754">
          </div>
          <div class="mb-3">
            <label for="Input_RepeatPassword_8754" class="form-label">Repeat Password:</label>
            <input type="password" class="form-control" id="Input_RepeatPassword_8754" lmdiid="Input_RepeatPassword_8754">
          </div>
          <div id="Modal_ResetMsg_8754" style="color:red; font-size: 0.9em;" lmdiid="Modal_ResetMsg_8754"></div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" id="Btn_ResetPassword_8754" lmdiid="Btn_ResetPassword_8754">Reset</button>
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>





</body>


<script> $(document).ready(function() {});   </script><!-- AJAX CONTENT -->