@extends('layouts.app')

@section('content')

<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        
        <div class="card collapsible">
            <div id="dashboard_tickets" class="header card-inside-title">

                <h2 class="pointer">
                    {{ __('Blacklist') }}
                    <span class="expander">
                        <i class="fa fa-angle-up pointer" aria-hidden="true"></i>
                    </span>
                </h2>
            </div>
            <div class="body panel-content">
                <div class="table-responsive col-lg-12 col-md-12 col-sm-12">
                    <table class="table users table-sortable data-table">
                        <Thead>
                            <tr>
                                {{-- <th class="th-sort-asc">{{ __('Time') }}</th>
                                <th>{{ __('Queue') }}</th>
                                <th>{{ __('Agent') }}</th>
                                <th>{{ __('Hangup') }}</th>
                                <th>{{ __('Ringtime') }}</th>
                                <th>{{ __('Talktime') }}</th> --}}
                                <th>{{ __('Number') }}</th>
                                <th>{{ __('Description') }}</th>
                                <th>{{ __('Action') }}</th>
                            </tr>
                        </Thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection
@push('scripts')
    <script>
        $(function () {
            var table = $('.data-table').DataTable({
                dom: 'Bfrtip',
                order: [[0, 'desc']],
                ajax: "{{ route('reporting.blacklist')}}",
                columns: [
                    {data: 'number', name: 'number'},
                    {data: 'description', name: 'description'},
                    {data: 'action', name: 'action', orderable: false, searchable: false}
                ]
                ,buttons: [
                    'create', 'excelHtml5'
                ]
            });
        });
        console.log('hello');
    </script>
@endpush