    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-php">&lt;?php

// Output buffering to prevent premature output
ob_start();

include(&quot;db/cn.php&quot;);

if ($_POST) {
    // Securely fetch POST data
    $name = mysqli_real_escape_string($connection, $_POST[&quot;name&quot;]);
    $password = mysqli_real_escape_string($connection, $_POST[&quot;password&quot;]);
    $outlet_name = mysqli_real_escape_string($connection, $_POST[&quot;outlet_name&quot;]);
    $outlet_address = mysqli_real_escape_string($connection, $_POST[&quot;outlet_address&quot;]);

    // 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);

        // Assuming passwords are stored as plaintext in the database
        if ($password == $row[&#039;password&#039;]) {
            // 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;];

            // Debugging: print session variables
            echo &quot;&lt;pre&gt;&quot;;
            print_r($_SESSION);
            echo &quot;&lt;/pre&gt;&quot;;

            // Redirect based on role
            if ($row[&#039;role&#039;] == &#039;superadmin&#039;) {
                header(&#039;Location: dashboard.php&#039;);
                ob_end_flush();
                exit();
            } elseif ($row[&#039;role&#039;] == &#039;admin&#039;) {
                header(&#039;Location: log/addproduct.php&#039;);
                ob_end_flush();
                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 and send the output
?&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;Login - UNITED SALES CORPORATION&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/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&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;
  .animated-gradient {
           
            background: linear-gradient(90deg, #2E4556, #0A4F63, #060606);
            background-size: 300% 300%;
            animation: gradientAnimation 8s ease infinite;
        }

        @keyframes gradientAnimation {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }
.btn-primary{
	background: linear-gradient(270deg, #2E4556, #0A5064);
	color:#fff;
	border:none;
	
	}
.btn-primary:hover{
   background: linear-gradient(270deg, #0A5064, #2E4556);
   color:#fff;
   border:1px solid #000;	
	}	
	
	.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;animated-gradient&quot;&gt;

    &lt;div class=&quot;container&quot; style=&quot;margin-top:150px;&quot;&gt;

        &lt;!-- Outer Row --&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;!-- Nested Row within Card Body --&gt;
                        &lt;div class=&quot;row&quot;&gt;
                           &lt;div class=&quot;col-lg-7&quot; style=&quot;background-color:none;&quot;&gt;
                                &lt;div class=&quot;p-5&quot; style=&quot;background-color:none;&quot;&gt;
                                    &lt;div class=&quot;text-center&quot;&gt;
                                        &lt;h1 class=&quot;h4 text-gray-900 mb-3&quot; style=&quot;text-transform:uppercase; font-size:25px;font-weight:600;&quot;&gt;UNITED SALES CORPORATION&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;hr&gt;
                                        
                                        
                                    &lt;/form&gt;
                                  
                                    
                                    
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;col-lg-5 d-none d-lg-block &quot;&gt;
                            &lt;br&gt;&lt;br&gt;
                            &lt;center&gt;&lt;div class=&quot;logo-container&quot;&gt;&lt;img src=&quot;log/img/united sales corporation 2.png&quot; class=&quot;img-fluid&quot; width=&quot;200&quot; width=&quot;200&quot; &gt;&lt;/div&gt;
                          &lt;br&gt;&lt;br&gt;&lt;br&gt;
                           &lt;p style=&quot;color:#B18B1F; font-size:16px; font-weight:600;&quot;&gt;Powered By ATR Sales &amp; Marketing Services&lt;/p&gt;
                           
                            &lt;/center&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;
&lt;?php

?&gt;</code></pre>        </div>
    </div>