<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Claw Master :: Login</title>
    <link rel="stylesheet" href="<?=base_url()?>assets/css/style.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/machineInfo.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/dashboard.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/reports.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/location.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/smartRoute.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/selection.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/profile.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/addMachine.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/signup.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/login.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/availableJobs.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/information.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/elevator.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/jobFairs.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/candidates.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/postedJobs.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/postNewJobPage.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/jobdetails-1.css">
    <link rel="stylesheet" href="<?=base_url()?>assets/css/employerIndividualJobPosting.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/css/bootstrap-select.min.css">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>

<body class="bg-color">

    <div class="container z-index my-5">
        <div class="selection-content text-center">
            <h3 class="heading-account">Log In</h3>
            <p class="signup-para">Welcome Back Please Login to Continue</p>
        </div>
        <div class="row justify-content-center my-5 gy-5">
            <div class="col-sm-12 col-md-8 col-lg-4 my-0">
                <div class="background-signup">
                    <form class="row gy-4" action="<?=base_url()?>site/dologin" method="POST">
                        <div class="col-md-12">
                            <label class="label-form" for="email">Email address</label>
                            <input class="form-control" type="email" name="email" placeholder="Enter Your Email" required>
                            <!-- <div class="valid-feedback">Email field is valid!</div> -->
                            <!-- <div class="invalid-feedback">Email field cannot be blank!</div> -->
                        </div>
                        <div class="col-md-12">
                            <label class="label-form" for="password">Password</label>
                            <input class="form-control" type="password" name="password" placeholder="Enter Your Password" required>
                            <!-- <div class="valid-password">At Least 1 Uppercase Character, 1 Lowercase Character, And 1 Number</div> -->
                            <!-- <div class="invalid-feedback">Email field cannot be blank!</div> -->
                        </div>
                        <!-- <div class="col-sm-6">
                        <input type="checkbox" class="form-check-input" id="remember" />
                        <label for="remember" class="form-label remember">Remember For 30 Days</label>
                    </div> -->
                        <div class="col-sm-12 mt-2">
                            <a href="<?=base_url()?>/site/forgot" class="float-end forgot">Forgot Password?</a>
                        </div>
                        <div class="col-md-12 d-flex flex-column">
                            <button class="btn btn-lg btn-job-seeker background-btn-color w-100" type="submit">Log In</button>
                            <!-- <button class="btn btn-lg btn-job-seeker google-plus mb-3" type="button"> <img class="pr-3 google-plus-img" src="./assets/images/Icon awesome-google-plus-g.png" alt="icon"> Sign Up with Google</button>
                        <button class="btn btn-lg btn-job-seeker google-plus facebook mb-3" type="button"> <img class="pr-3 google-plus-img" src="./assets/images/Icon awesome-facebook.png" alt="icon"> Sign In with Facebook</button>
                        <button class="btn btn-lg btn-job-seeker google-plus apple mb-3" type="button"> <img class="pr-3 google-plus-img" src="./assets/images/Icon awesome-apple.png" alt="icon"> Sign In with Apple</button> -->
                        </div>
                        <div class="login-text mt-5">
                            <p class="para-account1">Don't have any account? <a class="sign-up-anchor Privacy" href="<?=base_url()?>site/signup"> Sign Up</a></p>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/js/bootstrap-select.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script src="<?=base_url()?>assets/js/datepicker.js" defer></script>
    <script src="<?=base_url()?>assets/js/information.js" defer></script>
    <script src="<?=base_url()?>assets/js/machineInfoPopup.js" defer></script>
    <script src="<?=base_url()?>assets/js/links.js" defer></script>
    <script src="<?=base_url()?>assets/js/popup.js" defer></script>
    <script src="<?=base_url()?>assets/js/chart.js" defer></script>
    <script src="<?=base_url()?>assets/js/location.js" defer></script>
    <script src="<?=base_url()?>assets/js/addMachine.js" defer></script>
    <script src="<?=base_url()?>assets/js/reports.js" defer></script>
    <script src="<?=base_url()?>assets/js/smartRoute.js" defer></script>
    <script>
    <?php
    if(isset($_SESSION['successMessage'])) {
    ?>
    Swal.fire(
        '<?=$_SESSION['successTitle']?>',
        '<?=$_SESSION['successMessage']?>',
        'success'
    )
    <?php } ?>
    <?php
    if(isset($_SESSION['errorMessage'])) {
    ?>
    Swal.fire(
        '<?=$_SESSION['errorTitle']?>',
        '<?=$_SESSION['errorMessage']?>',
        'error'
    )
    <?php } ?>
    </script>
</body>

</html>