<include file="public@header"/>
<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }
</style>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li><a href="{:url('AdminCost/index')}">费用管理</a></li>
        <li  class="active"><a>添加费用管理</a></li>
    </ul>
    <!--js-ajax-form margin-top-20-->
    <form action="{:url('AdminCost/addPost')}" method="post" class="form-horizontal js-ajax-form margin-top-20">
        <div class="row">
            <div class="col-md-3">
                <table class="table table-bordered">
                    <tr>
                        <td>
                            医院名称<input style="width: 10rem" type="text" name="hospital" value="">
                        </td>
                    </tr>
                    <tr>
                        <th>免费设置</th>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" name="free" value="1">第一小时免费</label><br/>
                        </td>
                    </tr>
                    <tr>
                        <th>每小时费用</th>
                    </tr>
                    <tr>
                        <td>
                            每小时费用<input  style="width: 5rem" type="number" name="cost" value="">
                        </td>
                    </tr>
                    <tr>
                        <th>费用上限</th>
                    </tr>
                    <tr>
                        <td>
                            每天费用上限<input style="width: 5rem" type="number" name="ceiling" value="">
                        </td>
                    </tr>
                </table>
            </div>
            <div class="col-md-9">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th colspan="6">固定收费时间段设置</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th>开始时间</th>
                            <td><input class="form-control" type="time" name="start_time" value=""></td>
                            <th>结束时间</th>
                            <td><input class="form-control" type="time" name="end_time" value=""></td>
                            <th>每小时费用</th>
                            <td><input class="form-control" type="number" name="price" value=""></td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <!--<th colspan="6" style="text-align: right">-->
                                <!--<a class="btn btn-default btn-sm" id="addattr">添加属性</a>-->
                            <!--</th>-->
                            <th colspan="6">
                                <span class="form-required">
                                    <p style="text-indent: 2em; text-align: left;">
                                        说明:此时间段设置为跨越夜间凌晨0点的时间段。如果您想要对不跨天的时间端进行设置时,请调转开始时间与结束时间。并将时间段的每小时费用与左侧的每小时费用进行对调。
                                    </p>
                                    <p style="text-indent: 2em; text-align: left;">
                                        例如:要设置9点到21点是金额为10元,其余时间的金额为5元。则在时间段的开始时间填入21点,结束时间填入9点,每小时金额为5元,并在左侧的每小时费用填入10元,即可达到您想要的效果。
                                    </p>
                                </span>
                            </th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10" style="text-align: center">
                <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('SAVE')}</button>
                <a class="btn btn-default" href="javascript:history.back(-1);">{:lang('BACK')}</a>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="__STATIC__/js/admin.js"></script>
<script type="text/javascript">
    //编辑器路径定义
    var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
    $(function () {

        editorcontent = new baidu.editor.ui.Editor();
        editorcontent.render('content');
        try {
            editorcontent.sync();
        } catch (err) {
        }

        $('.btn-cancel-thumbnail').click(function () {
            $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
            $('#thumbnail').val('');
        });

        $('#more-template-select').val("{$post.more.template|default=''}");
    });
</script>
</body>
</html>