{include file='index@common/header' /}
<style>
    @charset "UTF-8";
    body{
        margin: 10px 0px;
    }
    body img{
        max-width: 100%;
    }
</style>
<div class="row">
    <div class="col-md-9">
        <div class="panel panel-default">
            <div class="panel-body">
                <h3>留言列表</h3>
                <hr>
                {foreach name='lists' item='vo'}
                    <div class="media">
                        <div class="media-left">
                            <div style="width:60px;">
                                <img src="__ROOT__/system/image/avatar.gif" alt="">
                            </div>
                        </div>
                        <div class="media-body">
                            <p class="alert alert-danger">{$vo.content}</p>
                        </div>
                        <div class="media-right">
                            <div style="width:60px;"></div>
                        </div>
                    </div>
                    {notempty name='vo.reply'}
                    <div class="media">
                        <div class="media-left">
                            <div style="width:60px;"></div>
                        </div>
                        <div class="media-body">
                            <p class="alert alert-info">{$vo.reply}</p>
                        </div>
                        <div class="media-right">
                            <div style="width:60px;">
                                <img src="__ROOT__/system/image/sign.png" alt="">
                            </div>
                        </div>
                    </div>
                    {/notempty}
                    <hr>
                {/foreach}
                {$page}
                <h3>我要留言</h3>
                <form class="form-horizontal well" id="guestbook" method="post" onsubmit="return M.guestbook();" action="{:url('guestbook/index/index')}">
                    <div class="form-group">
                        <label for="inputnickname" class="col-sm-2 control-label">昵称</label>
                        <div class="col-sm-10">
                            <input name="nickname" type="text" class="form-control" id="inputnickname">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputcontent" class="col-sm-2 control-label">内容</label>
                        <div class="col-sm-10">
                            <textarea name="content" id="inputcontent" class="form-control" rows="6"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputcontact" class="col-sm-2 control-label">联系方式</label>
                        <div class="col-sm-10">
                            <input type="text" name="contact" class="form-control" id="inputcontact">
                        </div>
                    </div>
                    {if condition="false !== eb_config('guestbook.captcha')"}
                        {include file='common/captcha' /}
                    {/if}
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">提交</button>
                        </div>
                    </div>
                </form>
                <script>
                    var M = {};
                    $(function(){
                        M.guestbook = function(){
                            $.ajax({
                                url: '{:url('guestbook/index/index')}',
                                type: 'POST',
                                dataType: 'json',
                                data: $('#guestbook').serialize(),
                                success:function(data){
                                    if (data.code) {
                                        alert(data.msg);
                                        self.location=data.url;
                                    }else{
                                        alert(data.msg);
                                        M.change_captcha('#captcha_img');
                                    }
                                }
                            });
                            return false;
                        };
                    });
                </script>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="panel panel-default">
            <div class="panel-heading">推荐留言</div>
            <div class="list-group">
                {php}
                $data = \app\guestbook\model\Guestbook::where(['status'=>1,'recommend'=>1]) -> limit(10) -> select();
                {/php}
                {foreach name='data' item='vo'}
                    <div class="list-group-item">
                        <p>{$vo.content}</p>
                        <p>{$vo.reply}</p>
                    </div>
                {/foreach}
            </div>
        </div>
    </div>
</div>
{include file='index@common/footer' /}