@extends('layouts.base')

@section('content')
    <div class="w1200 m0a">
        <div class="rightlist">
            {{--@include('Yunshop\Article::admin.tabs')--}}
            <div class="right-titpos">
                <ul class="add-snav">
                    <li class="active"><a href="#">文章付费管理</a></li>
                </ul>
            </div>

            <div class="panel panel-info">
                <div class="panel-body">
                    <form action="" method="post" class="form-horizontal" role="form" id="form">
                        <div class="form-group">
                            <div class="col-sm-11 col-xs-12">
                                <div class="row row-fix tpl-category-container">
                                    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
                                        <select class="form-control tpl-category-parent" name="search[category_id]">
                                            <option value="">全部分类</option>
                                            @foreach ($categorys as $category)
                                            <option value="{{ $category['id'] }}" @if ($search['category_id'] == $category['id']) selected="selected" @endif>{{ $category['name'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-xs-12 col-sm-8 col-lg-9">
                                        <input class="form-control" name="search[keyword]" id="" type="text" value="{{ $search['keyword'] }}" placeholder="请输入文章标题关键字进行检索（选择文章分类减小检索范围）">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="form-group">
                            <!--<label class="col-xs-12 col-sm-3 col-md-1 control-label"> </label>-->
                            <div class="col-xs-12 col-sm-2 col-lg-2">
                                <button class="btn btn-success" onclick="$('#form').onsubmit();"><i class="fa fa-search"></i> 搜索</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading"> (文章总数: <span id="$articlenum">{{ $articles['total'] }}</span>)</div>
            <div class="panel-body">
                <table class="table" style="">
                    <thead>
                    <tr>
                        <th style="width:5%; text-align:center;">ID</th>
                        <th style="width:18%;">文章标题</th>
                        <th style="width:10%;">文章分类</th>
                        <th style="width:10%;">文章关键字</th>
                        <th style="width:17%;">文章创建时间</th>
                        <th style="width:10%;">价格</th>
                        <th style="width:10%;">付费次数</th>
                        <th style="width:10%;">付费记录</th>
                        <th style="width:10%;">状态</th>
                        <th style="width:10%; text-align:center;">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                        @foreach ($articles['data'] as $article)
                            <tr>
                                <td>{{ $article['id'] }}</td>
                                <td>{{ $article['title'] }}</td>
                                <td>{{ $article['belongs_to_category']['name'] }}</td>
                                <td>{{ $article['keyword'] }}</td>
                                <td>{{ is_numeric($article['virtual_created_at']) ? date('Y-m-d',$article['virtual_created_at']) : $article['virtual_created_at'] }}</td>
                                <td class='tdedit'>
                                        <span class=' fa-edit-item' style='cursor:pointer'>
                                            <span class="title edit_money">{{$article['has_one_article_pay']['money']}}</span>
                                            <i class='fa fa-pencil' style="display:none"></i>
                                        </span>

                                    <div class="input-group money" style="display:none">
                                        <input type="text" name="money" class="form-control tpl-agent-money" data-agencyid="{{$article['id']}}" value="{{$article['money']}}" >
                                    </div>
                                </td>

                                <td style="text-align: center;">{{ $article['has_one_article_pay']['pay_num'] }}</td>
                                <td ><a href="{{ yzWebUrl('plugin.article-pay.admin.record.index', ['id' => $article['id']]) }}">查看记录</a></td>
                                <td>@if ($article['state'] == 1) <span style="color: green;">开启</span> @else 关闭 @endif</td>
                                <td style="text-align:center;">
                                    @if($article['type'] != 1)
                                        <a href="javascript:;" data-clipboard-text="{{yzAppFullUrl('articleContent/'.$article['id'])}}" data-url="{{yzAppFullUrl('articleContent/'.$article['id'])}}" title="复制连接" class="js-clip">复制链接</a>
                                    @else
                                        <a href="javascript:;" data-clipboard-text="{{yzAppFullUrl('voiceDetail/'.$article['id'])}}" data-url="{{yzAppFullUrl('voiceDetail/'.$article['id'])}}" title="复制连接" class="js-clip">复制链接</a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                {!! $pager !!}
            </div>
        </div>
    </div>
    <script language='javascript'>
        $('.tdedit').mouseover(function () {
            $(this).find('.fa-pencil').show();
        }).mouseout(function () {
            $(this).find('.fa-pencil').hide();
        });
        $('.fa-edit-item').click(function () {
            $(this).closest('span').hide();
            $(this).next('.money').show();
        });
        $('.tpl-agent-money').change(function () {
            var agencyId = $(this).data('agencyid');
            var levelId = $(this).val();
            var money = $(this);
            $.ajax({
                url: "{!! yzWebUrl('plugin.article-pay.admin.article.updateMoney') !!}",
                type: "post",
                data: {id: agencyId, value: levelId},
                cache: false,
                success: function (result) {
                    money.parent().parent().find('.fa-edit-item').show();
                    money.parent().parent().find('.edit_money').text(result.data.money);
                    money.parent().parent().find('.money').hide();
                    //location.reload();
                },
                error: function (e) {
                    money.parent().parent().find('.fa-edit-item').show();
                    money.parent().parent().find('.edit_money').text(result.data.money);
                    money.parent().parent().find('.money').hide();
                }
            })
        });
        $(function () {
            $('#export').click(function(){
                $('#form1').get(0).action="{!! yzWebUrl('plugin.team-dividend.admin.team-agency.export') !!}";
                $('#form1').submit();
                $('#form1').get(0).action="{!! yzWebUrl('plugin.team-dividend.admin.team-agency.index') !!}";
            });
        });
    </script>
@endsection