@extends('layouts.main')
@section('content')
<div class="row">
    <div class="col-md-12" >
        <div class="card">
            <div class="card-header">
                <h1 class="form-section">{{ __('strings.alerts') }} &nbsp {{ __('strings.speed') }}  <span class="float-sm-right"> <a href="{{route('speed_alerts_create_view')}}" class="btn btn-primary">{{__('strings.submit_register')}}</a></span></h1>
            </div>
            <hr>
            <div class="table-responsive">
                <table id="devices-table" class="table hover mb-0">
                    <thead class="thead-inverse">
                        <tr>
                            <th>Id</th>
                            <th>Alias</th>
                            <th>{{__('strings.max_speed')}}</th>
                            <th>IMEI / Alias</th>
                            <th>Emails</th>
                            <th>{{__('strings.created_at')}}</th>
                            <th></th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function () {
    
    $('#devices-table').DataTable({
            processing: true,
            data: @json($alerts),
            paging: true,
            pageLength: 10,
            columns: [
            { data: 'id', name: 'id', defaultContent: "<i>{{__('strings.undefined')}}</i>" },
            { data: 'alias', name: 'alias',  defaultContent: "<i>{{__('strings.undefined')}}</i>" },
            { data: 'max_speed', name: 'max_speed',  defaultContent: "<i>{{__('strings.undefined')}}</i>" },
            { data: 'device', name: 'device',  defaultContent: "<i>{{__('strings.undefined')}}</i>", render: function(data, type, row){ 
                    if(data) {
                        return data.IMEI + " / " + data.ALIAS;
                    } else {
                        return row.imei;
                    }
            }},
            { data: 'emails', name: 'emails',type: "html", render: function(data, type, row){
                    return Object.values(data).join("<br>");
            }},
            { data: 'created_at', name: 'created_at', render: function ( data, type, row ) {
                    if(data) {
                        return moment.utc(data).local().format("YYYY-MM-DD HH:mm");
                    } else {
                        return "0000-00-00 00:00";
                    }
                } 
            },
            { data: 'id', name: 'id', render: function(data, type, row) {
                    return "<a href='{{URL::to('/')}}/alerts/speed/" + data + "/edit'>{{__('strings.submit_upgrade')}}</a>";
                }
            },
            ],
            dom: 'Bfrtip',
            buttons: [
                'copy', 'excel',{
                    extend: 'pdfHtml5',
                    orientation: 'landscape',
                    pageSize: 'A4'
                }
            ],
            language: {
                url: "{{asset('DataTables/languages')}}/{{App::getLocale()}}.json"
            },
            order: [[ 0, "desc" ]]
        });
        
});
</script>
@endpush