<?php
$this->output->set_header('X-FRAME-OPTIONS: DENY');
$this->output->set_header('X-XSS-Protection: 1; mode=block');
$this->output->set_header('Strict-Transport-Security: max-age=63072000; includeSubDomains; preload');
$this->output->set_header('X-Content-Type-Options: nosniff');
$this->db->select('*');
$this->db->from('web_management');
$this->db->join('web_style_2', 'web_management.style_web = web_style_2.id_web_style');
$wb_style = $this->db->get();
foreach ($wb_style->result() as $data) {
    $web_name = $data->nama_web;
    $web_description = $data->deskripsi;
    $web_meta_color = $data->meta_color;
    $web_navbar_color = $data->navbar_color;
    $web_box_color = $data->box_color;
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><?= $web_name ?></title>
    <meta name="description" content="<?= $web_description ?>">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
    <link rel="apple-touch-icon" sizes="144x144" href="<?= site_url('/public/assets/img/logo/logo.png') ?>">
    <link rel="apple-touch-icon" sizes="114x114" href="<?= site_url('/public/assets/img/logo/logo.png') ?>">
    <link rel="apple-touch-icon" sizes="72x72" href="<?= site_url('/public/assets/img/logo/logo.png') ?>">
    <link rel="apple-touch-icon" href="<?= site_url('/logo/public/assets/img/logo/logo.png') ?>">
    <link rel="shortcut icon" sizes="196x196" href="<?= site_url('/public/assets/img/logo/logo.png') ?>">
    <link rel="shortcut icon" href="<?= site_url('/public/assets/img/logo/logo.png') ?>">
    <meta name="msapplication-TileImage" content="<?= site_url('/public/assets/img/logo/logo.png') ?>">
    <meta name="msapplication-TileColor" content="<?= $web_meta_color; ?>">
    <meta name="theme-color" content="<?= $web_meta_color; ?>">
    <meta name="msapplication-navbutton-color" content="<?= $web_meta_color; ?>">
    <meta name="apple-mobile-web-app-status-bar-style" content="<?= $web_meta_color; ?>">
    <meta name="mobile-web-app-capable" content="yes">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <link href="<?= base_url() ?>public/assets/css/apple/app.min.css" rel="stylesheet" />
    <link href="<?= base_url() ?>public/assets/plugins/ionicons/css/ionicons.min.css" rel="stylesheet" />
    <!-- ================== END BASE CSS STYLE ================== -->
</head>

<body class="pace-top">
    <!-- begin #page-loader -->
    <div id="page-loader" class="fade show"><span class="spinner"></span></div>
    <!-- end #page-loader -->

    <div class="login-cover">
        <div class="login-cover-image" style="background-image: url(<?= base_url() ?>public/assets/img/login-bg/login-bg-17.jpg)" data-id="login-cover-image"></div>
        <div class="login-cover-bg"></div>
    </div>
    <!-- begin #page-container -->
    <div id="page-container" class="fade">
        <!-- begin login -->
        <div class="login login-v2" data-pageload-addclass="animated fadeIn">
            <!-- begin brand -->
            <div class="login-header">
                <div class="brand">
                    <img src="<?= site_url('/public/assets/img/logo/logo.png') ?>" alt="logo" style="height: 50px;">
                    <br>
                    <?= $web_name; ?>
                    <small><?= $web_description; ?></small>
                </div>
            </div>
            <!-- end brand -->
            <!-- begin login-content -->
            <div class="login-content">
                <div class="flash-data" data-flashdata="<?= $this->session->flashdata('message'); ?>"></div>
                <?php if ($this->session->flashdata('message')) : ?>
                <?php endif; ?>
                <?= form_open('auth/login'); ?>
                <div class="form-group m-b-15">
                    <?= form_input($identity); ?>
                    <span class="glyphicon glyphicon-envelope form-control-feedback"></span>

                    <?= form_error('identity') ?>
                </div>
                <div class="form-group m-b-15">
                    <?= form_input($password); ?>
                    <span class="glyphicon glyphicon-lock form-control-feedback"></span>

                    <?= form_error('password') ?>
                </div>
                <div class="checkbox checkbox-css m-b-30">
                    <?= form_checkbox('remember', '1', FALSE, 'id="remember_me_checkbox"'); ?>
                    <label for="remember_me_checkbox">
                        Remember Me
                    </label>
                </div>
                <div class="login-buttons">
                    <button type="submit" class="btn btn-success btn-block btn-lg">LOGIN</button>
                </div>
                <hr />
                <p class="text-center text-grey-darker">
                    &copy; DISDUKCAPIL 2021
                </p>
                </form>
            </div>
            <!-- end login-content -->
        </div>
        <!-- end login -->

        <!-- <ul class="login-bg-list clearfix">
            <li class="active"><a href="javascript:;" data-click="change-bg" data-img="<?= base_url('public/assets/img/login-bg/login-bg-17.jpg') ?>" style="background-image: url(<?= base_url('public/assets/img/login-bg/login-bg-17.jpg') ?>)"></a></li>
            <li><a href="javascript:;" data-click="change-bg" data-img="<?= base_url('public/assets/img/login-bg/login-bg-16.jpg') ?>" style="background-image: url(<?= base_url('public/assets/img/login-bg/login-bg-16.jpg') ?>)"></a></li>
            <li><a href="javascript:;" data-click="change-bg" data-img="<?= base_url('public/assets/img/login-bg/login-bg-15.jpg') ?>" style="background-image: url(<?= base_url('public/assets/img/login-bg/login-bg-15.jpg') ?>)"></a></li>
            <li><a href="javascript:;" data-click="change-bg" data-img="<?= base_url('public/assets/img/login-bg/login-bg-14.jpg') ?>" style="background-image: url(<?= base_url('public/assets/img/login-bg/login-bg-14.jpg') ?>)"></a></li>
            <li><a href="javascript:;" data-click="change-bg" data-img="<?= base_url('public/assets/img/login-bg/login-bg-13.jpg') ?>" style="background-image: url(<?= base_url('public/assets/img/login-bg/login-bg-13.jpg') ?>)"></a></li>
            <li><a href="javascript:;" data-click="change-bg" data-img="<?= base_url('public/assets/img/login-bg/login-bg-12.jpg') ?>" style="background-image: url(<?= base_url('public/assets/img/login-bg/login-bg-12.jpg') ?>)"></a></li>
        </ul> -->

    </div>
    <!-- end page container -->

    <!-- ================== BEGIN BASE JS ================== -->
    <script src="<?= base_url('public/assets/js/app.min.js') ?>"></script>
    <script src="<?= base_url('public/assets/js/theme/apple.min.js') ?>"></script>
    <!-- ================== END BASE JS ================== -->

    <!-- ================== BEGIN ALERT JS ================== -->
    <script src="<?= base_url('public/assets/plugins/sweetalert/dist/sweetalert2.all.min.js') ?>"></script>
    <script src="<?= base_url('public/assets/js/myscript.js') ?>"></script>
    <!-- ================== END ALERT JS ================== -->

    <!-- ================== BEGIN PAGE LEVEL JS ================== -->
    <script src="<?= base_url('public/assets/js/demo/login-v2.demo.js') ?>"></script>
    <!-- ================== END PAGE LEVEL JS ================== -->
</body>

</html>