<?php
session_start();
?>

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Worldlinkfreightsystems.org Admin</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/fontawesome-all.min.css">
    <link rel="stylesheet" type="text/css" href="css/iofrm-style.css">
    <link rel="stylesheet" type="text/css" href="css/iofrm-theme27.css">
    <link rel="icon" type="image/png" href="assets/images/brightsolar.png" sizes="16x16">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
</head>

<body>
    <?php require '../config/message/error_success.php'?>

    <style>
        .custom-swal {
            font-size: 16px;
            max-width: 300px;
            margin: auto;
        }

        .swal2-title {
            font-size: 20px;
        }

        .swal2-content {
            font-size: 14px;
        }
    </style>
    <div class="form-body without-side">
        <div class="website-logo">
            <a href="index">
                <div class="logo">
                    <img class="logo-size" src="assets/images/brightsolarlogo.png" alt="">
                </div>
            </a>
        </div>
        <div class="iofrm-layout">
            <div class="img-holder">
                <div class="bg"></div>
                <div class="info-holder">
                    <img src="images/graphic8.svg" alt="">
                </div>
            </div>
            <div class="form-holder">
                <div class="form-content">
                    <div class="form-items">
                        <style>
                            .icon-holder img{
                                width: 58px !important;
                                font-size: 100% !important;
                                
                            }
                            .form-content .form-icon .icon-holder {
                                background: white !important;
                            }
                        </style>
                        <div class="form-icon">
                            <div class="icon-holder"><img src="assets/images/brightsolarlogo.png" alt=""></div>
                        </div>
                        <h3 class="form-title-center">Login</h3>
                        <form action="loginprocess" method="post">
                            <input class="form-control" type="text" name="email" placeholder="E-mail Address" required>
                            <input class="form-control" type="password" name="password" placeholder="Password" required>
                            <div class="form-button">
                                <button id="submit" name="submit" type="submit" class="ibtn ibtn-full">Login</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/main.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</body>

</html>