@extends('admin.layouts')
@section('css')
    <link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
@endsection
@section('content')
    <div class="page-content container">
        <div class="panel">
            <div class="panel-heading">
                <h2 class="panel-title">
                    {!! trans('admin.tools.analysis.title') !!}
                </h2>
            </div>
            @if (Session::has('analysisErrorMsg'))
                <x-alert type="danger" :message="Session::pull('analysisErrorMsg')"/>
            @endif
            <div class="panel-body">
                <table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
                    <thead class="thead-default">
                    <tr>
                        <th>{{ trans('admin.tools.analysis.req_url') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(! empty($urlList))
                        @foreach($urlList as $url)
                            <tr>
                                <td> {{$url}} </td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="1">{{ trans('admin.tools.analysis.not_enough') }}</td>
                        </tr>
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection
@section('javascript')
    <script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js"></script>
    <script>
      const TableDatatablesScroller = function() {
        const e = function() {
          const e = $('#analysis');
          e.dataTable({
            language: {
              aria: {
                sortAscending: ': activate to sort column ascending',
                sortDescending: ': activate to sort column descending',
              },
              emptyTable: '暂无数据',
              info: '第 _START_ 到 _END_ 条，共计 _TOTAL_ 条',
              infoEmpty: '未找到',
              infoFiltered: '(filtered1 from _MAX_ total entries)',
              lengthMenu: '_MENU_ entries',
              search: '搜索:',
              zeroRecords: '未找到',
            },
            buttons: [
              {extend: 'print', className: 'btn btn-outline-dark'},
              {extend: 'pdf', className: 'btn btn-outline-success'},
              {extend: 'csv', className: 'btn btn-outline-primary'},
            ],
            scrollY: 300,
            deferRender: !0,
            scroller: !0,
            stateSave: !0,
            order: [[0, 'asc']],
            lengthMenu: [[10, 15, 20, -1], [10, 15, 20, 'All']],
            pageLength: 20,
            dom: '<\'row\' <\'col-md-12\'B>><\'row\'<\'col-md-6 col-sm-12\'l><\'col-md-6 col-sm-12\'f>r><\'table-scrollable\'t><\'row\'<\'col-md-5 col-sm-12\'i><\'col-md-7 col-sm-12\'p>>',
          });
        };
        return {
          init: function() {
            jQuery().dataTable && (e());
          },
        };
      }();
      jQuery(document).ready(function() {
        TableDatatablesScroller.init();
      });
    </script>
@endsection