<?php
defined('BASEPATH') or exit('No direct script access allowed');
?>
<!DOCTYPE html>


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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex, nofollow">
    <title><?= "Welcome to " . $school_info['school_name']; ?></title>
    <link rel="icon" type="image/x-icon" href="<?php echo base_url(); ?>common_assets/fav.png">
    <!--styles links-->
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets_admin/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets_admin/css/jquery-ui.min.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets_admin/css/all.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets_admin/css/style-admin.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets_admin/css/style-admin-responsive.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets_admin/css/jquery.dataTables.min.css">
    <script src="<?php echo base_url(); ?>assets_student/js/jquery-3.6.0.min.js"></script>


</head>
<style>
    /*******************MODULE LOGIN**********************/
    .topHeader {
        padding: 20px 0 0;
    }



    .module-login-wrap {
        text-align: center;
    }



    .module-login-wrap h3 {
        font-weight: 600;
        font-size: 30px;
        color: #032da1;
        margin-bottom: 10px;
    }



    .module-login-wrap h3 span {
        color: #000;
    }



    .module-wrap {
        width: 60%;
        margin: 20px auto;
    }



    .module-tab-wrap {
        display: flex;
        flex-wrap: wrap;
    }



    .module-tab {
        flex-basis: 33.33%;
        margin-bottom: 10px;
    }

    .module {
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 14px;
        width: 80%;
        margin: 0 auto;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100px;
    }

    .module img {
        width: 40px;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    .module-tab:hover .module img {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    .module-tab h5 {
        font-size: 14px;
        margin: 12px 0 14px;
    }



    .topHeader img {
        width: 175px;
    }



    /*******************MODULE LOGIN**********************/
</style>

<body>
    <div class="container" style="display: flex;flex-wrap: wrap;height: 100vh;flex-direction: row;">
        <div class="topHeader" style="flex-basis: 100%;">
            <img src="<?php echo base_url(); ?>common_assets/<?= $school_info['color_logo'] ?>" />
        </div>

        <?php //print_r($school_info); 
        ?>
        <div class="module-login-wrap" style="flex-basis: 100%;">
            <h3><?= $school_info['school_name'] ?> <span>Modules</span></h3>
            <div class="module-wrap">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col">
                            <div class="module-tab">
                                <a href="<?php echo base_url(); ?>Admin" target="_blank" style="color:#000">
                                    <div class="module">
                                        <img src="<?php echo base_url(); ?>common_assets/homepage/admin-login.png" />
                                    </div>
                                    <h5>Admin</h5>
                                </a>
                            </div>
                        </div>
                        <div class="col">
                            <div class="module-tab">
                                <a href="<?php echo base_url(); ?>Student" target="_blank" style="color:#000">
                                    <div class="module">
                                        <img src="<?php echo base_url(); ?>common_assets/homepage/student-login.png" />
                                    </div>
                                    <h5>Student</h5>
                                </a>
                            </div>
                        </div>
                        <div class="col">
                            <div class="module-tab">
                                <a href="<?php echo base_url(); ?>Teacher" target="_blank" style="color:#000">
                                    <div class="module">
                                        <img src="<?php echo base_url(); ?>common_assets/homepage/teacher-login.png" />
                                    </div>
                                    <h5>Teacher</h5>
                                </a>
                            </div>
                        </div>
                        <div class="w-100"></div>
                        <div class="col">
                            <div class="module-tab">
                                <a href="<?php echo base_url(); ?>library/admin" target="_blank" style="color:#000">
                                    <div class="module">
                                        <img src="<?php echo base_url(); ?>common_assets/homepage/library-login.png" />
                                    </div>
                                    <h5>Librarian</h5>
                                </a>
                            </div>
                        </div>
                        <div class="col">
                            <div class="module-tab">
                                <a href="<?php echo base_url(); ?>bustracking/admin" target="_blank" style="color:#000">
                                    <div class="module">
                                        <img src="<?php echo base_url(); ?>common_assets/homepage/bus-login.png" />
                                    </div>
                                    <h5>Transport</h5>
                                </a>
                            </div>
                        </div>
                        <div class="col">
                            <div class="module-tab">
                                <a href="<?php echo base_url(); ?>hostel/admin" target="_blank" style="color:#000">
                                    <div class="module">
                                        <img src="<?php echo base_url(); ?>common_assets/homepage/hostel-login.png" />
                                    </div>
                                    <h5>Hostel</h5>
                                </a>
                            </div>
                        </div>
                        <div class="w-100"></div>
                        <div class="col-md-4">
                            <div class="module-tab">
                                <a href="<?php echo base_url(); ?>hr/dashboard" target="_blank" style="color:#000">
                                    <div class="module">
                                        <img src="<?php echo base_url(); ?>common_assets/homepage/hr-login.png" />
                                    </div>
                                    <h5>Human Resource</h5>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="module-tab">
                                <a href="<?php echo base_url(); ?>account" target="_blank" style="color:#000">
                                    <div class="module">
                                        <img src="<?php echo base_url(); ?>common_assets/homepage/accounting-login.png" />
                                    </div>
                                    <h5>Accounting</h5>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--<script src="<?php echo base_url(); ?>assets_admin/js/jquery-3.4.1.min.js"></script>-->
    <script src="<?php echo base_url(); ?>assets_admin/js/jquery-ui.min.js"></script>
    <script src="<?php echo base_url(); ?>assets_admin/js/popper.min.js"></script>
    <script src="<?php echo base_url(); ?>assets_admin/js/bootstrap.min.js"></script>
    <script defer src="<?php echo base_url(); ?>assets_admin/js/all.js"></script>
    <script defer src="<?php echo base_url(); ?>assets_admin/js/main.js"></script>
    <script src="<?php echo base_url(); ?>assets_admin/js/bootstrap4-toggle.min.js"></script>


    <script>
        $(document).ready(function() {
            $('.user-drpdown').click(function() {
                $('.drpdown-items').toggle();
            });

        });

        $(function() {
            $('[data-toggle="tooltip"]').tooltip()
        })
    </script>
</body>

</html>