@extends('dashboard.layouts.index')
@section('page_title')
@lang('global.devices')
@stop

@section('breadcrumb')

<div class="breadcrumb-item">
    @lang('global.devices')
</div>
@stop

@section('content')
{{-- @can("m_notification_view") --}}
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">

                <div class="card-header-action">
                    <a href="#!"  onclick="forModal('{{route('dashboard.send_notification.create')}}' , ' {{__('global.send_notification')}} ' )" id="btn-create" class="btn btn-primary">
                        <i class="fa fa-plus"></i>
                        @lang('global.sendAll')
                    </a>
                </div>

                <h4></h4>
                <div class="card-header-action">

                </div>
            </div>
            <div class="card-body p-4">
                <div class="table-responsive">
                    <table class="table table-striped" id="table-products">
                        <thead>
                            <tr>
                                <th class="text-center">
                                    <i class="fas fa-th"></i>
                                </th>
                                <th>@lang("global.employee")</th>
                                <th>@lang("global.ip")</th>
                                <th>@lang("global.platform")</th>
                                <th>@lang("global.language")</th>
                                <th>@lang("global.time_zone")</th>
                                <th>@lang("global.created_at")</th>
                                <th>@lang("global.action")</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{{-- @endcan
@cannot("m_notification_view")
@include("dashboard.components.permission")
@endcannot --}}
@stop
@push('js')

<script>
    $(function () {
            var table = $("#table-products").DataTable({
                oLanguage: {
                    "sSearch": "@lang('global.search')",
                    "sLengthMenu": "@lang('global.show') _MENU_ @lang('global.record')",
                    "sZeroRecords": "@lang('global.zero_records')",
                    "sInfo": "@lang('global.showing')  _START_ @lang('global.to') _END_ @lang('global.of') _TOTAL_ @lang('global.entries')",
                    'sInfoEmpty': "@lang('global.zero_pages')",
                    "sProcessing": "@lang('global.processing')",
                    oPaginate: {
                        "sFirst": "@lang('global.first')",
                        "sLast": "@lang('global.last')",
                        "sNext": "@lang('global.next')",
                        "sPrevious": "@lang('global.previous')"
                    },
                },
                dom: 'Bfrtip',
                 buttons: [
                 'copy', 'csv', 'excel', 'pdf', 'print'
                ],
                processing: true,
               serverSide: false,
                autoWidth: false,
                ordering: false,
                ajax: '{{route("dashboard.device.datatable")}}',
                columns: [
                    {data: 'id', name: 'id'},
                    {data: 'user', name: 'user'},
                    {data: 'ip', name: 'ip'},
                    {data: 'platform', name: 'platform'},
                    {data: 'language', name: 'language'},
                    {data: 'timezone', name: 'timezone'},
                    {data: 'created_at', name: 'created_at'},
                    {data: 'actions', name: 'actions'},

                ],
                initComplete: function () {
                    // Button bloacked
                    $("table").on("click", "#dt-btn-action", function () {
                        var action_id = $(this).attr("data-actionId");
                        let url = $(this).data("url");
                        $.ajax({
                            url: url,
                            method: "POST",
                            success: function () {
                                table.ajax.reload(null, false);
                            }
                        })
                    });
                    //End Button bloacked

                }
            });
            App.reloadTable = function () {
                table.ajax.reload();
            }

        });
</script>

@endpush