@extends('layouts.app')

@section('content')

<div class="row">
    {!! $filter_area !!}
    <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">
                    {{ __('SMS') }}
                    <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>{{ __('Number') }}</th>
                                <th>{{ __('Sender') }}</th>
                                <th>{{ __('Status') }}</th>
                                <th>{{ __('Cost') }}</th>
                                <th>{{ __('Action') }}</th>
                            </tr>
                        </Thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection
@push('scripts')
<script>
    @php
        $conds_combined             = 'daterange='.implode(' - ',$conds);
    @endphp
    $(function () {
        let table = $('.data-table').DataTable({
            // processing: true,
            // serverSide: true,
            dom: 'Bfrtip',
            order: [[0, 'desc']],
            ajax: "{{ route('sms.sms.index').'?' }}{!! $conds_combined !!}",
            columns: [
                {data: 'senttime', name: 'senttime',searchable: false,},
                {data: 'receiver', name: 'receiver'},
                {data: 'sender', name: 'sender'},
                {data: 'status', name: 'status'},
                {data: 'smsCost', name: 'smsCost'},
                {data: 'action', name: 'action'}
            ]
            ,buttons: [
                'copy','excelHtml5'
            ]
        });
    });
        console.log('hello');
</script>
@endpush