<?php /*a:4:{s:79:"E:\phpstudy_pro\WWW\data\hkcms\template\admin\adminlte\cms\guestbook\index.html";i:1715617489;s:74:"E:\phpstudy_pro\WWW\data\hkcms\template\admin\adminlte\common\default.html";i:1715617489;s:71:"E:\phpstudy_pro\WWW\data\hkcms\template\admin\adminlte\common\meta.html";i:1715617489;s:73:"E:\phpstudy_pro\WWW\data\hkcms\template\admin\adminlte\common\script.html";i:1715617489;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta name="csrf-token" content="<?php echo token(); ?>">

    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="never">
<meta name="renderer" content="webkit">
<title><?php echo $site['title']; ?> - <?php echo lang("Backstage panel"); ?></title>

<link rel="Shortcut Icon" href="<?php echo $site['favicon']; ?>?v=<?php echo env('APP_DEBUG')?time():$site['version']; ?>" type="image/x-icon" />

<!-- Font Awesome 5.13.0 字体图标库 -->
<link rel="stylesheet" href="/static/libs/fontawesome-free/css/all.min.css">
<!-- AdminLTE v3.2.0 | Bootstrap v4.6.0 CSS框架 -->
<link rel="stylesheet" href="/static/module/admin/adminlte/css/adminlte.css?v=<?php echo env('APP_DEBUG')?time():$site['version']; ?>">
<link rel="stylesheet" href="/static/module/admin/adminlte/css/common.css?v=<?php echo env('APP_DEBUG')?time():$site['version']; ?>">

<script type="text/javascript">
    window.Config = <?php echo json_encode($site); ?>;
    window.Lang = <?php echo json_encode($tempLang); ?>;
    window.Tpl = <?php echo json_encode($Tpl); ?>;
</script>

    <style>
        html,body,.wrapper {
            height: 100% !important;
        }
        .content {
            min-height: 100%;
            height: auto;
            padding-bottom: 20px;
            background-color: #f2f3f5;
        }
        .operatePage .card-footer {
            width: 100%;
            position: fixed;
            bottom: 0;
            z-index: 99;
        }
    </style>

    {__STYLE__}

</head>
<body class="sidebar-mini layout-top-nav overlayScrollbars" >

    <?php if(empty($popup)): ?>
    <!-- 子页 -->
    <div class="wrapper">
        <div class="content">
            <div class="container-fluid" style="padding-top: 16px">
                <style>
    .table-p {
        width: 100%;
        overflow:auto;
    }
    .table-p tr td,.table-p tr th {
        text-align: center; vertical-align: middle;
    }
    .content {
        background: #ffffff;
    }
    .pagination {
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: 0.25rem;
    }
    .pagination li a,.pagination li span {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #007bff;
        background-color: #fff;
        border: 1px solid #dee2e6;
    }
    .pagination li.active span {
        z-index: 3;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }
</style>
<div class="guestbook p-3">

    <div class="filter-panel <?php if(empty($param)): ?>d-none<?php endif; ?>">
        <form action="" method="get" class="frm-filter">
            <input type="hidden" name="category_id" value="<?php echo $category_id; ?>">
            <input type="hidden" name="model_id" value="<?php echo $model_id; ?>">
            <input type="hidden" name="popup" value="1">
            <div class="row">
                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label class="row-form-label">ID</label>
                        <div class="col-md-8 col-sm-8 col-xs-6">
                            <input type="text" class="form-control" name="id" placeholder="ID" value="<?php echo (isset($param['id']) && ($param['id'] !== '')?$param['id']:''); ?>">
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label class="row-form-label"><?php echo lang("Check"); ?></label>
                        <div class="col-md-8 col-sm-8 col-xs-6">
                            <select name="is_read" class="form-control">
                                <option value=""><?php echo lang('All'); ?></option>
                                <option value="-1" <?php if(!empty($param['is_read']) && $param['is_read']==-1): ?>selected<?php endif; ?>><?php echo lang('Unread'); ?></option>
                                <option value="1" <?php if(!empty($param['is_read']) && $param['is_read']==1): ?>selected<?php endif; ?>><?php echo lang('Have read'); ?></option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label class="row-form-label"><?php echo lang("Create time"); ?></label>
                        <div class="col-md-8 col-sm-8 col-xs-6">
                            <input type="text"
                                   class="form-control laydate"
                                   id="frm-create_time"
                                   name="create_time"
                                   data-type="datetime"
                                   data-range="true"
                                   data-op="BETWEEN TIME"
                                   value="<?php echo (isset($param['create_time']) && ($param['create_time'] !== '')?$param['create_time']:''); ?>"
                                   autocomplete="off"
                                   placeholder="<?php echo lang("Create time"); ?>">
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="form-group text-center">
                        <input type="submit" class="btn btn-primary mr-2" value="<?php echo lang('Search'); ?>">
                        <input type="reset" class="btn btn-default" value="<?php echo lang('Reset'); ?>">
                    </div>
                </div>
            </div>
        </form>
        <hr>
    </div>

    <div class="row pb-3">
        <div class="col-md-12 d-flex justify-content-between">
            <div>
                <a href="<?php echo url('/cms.Guestbook/export',['category_id'=>$category_id]); ?>" class="btn btn-primary btn-export" target="_blank"><i class="fas fa-reply"></i> <?php echo lang('Export'); ?></a>
                <button type="button" class="btn btn-disabled btn-danger disabled btn-del" data-url="<?php echo url('/cms.Guestbook/del',['category_id'=>$category_id]); ?>"><i class="fas fa-trash-alt"></i>
                    <?php echo lang("Delete"); ?></button>
            </div>
            <div class="">
                <div class="float-right search columns-right btn-group">
                    <div class="input-group"><button class="btn btn-default btn-filter" type="button" name="search" title="筛选"><i class="fa fa-search"></i> </button></div>
                    <a type="button" class="btn btn-secondary btn-refresh ml-2" href="?category_id=<?php echo $category_id; ?>&model_id=<?php echo $model_id; ?>&popup=1"><i class="fas fa-redo-alt"></i></a>
                </div>
            </div>
        </div>
    </div>

    <div class="table-p fixed-table-container">
        <table class="table table-bordered table-hover table-striped">
            <thead class="">
            <tr>
                <th class="bs-checkbox " style="text-align: center; vertical-align: middle; width: 36px; "
                    data-field="state">
                    <div class="th-inner "><label style="margin-bottom: 0"><input name="btSelectAll" class="btSelectAll" type="checkbox"><span></span></label></div>
                    <div class="fht-cell"></div>
                </th>
                <?php if(is_array($col) || $col instanceof \think\Collection || $col instanceof \think\Paginator): $i = 0; $__LIST__ = $col;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
                <th style="min-width: 100px">
                    <?php echo $colName[$vo]; ?>
                </th>
                <?php endforeach; endif; else: echo "" ;endif; ?>

                <th style="min-width: 80px">
                    <?php echo lang("Check"); ?>
                </th>
                <th style="min-width: 80px">
                    <?php echo lang("Operate"); ?>
                </th>
            </tr>
            </thead>
            <tbody>
            <?php if(is_array($data['data']) || $data['data'] instanceof \think\Collection || $data['data'] instanceof \think\Paginator): $i = 0; $__LIST__ = $data['data'];if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
            <tr>
                <td class="bs-checkbox " style="text-align: center; vertical-align: middle; width: 36px; "><label>
                    <input data-index="0" name="btSelectItem" class="btSelectItem" data-id="<?php echo $vo['id']; ?>" type="checkbox">
                    <span></span>
                </label>
                </td>
                <?php if(is_array($col) || $col instanceof \think\Collection || $col instanceof \think\Paginator): $i = 0; $__LIST__ = $col;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vv): $mod = ($i % 2 );++$i;?>
                <td>
                    <?php if($vv=='category_tilte'): ?>
                    <?php echo $vo['category']['title']; else: ?>
                    <?php echo $vo[$vv]; ?>
                    <?php endif; ?>
                </td>
                <?php endforeach; endif; else: echo "" ;endif; ?>
                <td class="isread_status">
                    <?php if(isset($vo['is_read'])): if($vo['is_read']==1): ?><span class="text-primary"><?php echo lang('Have read'); ?></span><?php else: ?><span class="text-danger"><?php echo lang('Unread'); ?></span><?php endif; else: ?>
                    <!--兼容旧版-->
                    -
                    <?php endif; ?>
                </td>
                <td>
                    <button type="button" class="btn btn-primary btn-xs btn-row-view" data-id="<?php echo $vo['id']; ?>" data-url="<?php echo url('/cms.Guestbook/view',['category_id'=>$category_id,'popup'=>1]); ?>" title="<?php echo lang('View'); ?>"><i class="fas fa-eye"></i></button>
                    <button type="button" class="btn btn-danger btn-xs btn-row-del" data-id="<?php echo $vo['id']; ?>" data-url="<?php echo url('/cms.Guestbook/del',['category_id'=>$category_id]); ?>" title="<?php echo lang('Delete'); ?>"><i class="fas fa-trash-alt"></i></button>
                </td>
            </tr>
            <?php endforeach; endif; else: echo "" ;endif; ?>
            </tbody>
        </table>
    </div>

    <div class="page d-flex justify-content-center mt-5">
        <?php echo $page; ?>
    </div>
</div>

{block:script}
<script>
    require(['admin','laydate'], function (admin, Laydate) {
        $('.btSelectAll').change(function (e) {
            if ($('.btSelectAll').prop("checked")) {
                $('.btSelectItem').prop('checked',true)
                $('.btn-del').removeClass('disabled');
            } else {
                $('.btSelectItem').prop('checked',false)
                $('.btn-del').addClass('disabled');
            }
        });
        $('.btSelectItem').change(function (e) {
            if ($('.btSelectItem').is(':checked')) {
                $('.btn-del').removeClass('disabled');
            } else {
                $('.btn-del').addClass('disabled');
            }
        })

        // 留言删除
        $('.guestbook').on('click','.btn-del',function (e) {
            if ($(this).hasClass('disabled')) {
                return false;
            }

            var idsArr = [];
            $.each($('.btSelectItem:checked'), function (key, value) {
                idsArr.push($(this).data('id'));
            });

            var ids = idsArr.join(',');
            var url = Util.setUrlParams({ url:$(this).data('url'), query:{ ids:ids }});

            //询问框
            Layer.confirm(lang('Confirm operation?'), {
                btn: [lang('Confirm'),lang('Cancel')] //按钮
            }, function(){
                Util.ajax({ url:url },'',function (data,res) {
                    Layer.msg(res.msg,{time:1000, icon:1},function (e) {
                        window.location.reload();
                    });
                });
            });
        });

        // 单条记录删除
        $('.guestbook').on('click','.btn-row-del',function (e) {
            var ids = $(this).data('id');
            var url = Util.setUrlParams({ url:$(this).data('url'), query:{ ids:ids }});

            //询问框
            Layer.confirm(lang('Confirm operation?'), {
                btn: [lang('Confirm'),lang('Cancel')], //按钮
                icon: 3
            }, function(){
                hkcms.api.ajax({ url:url },'',function (data,res) {
                    Layer.msg(res.msg,{time:1000, icon:1},function (e) {
                        window.location.reload();
                    });
                });
            });
        });

        // 查看
        $('.guestbook').on('click','.btn-row-view',function (e) {
            var ids = $(this).data('id');
            var url = Util.setUrlParams({ url:$(this).data('url'), query:{ id:ids }});

            hkcms.api.open(url,'<?php echo lang("view"); ?>');
            $(this).parent().parent().find('.isread_status').html('<span class="text-primary"><?php echo lang('Have read'); ?></span>');
        });
        $('.btn-filter').click(function (e) {
            if ($('.filter-panel').is('.d-none')) {
                $('.filter-panel').removeClass('d-none');
            } else {
                $('.filter-panel').addClass('d-none');
            }
        });

        $('.frm-filter').find('.laydate').each(function (idx,vo) {
            let obj = {
                elem: vo,
                type: 'datetime',
                trigger: 'click',
                value: ''
            };
            obj = $.extend(obj, $(this).data());
            Laydate.render(obj);
        });
    })
</script>
{/block:script}
            </div>
        </div>
    </div>

    <?php else: ?>
    <div class="operatePage">
        <style>
    .table-p {
        width: 100%;
        overflow:auto;
    }
    .table-p tr td,.table-p tr th {
        text-align: center; vertical-align: middle;
    }
    .content {
        background: #ffffff;
    }
    .pagination {
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: 0.25rem;
    }
    .pagination li a,.pagination li span {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #007bff;
        background-color: #fff;
        border: 1px solid #dee2e6;
    }
    .pagination li.active span {
        z-index: 3;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }
</style>
<div class="guestbook p-3">

    <div class="filter-panel <?php if(empty($param)): ?>d-none<?php endif; ?>">
        <form action="" method="get" class="frm-filter">
            <input type="hidden" name="category_id" value="<?php echo $category_id; ?>">
            <input type="hidden" name="model_id" value="<?php echo $model_id; ?>">
            <input type="hidden" name="popup" value="1">
            <div class="row">
                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label class="row-form-label">ID</label>
                        <div class="col-md-8 col-sm-8 col-xs-6">
                            <input type="text" class="form-control" name="id" placeholder="ID" value="<?php echo (isset($param['id']) && ($param['id'] !== '')?$param['id']:''); ?>">
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label class="row-form-label"><?php echo lang("Check"); ?></label>
                        <div class="col-md-8 col-sm-8 col-xs-6">
                            <select name="is_read" class="form-control">
                                <option value=""><?php echo lang('All'); ?></option>
                                <option value="-1" <?php if(!empty($param['is_read']) && $param['is_read']==-1): ?>selected<?php endif; ?>><?php echo lang('Unread'); ?></option>
                                <option value="1" <?php if(!empty($param['is_read']) && $param['is_read']==1): ?>selected<?php endif; ?>><?php echo lang('Have read'); ?></option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label class="row-form-label"><?php echo lang("Create time"); ?></label>
                        <div class="col-md-8 col-sm-8 col-xs-6">
                            <input type="text"
                                   class="form-control laydate"
                                   id="frm-create_time"
                                   name="create_time"
                                   data-type="datetime"
                                   data-range="true"
                                   data-op="BETWEEN TIME"
                                   value="<?php echo (isset($param['create_time']) && ($param['create_time'] !== '')?$param['create_time']:''); ?>"
                                   autocomplete="off"
                                   placeholder="<?php echo lang("Create time"); ?>">
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="form-group text-center">
                        <input type="submit" class="btn btn-primary mr-2" value="<?php echo lang('Search'); ?>">
                        <input type="reset" class="btn btn-default" value="<?php echo lang('Reset'); ?>">
                    </div>
                </div>
            </div>
        </form>
        <hr>
    </div>

    <div class="row pb-3">
        <div class="col-md-12 d-flex justify-content-between">
            <div>
                <a href="<?php echo url('/cms.Guestbook/export',['category_id'=>$category_id]); ?>" class="btn btn-primary btn-export" target="_blank"><i class="fas fa-reply"></i> <?php echo lang('Export'); ?></a>
                <button type="button" class="btn btn-disabled btn-danger disabled btn-del" data-url="<?php echo url('/cms.Guestbook/del',['category_id'=>$category_id]); ?>"><i class="fas fa-trash-alt"></i>
                    <?php echo lang("Delete"); ?></button>
            </div>
            <div class="">
                <div class="float-right search columns-right btn-group">
                    <div class="input-group"><button class="btn btn-default btn-filter" type="button" name="search" title="筛选"><i class="fa fa-search"></i> </button></div>
                    <a type="button" class="btn btn-secondary btn-refresh ml-2" href="?category_id=<?php echo $category_id; ?>&model_id=<?php echo $model_id; ?>&popup=1"><i class="fas fa-redo-alt"></i></a>
                </div>
            </div>
        </div>
    </div>

    <div class="table-p fixed-table-container">
        <table class="table table-bordered table-hover table-striped">
            <thead class="">
            <tr>
                <th class="bs-checkbox " style="text-align: center; vertical-align: middle; width: 36px; "
                    data-field="state">
                    <div class="th-inner "><label style="margin-bottom: 0"><input name="btSelectAll" class="btSelectAll" type="checkbox"><span></span></label></div>
                    <div class="fht-cell"></div>
                </th>
                <?php if(is_array($col) || $col instanceof \think\Collection || $col instanceof \think\Paginator): $i = 0; $__LIST__ = $col;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
                <th style="min-width: 100px">
                    <?php echo $colName[$vo]; ?>
                </th>
                <?php endforeach; endif; else: echo "" ;endif; ?>

                <th style="min-width: 80px">
                    <?php echo lang("Check"); ?>
                </th>
                <th style="min-width: 80px">
                    <?php echo lang("Operate"); ?>
                </th>
            </tr>
            </thead>
            <tbody>
            <?php if(is_array($data['data']) || $data['data'] instanceof \think\Collection || $data['data'] instanceof \think\Paginator): $i = 0; $__LIST__ = $data['data'];if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
            <tr>
                <td class="bs-checkbox " style="text-align: center; vertical-align: middle; width: 36px; "><label>
                    <input data-index="0" name="btSelectItem" class="btSelectItem" data-id="<?php echo $vo['id']; ?>" type="checkbox">
                    <span></span>
                </label>
                </td>
                <?php if(is_array($col) || $col instanceof \think\Collection || $col instanceof \think\Paginator): $i = 0; $__LIST__ = $col;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vv): $mod = ($i % 2 );++$i;?>
                <td>
                    <?php if($vv=='category_tilte'): ?>
                    <?php echo $vo['category']['title']; else: ?>
                    <?php echo $vo[$vv]; ?>
                    <?php endif; ?>
                </td>
                <?php endforeach; endif; else: echo "" ;endif; ?>
                <td class="isread_status">
                    <?php if(isset($vo['is_read'])): if($vo['is_read']==1): ?><span class="text-primary"><?php echo lang('Have read'); ?></span><?php else: ?><span class="text-danger"><?php echo lang('Unread'); ?></span><?php endif; else: ?>
                    <!--兼容旧版-->
                    -
                    <?php endif; ?>
                </td>
                <td>
                    <button type="button" class="btn btn-primary btn-xs btn-row-view" data-id="<?php echo $vo['id']; ?>" data-url="<?php echo url('/cms.Guestbook/view',['category_id'=>$category_id,'popup'=>1]); ?>" title="<?php echo lang('View'); ?>"><i class="fas fa-eye"></i></button>
                    <button type="button" class="btn btn-danger btn-xs btn-row-del" data-id="<?php echo $vo['id']; ?>" data-url="<?php echo url('/cms.Guestbook/del',['category_id'=>$category_id]); ?>" title="<?php echo lang('Delete'); ?>"><i class="fas fa-trash-alt"></i></button>
                </td>
            </tr>
            <?php endforeach; endif; else: echo "" ;endif; ?>
            </tbody>
        </table>
    </div>

    <div class="page d-flex justify-content-center mt-5">
        <?php echo $page; ?>
    </div>
</div>

{block:script}
<script>
    require(['admin','laydate'], function (admin, Laydate) {
        $('.btSelectAll').change(function (e) {
            if ($('.btSelectAll').prop("checked")) {
                $('.btSelectItem').prop('checked',true)
                $('.btn-del').removeClass('disabled');
            } else {
                $('.btSelectItem').prop('checked',false)
                $('.btn-del').addClass('disabled');
            }
        });
        $('.btSelectItem').change(function (e) {
            if ($('.btSelectItem').is(':checked')) {
                $('.btn-del').removeClass('disabled');
            } else {
                $('.btn-del').addClass('disabled');
            }
        })

        // 留言删除
        $('.guestbook').on('click','.btn-del',function (e) {
            if ($(this).hasClass('disabled')) {
                return false;
            }

            var idsArr = [];
            $.each($('.btSelectItem:checked'), function (key, value) {
                idsArr.push($(this).data('id'));
            });

            var ids = idsArr.join(',');
            var url = Util.setUrlParams({ url:$(this).data('url'), query:{ ids:ids }});

            //询问框
            Layer.confirm(lang('Confirm operation?'), {
                btn: [lang('Confirm'),lang('Cancel')] //按钮
            }, function(){
                Util.ajax({ url:url },'',function (data,res) {
                    Layer.msg(res.msg,{time:1000, icon:1},function (e) {
                        window.location.reload();
                    });
                });
            });
        });

        // 单条记录删除
        $('.guestbook').on('click','.btn-row-del',function (e) {
            var ids = $(this).data('id');
            var url = Util.setUrlParams({ url:$(this).data('url'), query:{ ids:ids }});

            //询问框
            Layer.confirm(lang('Confirm operation?'), {
                btn: [lang('Confirm'),lang('Cancel')], //按钮
                icon: 3
            }, function(){
                hkcms.api.ajax({ url:url },'',function (data,res) {
                    Layer.msg(res.msg,{time:1000, icon:1},function (e) {
                        window.location.reload();
                    });
                });
            });
        });

        // 查看
        $('.guestbook').on('click','.btn-row-view',function (e) {
            var ids = $(this).data('id');
            var url = Util.setUrlParams({ url:$(this).data('url'), query:{ id:ids }});

            hkcms.api.open(url,'<?php echo lang("view"); ?>');
            $(this).parent().parent().find('.isread_status').html('<span class="text-primary"><?php echo lang('Have read'); ?></span>');
        });
        $('.btn-filter').click(function (e) {
            if ($('.filter-panel').is('.d-none')) {
                $('.filter-panel').removeClass('d-none');
            } else {
                $('.filter-panel').addClass('d-none');
            }
        });

        $('.frm-filter').find('.laydate').each(function (idx,vo) {
            let obj = {
                elem: vo,
                type: 'datetime',
                trigger: 'click',
                value: ''
            };
            obj = $.extend(obj, $(this).data());
            Laydate.render(obj);
        });
    })
</script>
{/block:script}
    </div>
    <?php endif; ?>

    <script src="/static/libs/require/require.js"></script>
<script src="/static/module/admin/adminlte/js/main.js?v=<?php echo env('APP_DEBUG')?time():$site['version']; ?>"></script>

<!-- // 加载插件JS-->
<?php echo load_js(); ?>



    {__SCRIPT__}
    
</body>
</html>