{layout name="public/layout_main"}

<section class="wrapper">
    <h3><i class="fa fa-angle-right"></i> 活动商家列表</h3>
    <!-- 分割线 -->
    <hr>

    <div class="row margin-bottom">
        <div class="col-md-12">
            <form class="form-inline pull-left" method="GET" action="{:url('admin/project/index')}" >

                <div class="form-group margin-right">
                    <select name="catalog_id" class="form-control">
                        <option value="">所有分类</option>
                        {volist name="$catalog_list" id="vo"}
                        <option value="{$vo.id}" {if condition="input('catalog_id')==$vo.id"}selected{/if}>{$vo.name}</option>
                        {/volist}
                    </select>
                </div>
                <div class="form-group margin-right">
                    <select name="type" class="form-control">
                        <option value="">活动/商家</option>
                        <option value="1" {if condition="input('type')==1"}selected{/if}>活动</option>
                        <option value="2" {if condition="input('type')==2"}selected{/if}>商家</option>
                    </select>
                </div>
                <div class="form-group margin-right">
                    <input class="form-control" type="text" name="title" id="title" value="<?php echo input('title');?>" placeholder="活动/商家名称"/>
                </div>
                <button type="submit" class="btn btn-primary">搜索</button>
            </form>
            <div class=" pull-right">
                <a  href="{:url('admin/project/create')}" class="btn btn-success">创建活动/商家</a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <!--<colgroup>-->
                        <!--<col style="width: 2%;">-->
                        <!--<col style="width: 80%;">-->
                        <!--<col style="width: 5%;">-->
                        <!--<col style="width: 5%;">-->
                        <!--<col style="width: 10%;">-->
                    <!--</colgroup>-->
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>活动/商家名称</th>
                        <th>封面图</th>
                        <th>国内/国外</th>
                        <th>城市</th>
                        <th>活动时间</th>
                        <th>报名截止时间</th>
                        <th>分类</th>
                        <th>标签</th>
                        <th>价格</th>
                        <th>会员价</th>
                        <th>状态</th>
                        <th>总量</th>
                        <th>已售</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="project_list" id="vo" key="k" empty="暂时没有数据"}
                    <tr id="tr_{$vo.id}">
                        <td>{$vo.id}</td>
                        <td>{$vo.title}</td>
                        <td><img style="width:90px" src="{$vo.poster}" alt=""></td>
                        <td>
                          {if condition="$vo.region_type==1"}
                            国内
                          {else/}
                            国外
                          {/if}
                        </td>
                        <td>{$vo.city_str.name}</td>
                        <td>{$vo.time_period}</td>
                        <td>{$vo.sign_endtime}</td>
                        <td>{$vo.catalog_id_str.name}</td>
                        <td width="170px">
                          {$vo.tags}
                        </td>
                        <td>{$vo.price}</td>
                        <td>{$vo.vip_price}</td>
                        <td>{$vo.sign_endtime_str}</td>
                        <td>{$vo.sign_limits}</td>
                        <td>{$vo.sign_num}</td>
                        <td>
                            <a href="{:url('admin/project/updateProject',['id'=>$vo.id])}" class="btn btn-xs btn-primary"><i class="fa fa-pencil"></i></a>
                            <a href="javascript:" oid="{$vo.id}" class="btn btn-xs btn-danger btn-delete"><i class="fa fa-trash"></i></a>
                        </td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            {$project_list->render()}
        </div>
    </div>
</section>

<script type="text/javascript">
    $("#myModal").modal();
    // 文档加载完毕之后，会进入该方法
    $(function(){
      $(".btn-delete").click(function(){
          var _this = $(this);
          var url = "{:url('admin/project/delete')}";
          var oid = _this.attr('oid');
          showDialog("提示", "确定删除该项目/商家吗？", function(){
              // ajax post 方法
              $.post(url, {id:oid}, function (res) {
                  // var res = JSON.parse(res);
                  if(res.code == 1){
                      // javascript 的默认弹出提示方法
                      _this.remove();
                      $("#tr_"+oid).fadeOut();
                  }else{
                    alert(res.msg);
                  }
              });
          });
      });
    });
</script>