import React,{Component} from 'react';
import "./LoginView.css";
import logo from './resources/images/User.svg'

class LoginView extends Component{
    render(){
        return(
            <div className={"LoginView"}>
               <div id="LoginView">
               <img className="LoginImage" src={logo} alt={"logo"}/>
                <form id="LoginForm" action="index.php" method="post" >
                    <input type="text" id="Username" name="Username" placeholder="Username" required/>
                    <input type="password" id="Password" name="Password" placeholder="Password" required/>
                    <input type="submit" id="LoginButton" value="Login"/>
                </form>
                </div>
            </div>
        );
    }
}
export default LoginView;

$Username=$_REQUEST["Username"];
$Password=$_REQUEST["Password"];

echo $Username,"/",$Password;

$Conn=mysqli_connect("localhost","root","password");

if(!$Conn){
    echo "Errorn";
    echo "Try Again<a href='index.html'>Click here</a>";
}
else{
    if(!mysqli_select_db($Conn,"users")){
        echo "Error.n";
        echo "Try Again:<a href='index.html'>Click here</a>";
    }
    else{
        $sql="SELECT * FROM access where username='$Username' and password='$Password'";
    }
    $result=mysqli_query($Conn,$sql);


    if(mysqli_num_rows($result)>0){
        echo "User Accepted!.n";
        echo "Continue:<a href='index.html'>Click here</a>";
    }
    else{
        echo "User not accepted!.n";
        echo "Try again:<a href='index.html'>Click here</a>";
    }
}

?>