<?php
/*
 * *************************************************
 * Copyright (C) 2020 Earworks.                    *
 * Codeigniter Project Template Modification       *
 * Please contact our email for more information : *
 * contact@earworks.co.id                          *
 * *************************************************
 */
defined('BASEPATH') OR exit('No direct script access allowed');
Ci::helper('message');
$sess = $this->session->userdata(TOKEN_SESSION);
?>
<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title><?= $title ?></title>
        <meta name="description" content="<?= APPLICATION_TITLE ?>">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <?= $render_meta ?>
        <!-- icon -->
        <link rel="apple-touch-icon" sizes="57x57" href="<?= base_url("img/icon/apple-icon-57x57.png?v=" . VERSION) ?>">
        <link rel="apple-touch-icon" sizes="60x60" href="<?= base_url("img/icon/apple-icon-60x60.png?v=" . VERSION) ?>">
        <link rel="apple-touch-icon" sizes="72x72" href="<?= base_url("img/icon/apple-icon-72x72.png?v=" . VERSION) ?>">
        <link rel="apple-touch-icon" sizes="76x76" href="<?= base_url("img/icon/apple-icon-76x76.png?v=" . VERSION) ?>">
        <link rel="apple-touch-icon" sizes="114x114" href="<?= base_url("img/icon/apple-icon-114x114.png?v=" . VERSION) ?>">
        <link rel="apple-touch-icon" sizes="120x120" href="<?= base_url("img/icon/apple-icon-120x120.png?v=" . VERSION) ?>">
        <link rel="apple-touch-icon" sizes="144x144" href="<?= base_url("img/icon/apple-icon-144x144.png?v=" . VERSION) ?>">
        <link rel="apple-touch-icon" sizes="152x152" href="<?= base_url("img/icon/apple-icon-152x152.png?v=" . VERSION) ?>">
        <link rel="apple-touch-icon" sizes="180x180" href="<?= base_url("img/icon/apple-icon-180x180.png?v=" . VERSION) ?>">
        <link rel="icon" type="image/png" sizes="192x192"  href="<?= base_url("img/icon/android-icon-192x192.png?v=" . VERSION) ?>">
        <link rel="icon" type="image/png" sizes="32x32" href="<?= base_url("img/icon/favicon-32x32.png?v=" . VERSION) ?>">
        <link rel="icon" type="image/png" sizes="96x96" href="<?= base_url("img/icon/favicon-96x96.png?v=" . VERSION) ?>">
        <link rel="icon" type="image/png" sizes="16x16" href="<?= base_url("img/icon/favicon-16x16.png?v=" . VERSION) ?>">
        <link rel="manifest" href="<?= base_url("img/icon/manifest.json?v=" . VERSION) ?>">
        <meta name="msapplication-TileColor" content="#FEBE10">
        <meta name="msapplication-TileImage" content="<?= base_url("img/icon/ms-icon-144x144.png?v=" . VERSION) ?>">
        <meta name="theme-color" content="#FEBE10">
        <!-- end icon -->
        <link rel="stylesheet" type="text/css" href="<?= base_url("plugins/font-awesome/css/font-awesome.min.css") ?>" />
        <link rel="stylesheet" type="text/css" href="<?= base_url("plugins/bootstrap/css/bootstrap.min.css") ?>" />
        <link rel="stylesheet" type="text/css" href="<?= base_url("plugins/select2/css/select2-bootstrap.min.css") ?>" />
        <link rel="stylesheet" type="text/css" href="<?= base_url("plugins/select2/css/select2.min.css") ?>" />
        <?= $render_css_plugin ?>
        <link rel="stylesheet" type="text/css" href="<?= base_url("css/style.css?v=" . VERSION) ?>" />
        <?= $render_css ?>
        <style type="text/css">
            body {
                background-size:contain;
                background-repeat:no-repeat;
                background-position:center;
                min-height:100vh;
            }
            .main-content {
                display:block;
                width:100%;
                max-width: 768px;
                padding: 0px 15px;
                overflow-x:hidden;
                /*overflow-y:scroll;*/
                margin:0px auto;
            }
            .container {
                max-width:100%;
            }
            .content {
                width: 100%;
                height: 100vh;
                display: flex;
                justify-content: center;
                align-items: center;
                /* max-width: 768px; */
                margin: 0px auto;
                flex-direction: column;
                /* padding-top: 120px; */
                overflow: hidden;
            }
        </style>
    </head>
    <body style="padding-top:0px;background-color:#000;background-image:url(<?= base_url('img/bg_doorprize.jpg?v=' . VERSION) ?>);">
        <div class="wrapper">
            <div class="message-wrapper">
                <?= implode('', show_message()) ?>
            </div>
            <div class="content">
                <?= $content; ?>
            </div>
        </div>
        <script type="text/javascript" src="<?php echo base_url("plugins/jquery/jquery-1.12.4.min.js?v=" . VERSION) ?>"></script>
        <script type="text/javascript" src="<?php echo base_url("plugins/bootstrap/js/bootstrap.min.js?v=" . VERSION) ?>"></script>
        <?= $render_js_plugin ?>
        <script type="text/javascript" src="<?php echo base_url("js/script.js?v=" . VERSION) ?>"></script>
        <?= $render_js ?>
    </body>
</html>