@extends('layouts.app', ['pageSlug' => 'deviceLists'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>Networking / Monitoring / Lists</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<div class="spl-page-panel">
    <div class="row">
        <div class="col-lg-12">
            Monitoring devices
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-lg-12">
            <div class="p-3">                
                <table id="custom_table" class="table table-striped table-bordered">
                    <thead>
                        <th>#</th>
                        <th>Name</th>
                        <th>Parent</th>
                        <th>Group</th>
                        <th>Make</th>
                        <th>Model</th>
                        <th>IP</th>
                        <th>Ping</th>
                        <th>CPU</th>
                        <th>Latency</th>
                        <th>Off Log</th>
                        <th>Status</th>
                        <th>Action</th>
                    </thead>
                    <tbody>
                        @foreach ($devices as $key => $dev)
                        @php
                            $month_data = $logs->where('receiver',"$dev->name ")->where('month',date('m'))->first();
                            $month_count = !empty($month_data) ? ($month_data->logcounts*100)/8640 : '';
                            $first = $firstlogs->where('receiver',"$dev->name ")->first();
                            $count = !empty($first) ? round((strtotime(now()) - strtotime($first->created_at)) / (60 * 60 * 24),2) : 0;
                            $total_data = $logs->where('receiver',"$dev->name ")->sum('logcounts'); 
                            $total_count = !empty($total_data) ? ($total_data*100)/($count*288) : ''; 
                            $mins = $devicelog->where('device_id',$dev->id);
                            $lastrecord = $mins->whereNull('date_to')->sortByDesc('date_from')->first();
                            $last_mins = !empty($lastrecord) ? round((strtotime(now()) - strtotime($lastrecord->date_from)) / 60,2) : 0;
                            $totalmins = $mins->sum('mins') + $last_mins;
                            $mincount = round((strtotime(now()) - strtotime("2021-11-24 14:37:14")) / 60,2);
                            $total_mins = ($totalmins*100)/$mincount;
                        @endphp
                        <tr>
                            <td>{{$key+1}}</td>
                            <td>{{$dev->name}} @if($dev->sector != null)<span class="status-label label-info">{{$dev->type}}</span> @endif</td>
                            <td>{{$dev->parent_name ? $dev->parent_name : 'none'}}</td>
                            <td>{{isset($dev->devicegroup) ? $dev->devicegroup->name : ''}}</td>
                            <td>{{$dev->make_id == 1 ? 'Mikrotik' : 'Other'}}</td>
                            <td>{{$dev->model}}</td>
                            <td>{{$dev->ip}}</td>
                            <td>{{$dev->ping !='timeout' ? $dev->ping.'ms':'timeout'}}</td>
                            <td>{{$dev->cpu != '--' ? $dev->cpu.'%':'--'}}</td>
                            <td>{{round($month_count,2)}}/{{round($total_count,2)}} %</td>
                            <td><a href="{{url('/admin/networking/device-log?device='.$dev->id)}}">{{round($total_mins,2)}}%</a></td>
                            <td>
                                @if($dev->status == 'up')
                                <label class="status-label label-success">up</label>
                                @else
                                <label class="status-label label-danger">down</label>
                                                                <br><time class="text-muted timeago">{{$downDur}}</time>
                                @endif
                                
                            </td>
                            <td>
                                <a href="{{route('network.monitor.edit', $dev->id)}}"><i class="fa fa-edit"></i></a>
                                <a href="#" title="refresh" class="refresh-btn a-orange" onclick="updateDevice(this)" data-id = "{{$dev->id}}"><i class="fa fa-fw fa-redo"></i></a>
                                <a href="#" title="backup" class="refresh-btn a-orange"><i class="fa fa-fw fa-hdd"></i></a>
                                <a href="{{route('network.monitor.reboot', $dev->id)}}" title="reboot" onclick="return confirm('Are you sure?')" class="refresh-btn a-blue"><i class="fa fa-fw fa-recycle"></i></a>
                                <a href="#" onclick="confirmDelete('{{route('network.monitor.delete', $dev->id)}}')" style="color:red !important;"><i class="fa fa-trash-alt"></i></a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@push('js')
<script>
    function confirmDelete(route) {
        var result = confirm( "Do you want to delete this?" );
        if (result) {
            location.href = route;
        }
    }
    $(document).ready(function(){
        $('#custom_table').dataTable({
            stateSave: true
        });
    })

    function updateDevice(ele){
        id = $(ele).data('id');
        axios.post('{{route('network.monitor.update.device.detail')}}', {dev_id: id}).then((res) => {
            console.log(res);
            if (res.data == 'success') {
                toastr.success('Success');
            } else {
                toastr.error('Fail');
            }
        })
    }
</script>
    
@endpush