{extend name="mobile/common/base" /}
{block name="content"}
<!--JS幻灯片 开始-->
<div class="slide">
    <div class="layui-carousel" id="test1" lay-filter="test1">
        <div carousel-item="">
            {yc:banners id="item" key="key"}
            <div>
                <a {if $item.url} href="{$item.url}" target="_blank" {else/} href="javascript:;" {/if}>
                <img src="{$item.image}" height="100%" width="100%">
                </a>
            </div>
            {/yc:banners}
        </div>
    </div>
</div><!-- end slide --><!-- booking -->
<script>
    layui.use(['carousel', 'form'], function(){
        var carousel = layui.carousel
            ,form = layui.form;
        //常规轮播
        carousel.render({
            elem: '#test1'
            ,interval: 3000
            ,width: '100%'
            ,height: '180px'
        });
    });
</script>
<!--JS幻灯片 结束-->


<!--主体内容 开始-->
<div class="article">
    <!--右侧区域 开始-->
    <div id="right" style="min-height: 40vh">
        <div class="right_title">
            <h2 class="right_title_2">
                <img src="__ADDON__/images/titleleftbg.png" align="absmiddle">{$c_info.name}
                <img src="__ADDON__/images/titlerightbg.png" align="absmiddle">
            </h2>
        </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: 2rem;">
                            <button class="form_button btn in_post" stu="1" type="button" lay-filter="demo1" style="width: 100%">提交消息</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="js"}
<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}