@extends('admin/site/side_layout')
@section('header_extend')
@endsection


@section('right')
    @php $hasEdit=0; @endphp
    @hasAuth('sites-links-edit')
    @php $hasEdit=1; @endphp
    @endHasAuth

    <form class="row" id="searchForm">
        {{--@if($hasEdit)--}}
        {{--<div class="col-md-2">--}}
        {{--<div class="input-group">--}}
        {{--<span class="input-group-btn">--}}
        {{--<button type="button" class="btn btn-md btn-info" onclick="units.importLink()"><span--}}
        {{--class="glyphicon glyphicon-hand-up"></span> 导入外链</button>--}}
        {{--<button type="button" class="btn btn-md btn-success" style="margin-left: 10px"--}}
        {{--onclick="units.save(0)"><span--}}
        {{--class="glyphicon glyphicon-hand-down"></span> 添加单个外链</button>--}}
        {{--<button type="button" class="btn btn-md btn-warning" onclick="units.delete()"--}}
        {{--style="margin-left: 10px"> <span class="glyphicon glyphicon-plus"></span> 删除</button>--}}
        {{--</span>--}}
        {{--</div>--}}
        {{--</div>--}}
        {{--@endif--}}


        <div class="col-md-6 pull-right">

            <div class="input-group">
                <input type="text" placeholder="请选择日期范围" class="input-md form-control"
                       name="date_range"
                       id="date_range" style="width: 300px;float: right">

                <span class="input-group-btn">
                        <button type="button" class="btn btn-md btn-primary" onclick="units.search()"> 搜索</button>
                        <button type="button" class="btn btn-md btn-primary" style="margin-left: 10px" name="btnReset"> 重置</button>
                        <button type="button" class="btn btn-md btn-info" style="margin-left: 10px"
                                onclick="units.exportExcel()"> 导出</button>
                </span>
            </div>
        </div>
    </form>
    <hr>
    <div class="table-responsive">

        <table id="table" class="table table-condensed"
               data-mobile-responsive="true"></table>

    </div>



@endsection



@section('footer_extend')
    <script src="{{asset('js/plugins/layDate-v5.0.9/laydate/laydate.js')}}"></script>
    <script>


        laydate.render({
            elem: '#date_range',
            type: 'date',
            range: true
        });
        var units = {
            exportExcel: function () {
                var date_range = $("#date_range").val();
                window.open('/admin/link/sites/{{$siteId}}/link-url/export?date_range=' + date_range);
            },

            search: function () {
                tips.selectPage();
            },
            importLink: function () {
                var str = '<div class="ibox-content" id="importLayer">' +
                    '<form class="form-horizontal">' +
                    '<div class="form-group">' +
                    '<label class="col-sm-3 control-label">请选择excel文件：</label>' +

                    '<div class="col-sm-6">' +

                    '<input type="file" id="excel_file" class="form-control">' +
                    '<input type="hidden" id="excel_path">' +
                    '</div>' +
                    '<div class="col-sm-2"><button class="btn btn-info" type="button" onclick="units.fileUpload()">上传</button></div>' +
                    '</div>' +
                    ' <div class="form-group">' +


                    '<div class="col-sm-6 col-sm-offset-3">' +

                    '<a href="{{asset('tpl/link_tpl.xlsx')}}">请下载导入模板</a>' +
                    '</div>' +
                    '</div>' +

                    '</form>' +
                    '</div>';

                var openIndex = layer.open({
                    type: 1,
                    content: str,
                    area: ['60%', '40%'],
                    btn: ['导入', '取消'],
                    title: '导入外链',
                    yes: function (index, layero) {
                        var data = {excel_path: $("#excel_path").val(), siteId: "{{$siteId}}"};
                        var config = {
                            url: '/admin/link/import/{{$siteId}}',
                            type: 'post',
                            data: data,
                            success: function (result) {
                                layer.msg(result.message, {icon: 6, time: 1500}, function () {
                                    layer.close(openIndex);
                                    tips.tableRefresh();
                                });
                            }
                        };
                        tips.ajax(config);
                    }
                });
            },

            fileUpload: function () {
                var config = {
                    url: '/admin/tool/excel-upload'
                };
                config.success = function (result) {
                    $("#excel_path").val(result.data.file_url);
                    layer.msg(result.message, {icon: 6, time: 1500});
                };
                tips.fileUpload($("#excel_file"), config);
            },

            getIdsBySelections: function () {
                var selections = $("#table").bootstrapTable('getSelections');
                var ids = [];
                $.each(selections, function (inx, val) {
                    ids.push(val.id);
                });
                return ids;
            },

            delete: function () {
                var ids = units.getIdsBySelections();
                if (ids.length === 0) {
                    layer.alert('请先选择您所要操作的对象', {icon: 0});
                    return;
                }
                layer.confirm('您确定要删除吗?', {icon: 3, title: '删除信息'}, function () {
                    tips.ajax({url: '/admin/link/link-detail', type: 'delete', data: {ids: ids}});
                    tips.tableRefresh('#table');
                });
            },
            save: function (id) {

                layer.open({
                    type: 2,
                    content: ['/admin/link/link-count/' + id + '?siteId={{$siteId}}'],
                    area: ['60%', '70%'],
                    title: '保存'
                });

            }
            // detail: function (id) {
            //     layer.open({
            //         type: 2,
            //         content: ['/admin/link/task/' + id],
            //         area: ['90%', '100%'],
            //         title: '',
            //         closeBtn: 0
            //     });
            // },

        };

        var config = {};
        config.url = '/admin/link/sites/{{$siteId}}/link-url';
        config.columns = [ //字段
            // {checkbox: true},
            {
                title: '序号', align: 'center', formatter: function (value, item, index) {
                    return index + 1;
                }
            },
            {title: '平台链接', field: 'link_url', align: 'center'},
            {title: '用户名', field: 'detail_username', align: 'center'},
            {title: '邮箱', field: 'detail_email', align: 'center'},
            {title: '密码', field: 'detail_password', align: 'center'},
            {title: 'profile演示地址', field: 'profile_url', align: 'center'},
            {title: '外链地址', field: 'url', align: 'center', width: '200px'},
            {title: '创建时间', field: 'created_at', align: 'center'},
            {{--{--}}
            {{--title: '操作', field: 'id', align: 'center',--}}
            {{--formatter: function (value, row) {--}}
            {{--var str = '';--}}
            {{--@if($hasEdit)--}}
            {{--str += '<button onclick="units.save(' + value + ')" class="btn btn-xs"><span class="glyphicon glyphicon-edit"></span>编辑</button>';--}}
            {{--@endif--}}
            {{--return str;--}}
            {{--}--}}
            {{--}--}}
        ];
        tips.bootstrapTable(config);

    </script>
@endsection