    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-php">&lt;?php
include(&quot;db/cn.php&quot;); // Include database connection
ob_start();
ini_set(&#039;display_errors&#039;, 1);
ini_set(&#039;display_startup_errors&#039;, 1);
error_reporting(E_ALL);

//session_start(); // Start session

if ($_POST) {
    // Securely fetch POST data
    $name = isset($_POST[&quot;name&quot;]) ? mysqli_real_escape_string($connection, $_POST[&quot;name&quot;]) : &#039;&#039;;
    $password = isset($_POST[&quot;password&quot;]) ? $_POST[&quot;password&quot;] : &#039;&#039;;

    // Validate input
    if (empty($name) || empty($password)) {
        echo &quot;Please provide both username and password.&quot;;
        exit();
    }

    // Query the database
    $query = &quot;SELECT name, password, role, outlet_name, outlet_address FROM r_login WHERE name=&#039;$name&#039;&quot;;
    $result = mysqli_query($connection, $query);

    // Check if user exists
    if ($result &amp;&amp; mysqli_num_rows($result) &gt; 0) {
        $row = mysqli_fetch_assoc($result);

        // Determine if password is plaintext or hashed
        $storedPassword = $row[&#039;password&#039;];

        // Use password_verify if the stored password is hashed
        $isPasswordValid = password_verify($password, $storedPassword) || $password === $storedPassword;

        if ($isPasswordValid) {
            // Store user information in session variables
            $_SESSION[&#039;user_name&#039;] = $row[&#039;name&#039;];
            $_SESSION[&#039;user_role&#039;] = $row[&#039;role&#039;];
            $_SESSION[&#039;outlet_name&#039;] = $row[&#039;outlet_name&#039;];
            $_SESSION[&#039;outlet_address&#039;] = $row[&#039;outlet_address&#039;];

            // Redirect based on role
            if ($row[&#039;role&#039;] === &#039;superadmin&#039;) {
               echo &#039;&lt;script type=&quot;text/javascript&quot;&gt;window.location.href=&quot;dashboard.php&quot;;&lt;/script&gt;&#039;;
                exit();
            } elseif ($row[&#039;role&#039;] === &#039;admin&#039;) {
                echo &#039;&lt;script type=&quot;text/javascript&quot;&gt;window.location.href=&quot;mainpos.php&quot;;&lt;/script&gt;&#039;;
                exit();
            } else {
                echo &quot;Unknown role&quot;;
            }
        } else {
            echo &quot;Invalid password&quot;;
        }
    } else {
        echo &quot;User not found&quot;;
    }
} else {
    echo &quot;&quot;;
}
ob_end_flush(); // End output buffering
?&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;

&lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;
    &lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
    &lt;meta name=&quot;author&quot; content=&quot;&quot;&gt;

    &lt;title&gt;AL-REHMAT TRADERS&lt;/title&gt;

    &lt;!-- Custom fonts for this template--&gt;
    &lt;link href=&quot;../vendor/fontawesome-free/css/all.min.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Quicksand:wght@200;300;400;500;600;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;

    &lt;!-- Custom styles for this template--&gt;
    &lt;link href=&quot;../css/sb-admin-2.min.css&quot; rel=&quot;stylesheet&quot;&gt;
&lt;/head&gt;

&lt;style&gt;
body {
    font-family: &#039;Quicksand&#039;, sans-serif;
    
}
.bg-gradient-primary {
    background: linear-gradient(270deg, #060606, #0A4A5D);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.btn-primary {
    background-color: #0A4A5D;
    color: #fff;
    border: none;
}

.btn-primary:hover {
    background: #fff;
    color: #0A4A5D;
    border: 1px solid #0A4A5D;
}

.logo-container {
    display: inline-block;
    animation: heartbeat 5s infinite;
}

@keyframes heartbeat {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
&lt;/style&gt;

&lt;body class=&quot;bg-gradient-primary&quot;&gt;
    &lt;div class=&quot;container&quot; style=&quot;margin-top:100px;&quot;&gt;
        &lt;div class=&quot;row justify-content-center&quot;&gt;
            &lt;div class=&quot;col-xl-10 col-lg-12 col-md-9&quot;&gt;
                &lt;div class=&quot;card o-hidden border-0 shadow-lg my-5&quot;&gt;
                    &lt;div class=&quot;card-body p-0&quot;&gt;
                        &lt;div class=&quot;row&quot;&gt;
                            &lt;div class=&quot;col-lg-6&quot;&gt;
                                &lt;div class=&quot;p-5&quot;&gt;
                                    &lt;div class=&quot;text-center text-uppercase&quot; style=&quot;font-weight:700;&quot;&gt;
                                        &lt;h1 class=&quot;h4 text-gray-900 mb-4&quot; style=&quot;font-weight:700;&quot;&gt;AL-REHMAT TRADERS&lt;/h1&gt;
                                    &lt;/div&gt;
                                    &lt;form class=&quot;user&quot; action=&quot;index.php&quot; method=&quot;post&quot; enctype=&quot;multipart/form-data&quot;&gt;
                                        &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;input type=&quot;text&quot; class=&quot;form-control form-control-user&quot; name=&quot;name&quot;
                                                placeholder=&quot;Login Name&quot;&gt;
                                        &lt;/div&gt;
                                        &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;input type=&quot;password&quot; class=&quot;form-control form-control-user&quot; name=&quot;password&quot;
                                                placeholder=&quot;Password&quot;&gt;
                                        &lt;/div&gt;
                                        &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;div class=&quot;custom-control custom-checkbox small&quot;&gt;
                                                &lt;input type=&quot;checkbox&quot; class=&quot;custom-control-input&quot; id=&quot;customCheck&quot;&gt;
                                                &lt;label class=&quot;custom-control-label&quot; for=&quot;customCheck&quot;&gt;Remember Me&lt;/label&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary btn-user btn-block&quot;&gt;
                                            Login
                                        &lt;/button&gt;
                                    &lt;/form&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;col-lg-6 d-none d-lg-block text-center&quot;&gt;
                                &lt;br&gt;&lt;br&gt;&lt;br&gt;
                                &lt;div class=&quot;logo-container&quot;&gt;
                                    &lt;img src=&quot;../img/ar.png&quot; class=&quot;img-fluid&quot; width=&quot;390&quot;&gt;
                                &lt;/div&gt;
                                &lt;br&gt;&lt;br&gt;&lt;br&gt;
                                &lt;p style=&quot;color:#000; font-size:16px; font-weight:600;&quot;&gt;Powered By &lt;span style=&quot;color:#A67A00; font-size:16px; font-weight:700;&quot;&gt;ATR Sales &amp; Marketing Services&lt;/span&gt;&lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Bootstrap core JavaScript--&gt;
    &lt;script src=&quot;../vendor/jquery/jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;../vendor/bootstrap/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;

    &lt;!-- Core plugin JavaScript--&gt;
    &lt;script src=&quot;../vendor/jquery-easing/jquery.easing.min.js&quot;&gt;&lt;/script&gt;

    &lt;!-- Custom scripts for all pages--&gt;
    &lt;script src=&quot;../js/sb-admin-2.min.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;

&lt;/html&gt;
</code></pre>        </div>
    </div>