@extends('layouts.baseframe')

@section('title', 'API接口列表')

@section('content')
<div class="col-sm-12">
    <div class="card">
        <div class="card-header">
            <h4>API接口基础配置</h4>
            <ul class="card-actions">
                <li>
                    <button type="button" data-toggle="collapse" href="#searchContent" aria-expanded="false"
                        aria-controls="searchContent">
                        <i class="mdi mdi-chevron-double-down"></i> 折叠
                    </button>
                </li>
                <li>
                    <button type="button" onclick="javascript:window.location.reload()">
                        <i class="mdi mdi-refresh"></i> 刷新
                    </button>
                </li>
            </ul>
        </div>
        <div class="card-body collapse in" id="searchContent" aria-expanded="true">
            <form action="{{ route('admin.systemconfig.sync') }}" method="post" id="searchForm" name="searchForm" class="form-horizontal">
                <div class="row p-15">
                    <table class="table table-bordered table-hover text-center">
                        <thead>
                            <tr>
                                <td width="20%">基础域名</td>
                                <td width="10%">前缀</td>
                                <td width="20%">api_id</td>
                                <td>api_key</td>
                                <td width="5%">操作</td>
                            </tr>
                        </thead>

                        <tr>
                            <td>
                                <input type="text" class="form-control" name="remote_api_domain"
                                    placeholder="例：api.888.com" value="{{ $config['remote_api_domain'] ?? '' }}" />
                            </td>
                            <td>
                                <input type="text" class="form-control" name="remote_api_prefix" placeholder="例：9k"
                                    value="{{ $config['remote_api_prefix'] ?? '' }}" />

                            </td>
                            <td>
                                <input type="text" class="form-control" name="remote_api_id" placeholder=""
                                    value="{{ $config['remote_api_id'] ?? '' }}" />

                            </td>
                            <td>
                                <input type="text" class="form-control" name="remote_api_key" placeholder=""
                                    value="{{ $config['remote_api_key'] ?? '' }}" />

                            </td>
                            <td>
                                <button type="button" class="btn btn-primary" data-operate="ajax-submit">提交</button>
                            </td>
                        </tr>

                    </table>
                </div>
            </form>

        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h4>API接口列表</h4>
        </div>

        <div class="card-toolbar clearfix">
            <div class="toolbar-btn-action">
                <a class="btn btn-primary m-r-5" href="{{ route("admin.apis.create") }}"><i
                            class="mdi mdi-plus"></i>
                    新增</a>
                {{-- <a class="btn btn-success m-r-5" href="#!"><i class="mdi mdi-check"></i> 启用</a>
                <a class="btn btn-warning m-r-5" href="#!"><i class="mdi mdi-block-helper"></i> 禁用</a> --}}
                <a class="btn btn-danger" id="batchDelete" data-operate="delete" data-url="/admin/apis/ids">
                    <i class="mdi mdi-window-close"></i> 删除
                </a>
            </div>
        </div>

        <div class="card-body">


                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>
                                    <label class="lyear-checkbox checkbox-primary">
                                        <input type="checkbox" id="check-all"><span></span>
                                    </label>
                                </th>
                                @include('layouts._table_header',['data' => \App\Models\Api::$list_field])
                                <th width="120">接口余额</th>
                                <th width=100>修改时间</th>
                                <th width=100>创建时间</th>
                                <th>操作</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($data as $item)
                            <tr>
                                <td>
                                    <label class="lyear-checkbox checkbox-primary">
                                        <input type="checkbox" name="ids[]" value="{{ $item->id }}"><span></span>
                                    </label>
                                </td>
                                @include('layouts._table_body',['data' => \App\Models\Api::$list_field,'item' => $item])
                                <td>
                                    @if((\App\Models\Api::isCommonWallet() && !in_array($item->api_name,[\App\Models\Api::COMMON_WALLET_API,\App\Models\Api::LY_LOTTERY]))
                                    || $item->api_name == \App\Models\Api::JZ_LOTTERY )
                                        <a href="javascript:;" class="btn btn-danger btn-xs">
                                            <span>{{ $item->api_money }}</span>
                                        </a>
                                    @else
                                    <a href="javascript:;" class="btn btn-danger btn-xs fresh-money"
                                       data-url="{{ route('admin.api.refresh',['api_code' => $item->api_name]) }}"
                                       data-toggle="tooltip" data-original-title="刷新接口余额">
                                        <i class="mdi mdi-refresh"></i>
                                        <span>{{ $item->api_money }}</span>
                                    </a>
                                    @endif
                                </td>
                                <td>{{ $item->updated_at }}</td>
                                <td>{{ $item->created_at }}</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-xs btn-default"
                                            href="{{ route('admin.apis.edit',['api' => $item->id]) }}" title=""
                                            data-toggle="tooltip" data-original-title="编辑"><i
                                                class="mdi mdi-pencil"></i></a>

                                        {{-- <a class="btn btn-xs btn-default" href="javascript:;" data-operate="show-page"
                                            data-toggle="tooltip" data-original-title="详情"
                                            data-url="{{ route('admin.apis.show', ['api' => $item->id]) }}">
                                        <i class="mdi mdi-file-document-box"></i>
                                        </a> --}}

                                        <a class="btn btn-xs btn-default" href="javascript:;" data-operate="delete"
                                            data-toggle="tooltip" data-original-title="删除"
                                            data-url="{{ route('admin.apis.destroy', ['api' => $item->id]) }}">
                                            <i class="mdi mdi-window-close"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="clearfix">
                    <div class="pull-left">
                        <p>总共 <strong style="color: red">{{ count($data) }}</strong> 条</p>
                    </div>

                </div>

        </div>

    </div>
</div>
@endsection

@section("footer-js")
<script>
    //日期时间范围
    laydate.render({
        elem: '#created_at',
        type: 'datetime',
        theme: "#33cabb",
        range: "~"
    });

    $('.fresh-money').click(function(){
        var _this = $(this);
        _this.attr("disabled", true);

        if(!_this.data('url')) return;

        $.ajax({
            url: _this.data('url'),
            method:'get',
            success:function(res){
                _this.attr("disabled", false);

                if(res.code == 200 && res.data) _this.find('span').html(res.data)
                else $.utils.layerError(res.message)
            },
            error:function(err){
                _this.attr("disabled", false);

            }
        });
    })


</script>
@endsection