{extend name="pc/common/base" /}
{block name="content"}
<!--JS幻灯片 开始-->
<div id="banner_main">
    <!--幻灯片 开始-->
    <div id="banner">
        <ul class="bannerlist">
            {yc:banners id="item" key="key"}
            <li style="background:#fff; ">
                <a {if $item.url} href="{$item.url}" target="_blank" {else/} href="javascript:;" {/if}>
                <img src="{$item.image}" height="500px" width="100%">
                </a>
            </li>
            {/yc:banners}
        </ul>
    </div>
    <div class="hd">
        <ul></ul>
    </div>
    <!--幻灯片 结束-->
</div>
<!--JS幻灯片 结束-->

<!--主体内容 开始-->
<div class="article">
    <!--右侧区域 开始-->
    <div id="right">
        <div id="subchannel_main">
            <div id="subchannel">
                <ul class="subchannellist">
                    <li class="depth1" id="current">
                        <a href="javascript:;">{$c_info.name}</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="right_body">
            <table class="resume_table">
                <form action="{:addon_url('yccms/common.form/index')}" enctype="multipart/form-data" class="layui-form" id="frmResume">
                    {:token()}
                    <tbody>
                    <input type="hidden" name="id" value="1" placeholder="表单id必须填写">
                    <tr class="layui-form-item">
                        <th>
                            <label class="layui-form-label">标题</label>
                        </th>
                        <td class="layui-input-block">
                            <input type="text" name="title" required  lay-verify="required" autocomplete="off" placeholder="请填写标题" class="layui-input">
                        </td>
                    </tr>
                    <tr class="layui-form-item">
                        <th>
                            <label class="layui-form-label">姓名</label>
                        </th>
                        <td class="layui-input-block">
                            <input type="text" name="name" required  lay-verify="required" autocomplete="off" placeholder="请填写姓名" class="layui-input">
                        </td>
                    </tr>
                    <tr class="layui-form-item">
                        <th>
                            <label class="layui-form-label">电话</label>
                        </th>
                        <td class="layui-input-block">
                            <input type="text" name="phone" required  lay-verify="required" autocomplete="off" placeholder="请填写电话" class="layui-input">
                        </td>
                    </tr>
                    <tr class="layui-form-item">
                        <th>
                            <label class="layui-form-label">内容</label>
                        </th>
                        <td class="layui-input-block">
                            <textarea placeholder="请填写内容" name="content" class="layui-textarea" required></textarea>
                        </td>
                    </tr>
                    <tr class="layui-form-item">
                        <td colspan="2" class="operation" style="padding-top: 10px">
                            <button class="form_button btn in_post" type="button">提交消息</button>
                        </td>
                    </tr>
                    </tbody>
                </form>
            </table>
            <div class="page"></div>
        </div>
        <div class="right_bottom"></div>
    </div>
    <!--右侧区域 结束-->
    <div class="clear"></div>
</div>
<!--主体内容 结束-->

<style>
    .layui-textarea{
        margin-top: 5px !important;
    }
    .layui-input{
        margin-top: 5px !important;
    }
    .layui-form-label{
        text-align: left !important;
    }
</style>




{/block}

{block name="css"}
<link href="https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/css/layui.min.css" rel="stylesheet">
{/block}

{block name="js"}
<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer;

        $('.in_post').click(function () {
            let title = $("input[name='title']").val();
            let name = $("input[name='name']").val();
            let phone = $("input[name='phone']").val();
            let content = $("textarea[name='content']").val();
            if (!title) {
                layer.msg("标题不能为空");
                return false;
            }
            if (!name) {
                layer.msg("姓名不能为空");
                return false;
            }
            if (!phone) {
                layer.msg("电话不能为空");
                return false;
            }
            if (!content) {
                layer.msg("内容不能为空");
                return false;
            }
            $('#frmResume').submit();
        })
    });
</script>
{/block}