<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<?php $this->load->view('authentication/includes/head.php'); ?>

<body class="tw-bg-neutral-100 login_admin" style="
        background-image: url(<?= base_url(); ?>/assets/images/DSC06839-scaled1.jpg); 
        background-position: center; 
        background-repeat: no-repeat; 
        background-size: cover; 
        background-attachment: fixed; 
        background-color: rgba(0, 0, 0, 0.4); 
        height: 100vh; 
        width: 100%; 
    ">

    <div class="tw-max-w-md tw-mx-auto authentication-form-wrapper tw-relative tw-z-20" style="padding-top: 150px;">
       
      

        <div
            class="tw-bg-white tw-mx-2 sm:tw-mx-6 tw-py-8 tw-px-6 sm:tw-px-8 tw-shadow-sm tw-rounded-lg tw-border tw-border-solid tw-border-neutral-600/10">

            <?php $this->load->view('authentication/includes/alerts'); ?>

            <?= form_open($this->uri->uri_string()); ?>

            <?= validation_errors('<div class="alert alert-danger text-center">', '</div>'); ?>

            <?php hooks()->do_action('after_admin_login_form_start'); ?>
            
             <div class="text-center com_logo">
               
            <?php get_dark_company_logo(); ?>
        </div>
        <!-- Button -->
<style type="text/css"> .microsoft-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
    background-color: #303030;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.microsoft-btn img {padding-right: 15px;}
.com_logo { text-align: center; }
.com_logo .logo { display: inline-block; }
.com_logo img { display: block; margin: 0 auto; max-width: 100%; height: 80px; }
</style>

<!-- -->
        
             <h1 class="tw-text-2xl tw-text-neutral-800 text-center tw-font-bold tw-mb-5">
           Human Capital <br> <span class="text-center" style="font-size:14px;">Compliance Portal </span>
        </h1>

           

            <?php if (show_recaptcha()) { ?>
            <div class="g-recaptcha tw-mb-4"
                data-sitekey="<?= get_option('recaptcha_site_key'); ?>">
            </div>
            <?php } ?>

            <div class="form-group">
                <div class="checkbox checkbox-inline">
                    <input type="checkbox" value="estimate" id="remember" name="remember">
                    <label for="remember">
                        <?= _l('admin_auth_login_remember_me'); ?></label>
                </div>
            </div>

            <div class="form-group tw-mt-6">
                 <a href="<?= site_url('admin/authentication/login_microsoft'); ?>"><button type="button" class="btn microsoft-btn btn-block btn-primary">
                            <!-- SVG icon for Google -->
                            <img src="<?= base_url('assets/images/ms-pictogram.svg'); ?>" class="x-icon" alt="Microsoft">

                            Sign in with Microsoft
                        </button></a>
            </div>

          

            <?php hooks()->do_action('before_admin_login_form_close'); ?>

            <?= form_close(); ?>
        </div>
    </div>

</body>

</html>