<!DOCTYPE html>
<html lang="en">
<style type="text/css">
    div.scrollmenu {
        width: 98vw;
    }
    td {
        font-size: 3.5vh;
    }
</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('front/css/font-awesome.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')); ?>"/>
</head>
<body>
    <div style="width: 100vw;padding-top: 1vh;">
        <a class="btn btn-info" href="<?php echo e($url . 'getGuestData&uid=' . $user_id); ?>">返回未離訪客</a>
    </div>
    <div class="row scrollmenu" style="width: 100vw;margin-top: 5px;">
        <table style="margin-left: 20px;width: 100vw-20px;margin-bottom: 10vh;" border="1">
            <tr>
                <td style="background-color:#ACD6FF;width:25vw;" nowrap>訪客</td>
                <td style="background-color:#ECF5FF;width:75vw;"><?php echo e($guest->guest_name); ?></td>
            </tr>
            <tr>
                <td style="background-color:#ACD6FF;width:25vw;" nowrap>拜訪人數</td>
                <td style="background-color:#ECF5FF;width:75vw;"><?php echo e($guest->guest_count); ?></td>
            </tr>
            <tr>
                <td style="background-color:#ACD6FF;width:25vw;" nowrap>訪客電話</td>
                <td style="background-color:#ECF5FF;width:75vw;"><?php echo e($guest->guest_phone); ?></td>
            </tr>
            <tr>
                <td style="background-color:#ACD6FF;width:25vw;" nowrap>關係</td>
                <td style="background-color:#ECF5FF;width:75vw;"><?php echo e($guest->guest_relationship); ?></td>
            </tr>
            <tr>
                <td style="background-color:#ACD6FF;width:25vw;" nowrap>事由</td>
                <td style="background-color:#ECF5FF;width:75vw;"><?php echo e($guest->guest_cause); ?></td>
            </tr>
            <tr>
                <td style="background-color:#ACD6FF;width:25vw;" nowrap>拜訪時間</td>
                <td style="background-color:#ECF5FF;width:75vw;"><?php echo e($guest->guest_in_time); ?></td>
            </tr>
            <tr>
                <td style="background-color:#ACD6FF;width:25vw;" nowrap>訪客簽名</td>
                <td style="background-color:#ECF5FF;width:75vw;"><img src="<?php echo e($guest->signsrc); ?>"></td>
            </tr>
            <tr>
                <td style="background-color:#ACD6FF;width:25vw;" nowrap>訪客照片</td>
                <td style="background-color:#ECF5FF;width:75vw;"><img src="<?php echo e($guest->photosrc); ?>"></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 type="text/javascript">
        $(document).ready(function(){
            var imgs = document.getElementsByTagName('img');
            for(var i=0; i<imgs.length;i++){
                var img = imgs[i];
                img.style.maxWidth = '100%';
                img.style.height = 'auto';
            }
        });
    </script>
</body>
</html> 