<!DOCTYPE html>
<html lang="en">
<style type="text/css">
    div.scrollmenu {
        width: 100vw;
        height: 99vh;
        /*position: fixed;*/
        /*overflow-y: scroll;*/
    }
    body{
        /*height: 100%;*/
    }
    .meteorological{
        width: 100vw;
        height: 10vh;
        background-color: #46BE8A;
        text-align: center;
        vertical-align: middle;
    }
    .meteorological-label{
        font-size: 5vh;
        color: white;
    }
    .btn-size{
        width: 48vw;
        height: 20vh;
    }
    .btn-width{
        width: 48vw;
    }
    .label-size-large{
        width: 50%;
        font-size:4vh;
        color: white;
    }
    .label-size-small{
        color: white;
        margin-top: -8px;
    }
    .btn-image{
        width: 48.5vw;
        height: 25vh;
        background-size: 100% 100%;
        margin-left: 1vw;
        background-repeat:no-repeat;
        border: 1px #AAA solid;
    }
</style>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=0; initial-scale=1.0; width=device-width; maximum-scale=1.0;">
    <link href="ico/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="<?php echo e(asset('front/css/bootstrap.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('front/css/style.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('front/css/typicons.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/global/plugins/font-awesome/css/font-awesome.min.css')); ?>"  />
    <link rel="stylesheet" href="<?php echo e(asset('front/js/tip/tooltipster.css')); ?>">
    <script type='text/javascript' src="<?php echo e(asset('front/js/jquery.js')); ?>"></script>
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css')); ?>"/>
    <link rel="stylesheet" href="<?php echo e(asset('monitor_assets/css/bootstrap.css')); ?>" type="text/css" />

</head>
<body style="background-image: url('<?php echo e(asset('assets/images/backgroundimage.png')); ?>');background-size: 100% 100%;background-repeat: no-repeat;">
    <div class="scrollmenu" style="margin-top: 1vh;">
        <table>
            <tr>
                <td>
                    <?php if($mode_value == '1'): ?>
                    <input id="btn_preservation" type="button" class="btn-image" style="background-image:url('<?php echo e(asset('assets/images/preservationon.png')); ?>');">
                    <?php else: ?>
                    <input id="btn_preservation" type="button" class="btn-image" style="background-image:url('<?php echo e(asset('assets/images/preservationoff.png')); ?>');">
                    <?php endif; ?>
                </td>
                <td>
                    <input id="btn_situation" type="button" class="btn-image" style="background-image:url('<?php echo e(asset('assets/images/situation.png')); ?>');">
                </td>
            </tr>
            <tr style="height: 1vh;"></tr>
            <tr>
                <td>
                    <input id="btn_record" type="button" class="btn-image" style="background-image:url('<?php echo e(asset('assets/images/record.png')); ?>');">
                </td>
                <td>
                </td>
            </tr>
        </table>
    </div>
    <script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/datatables/media/js/jquery.dataTables.min.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js')); ?>"></script>
    <script src="<?php echo e(asset('monitor_assets/js/bootstrap.js')); ?>"></script>

    <script type="text/javascript">
        $(document).ready(function(){
            $(document).on('click','#btn_preservation',function(){
                window.location.href = "<?php echo e($url); ?>" + "getPreservation&uid=" + "<?php echo e($user_id); ?>";
            });
            $(document).on('click','#btn_situation',function(){
                window.location.href = "<?php echo e($url); ?>" + "getSituation&uid=" + "<?php echo e($user_id); ?>";
            });
            $(document).on('click','#btn_record',function(){
                window.location.href = "<?php echo e($url); ?>" + "getRecord&uid=" + "<?php echo e($user_id); ?>";
            });
        });
    </script>
</body>

</html>