@extends('layouts.base')

@section('title', '社群接龙活动列表')



@section('content')
    <section class="content">

        <div class="right-titpos">

            <ul class="add-snav">

                <li class="active"><a href="#">活动列表</a></li>

            </ul>

        </div>

        <div class="panel-body form-inline" >
            <form action="" method="get" class="form-horizontal" role="form" onsubmit="return formcheck(this)">
                <a class="btn btn-primary" href="{{yzWebUrl('plugin.community-relay.admin.activity.edit')}}">新建活动</a>
                <input type="hidden" name="c" id="c"  value="{{$_GET['c']}}">

                <input type="hidden" name="a" id="a"  value="{{$_GET['a']}}">

                <input type="hidden" name="m" id="m"  value="{{$_GET['m']}}">

                <input type="hidden" name="do" id="do"  value="{{$_GET['do']}}">

                <input type="hidden" name="route" id="route"  value="{{$_GET['route']}}">

                <input type="hidden" name="page" id="page"  value="{{$_GET['page']}}">

                <select name="state" class="form-control" >
                    <option value="-1"
                            @if( empty($_GET['state']) || $_GET['state'] < 0 )selected="selected"@endif >
                        活动状态
                    </option>
                    <option value="0"
                            @if( $_GET['state'] === 0 || $_GET['state'] === '0'  )selected="selected"@endif >
                        正常
                    </option>
                    <option value="1"
                            @if( $_GET['state'] == 1  )selected="selected"@endif >
                        失效
                    </option>
                    <option value="2"
                            @if( $_GET['state'] == 2  )selected="selected"@endif >
                        即将开始
                    </option>
                    <option value="3"
                            @if( $_GET['state'] == 3  )selected="selected"@endif >
                        进行中
                    </option>
                    <option value="4"
                            @if( $_GET['state'] == 4  )selected="selected"@endif >
                        已结束
                    </option>
                </select>


                <input placeholder="请输入活动名称" class="form-control" name="activity_name" type="text" value="{{$_GET['activity_name']}}" >

                <button class="btn btn-success"><i class="fa fa-search"></i> 搜索</button>

            </form>

        </div>

        <div class='panel panel-default'>

            <div id="personal_count" class='panel-heading'>

                活动列表

            </div>

            <div class='panel-body'>

                <table id="table-list" class="table table-hover" style="table-layout: auto">

                    <thead>
                    <tr style="text-align: center;font-weight: bold">
                        <td>活动id</td>
                        <td>活动名</td>
                        <td>活动时间</td>
                        <td>状态</td>
                        <td>操作</td>
                    </tr>
                    </thead>

                    <tbody>
                    @foreach($activity_data as $v)
                        <tr style="text-align: center;font-size: 15px;height: 50px">
                            <td> {{$v['id']}}</td>
                            <td>{{$v['activity_name']}}</td>
                            <td>{{date('Y-m-d H:i',$v['start_time']).' 至 '.date('Y-m-d H:i',$v['end_time'])}}</td>
                            <td>
                                @if($v['state'] == 1)  已失效
                                @elseif($v['state'] == 0 && $v['start_time'] > time())  即将开始
                                @elseif($v['state'] == 0 && $v['end_time'] < time())  已结束
                                @else 进行中
                                @endif
                            </td>
                            <td>
                                <a class="btn btn-warning activity-data-btn" href="{{yzWebUrl('plugin.community-relay.admin.order.index',['activity_id'=>$v['id']])}}">数据</a>
                                <a class="btn btn-success activity-edit-btn" href="{{yzWebUrl('plugin.community-relay.admin.activity.edit',['activity_id'=>$v['id']])}}">编辑</a>
                                @if($v['state'] == 0  && $v['end_time'] > time())
                                    <a class="btn btn-info activity-share-btn"  activity-id="{{$v['id']}}">推广</a>
                                    <a class="btn btn-danger activity-end-btn" activity-id="{{$v['id']}}">失效</a>
                                @else
                                    <a class="btn btn-close activity-share-btn"  disabled="disabled">推广</a>
                                    <a class="btn btn-close activity-end-btn"  disabled="disabled">失效</a>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                {!!$pager!!}
            </div>
        </div>


        <div id="modal-share"  class="modal fade" tabindex="-1" style="min-height: 800px">
            <div class="modal-dialog" style='width: 920px; '>
                <div class="modal-content" style="width: 100%; ">
                    <div class="modal-header">
                        <ul class="nav nav-pills">
                            <li id="wechat-li" role="presentation" class="active hidden"><a href="#" onclick="change_modal_tab('wechat')">公众号&链接</a></li>
                            <li id="mimi-li"  role="presentation" class="hidden"><a href="#" onclick="change_modal_tab('mimi')">小程序</a></li>
                        </ul>
{{--                        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">X</button><h3>选择商品</h3>--}}
{{--                        <div class="row">--}}
{{--                            <div class="input-group">--}}
{{--                                <input type="text" class="form-control"  value="" id="search-goods-input" placeholder="请输入商品名称" />--}}
{{--                                <span class='input-group-btn'><button type="button" class="btn btn-default search-goods-btn" >搜索</button></span>--}}
{{--                            </div>--}}
{{--                        </div>--}}
                    </div>
                    <div class="modal-body"  style="">
                        <div id="wechat-div" >
                            <div id="wechat-pic" class="col-md-6" style="float: left">

                            </div>

                            <div id="wechat-share" class="col-md-6" style="float: right">
                                <div class="row">
                                    <span>分享链接</span>
                                    <div class="input-group">
                                        <input type="text" class="form-control"  value="" id="wechat-link-url" placeholder="" />
                                        <span class='input-group-btn'><button type="button" class="btn btn-primary " onclick="copy_text('wechat-link-url')" >复制</button></span>
                                    </div>
                                    <p>&nbsp;</p>
                                    <span>可在微信好友、微信群、微博、QQ、知乎、短信群发等渠道推广，或者用户页面装修等！</span>
                                    <p>&nbsp;</p>
                                    <div class="form-group" >
                                        <div class="col-md-4"><a id="wechat-poster-dl" target="_blank">下载海报</a></div>
                                        <div class="col-md-4"><a id="wechat-qr-dl" target="_blank">下载二维码</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div id="mimi-div" >
                            <div id="mimi-pic" class="col-md-6" style="float: left">

                            </div>

                            <div id="mimi-share" class="col-md-6" style="float: right">
                                <div class="row">
                                    <span>小程序路径</span>
                                    <div class="input-group">
                                        <input type="text" class="form-control"  value="" id="mimi-link-url" placeholder="" />
                                        <span class='input-group-btn'><button type="button" class="btn btn-primary " onclick="copy_text('mimi-link-url')" >复制</button></span>
                                    </div>
                                    <p>&nbsp;</p>
                                    <span>可在微信好友、微信群、微博、QQ、知乎、短信群发等渠道推广，或者用户页面装修等！</span>
                                    <p>&nbsp;</p>
                                    <div class="form-group" >
                                        <div class="col-md-4"><a id="mimi-poster-dl" target="_blank">下载海报</a></div>
                                        <div class="col-md-5"><a id="mimi-qr-dl" target="_blank">下载小程序码</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
{{--                        <table class="table table-hover" style="text-align: center" id="choose-goods-table">--}}

{{--                        </table>--}}
                    </div>
                    <div class="modal-footer" style=" width: 100%; bottom: 0;"></div>
                </div>
            </div>
        </div>



    </section><!-- /.content -->

    <script type="text/javascript">
        $('#table-list').on('click','.activity-end-btn',function () {

            var url = "{!! yzWebUrl("plugin.community-relay.admin.activity.invalid") !!}";
            var post_data = {'activity_id':$(this).attr('activity-id') };
            if($(this).attr('disabled') == 'disabled'){
                console.log('请勿重复点击');
                return false;
            }
            $(this).text('请求中...');
            $(this).attr('disabled',true);
            $.post(url,post_data , function (res) {
                if(res.result == 1){
                    location.reload();
                }else{
                    $(this).attr('disabled',false);
                    alert(res.msg);
                }
            })
        });

        function copy_text(id) {
            var input = document.getElementById(id);
            // 选中文本
            input.select();
            // 执行浏览器复制命令
            document.execCommand("copy");
        }

        function change_modal_tab(type){
            if(type == 'mimi'){
                $('#wechat-div').hide();
                $('#mimi-div').show();
                $('#mimi-li').attr('class','active');
                $('#wechat-li').attr('class','');
                $('#mimi-li').show();
            }

            if(type == 'wechat'){
                $('#mimi-div').hide();
                $('#wechat-div').show();
                $('#mimi-li').attr('class','');
                $('#wechat-li').attr('class','active');
                $('#wechat-li').show();
            }
        }


        $('#table-list').on('click','.activity-share-btn',function () {

            var url = "{!! yzWebUrl("plugin.community-relay.admin.activity.get-all-poster") !!}";
            var post_data = {'activity_id':$(this).attr('activity-id') };
            if($(this).attr('disabled') == 'disabled'){
                console.log('请勿重复点击');
                return false;
            }
            var text =  $(this).text();
            $(this).text('请求中...');
            $(this).attr('disabled',true);
            var obj = $(this);
            $.post(url,post_data , function (res) {

                console.log(res);
                if(res.result == 1){
                    $('#wechat-li').hide();
                    $('#mimi-li').hide();
                    var time =  Date.parse(new Date());
                    var errormes = '';
                    $.each(res.data,function (k,v) {
                        if(k == 'mimi'){
                            v.poster_url = v.poster_url+'?time='+time;
                            var mimi_pic_html = '<img src="'+v.poster_url+'" style="width: 100%;height: 100%">';
                            $('#mimi-pic').html(mimi_pic_html);
                            $('#mimi-link-url').val('/'+v.link_url);
                            $('#mimi-poster-dl').attr('href',v.poster_url);
                            $('#mimi-qr-dl').attr('href',v.qr_url);
                        }

                        if(k == 'wechat'){
                            v.poster_url = v.poster_url+'?time='+time;
                            var wechat_pic_html = '<img src="'+v.poster_url+'" style="width: 100%;height: 100%">';
                            $('#wechat-pic').html(wechat_pic_html);
                            $('#wechat-link-url').val(v.link_url);
                            $('#wechat-poster-dl').attr('href',v.poster_url);
                            $('#wechat-qr-dl').attr('href',v.qr_url);
                        }

                        if(k == 'errormes'){
                            errormes = v;
                        }else{
                            change_modal_tab(k);
                        }
                    });
                    $('#modal-share').modal('show');
                    obj.text(text);
                    obj.attr('disabled',false);
                    if(errormes !== ''){
                        setTimeout(function () {
                            alert(errormes);
                        },500);
                    }
                    // location.reload();
                }else{
                    // $(this).attr('disabled',false);
                    alert(res.msg);
                    obj.text(text);
                    obj.attr('disabled',false);
                }
            });


        });



    </script>

@endsection