@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="col-md-12">
            <div class="card-deck mb-4">
                <div class="card card-body">
                    <h5 class="card-title">{{ __('System resource') }}</h5>
                    <hr>
                    @foreach($s_resource as $resource)
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">{{ __('uptime:') }} <span class="small font-weight-bold ml-2"> {{ $resource['uptime'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('version:') }} <span class="small font-weight-bold ml-2"> {{ $resource['version'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('build-time:') }} <span class="small font-weight-bold ml-2"> {{ $resource['build-time'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('free-memory:') }} <span class="small font-weight-bold ml-2"> {{ $resource['free-memory'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('total-memory:') }} <span class="small font-weight-bold ml-2"> {{ $resource['total-memory'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('cpu:') }} <span class="small font-weight-bold ml-2"> {{ $resource['cpu'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('cpu-count:') }} <span class="small font-weight-bold ml-2"> {{ $resource['cpu-count'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('cpu-frequency:') }} <span class="small font-weight-bold ml-2"> {{ $resource['cpu-frequency'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('cpu-load:') }} <span class="small font-weight-bold ml-2"> {{ $resource['cpu-load'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('free-hdd-space:') }} <span class="small font-weight-bold ml-2"> {{ $resource['free-hdd-space'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('total-hdd-space:') }} <span class="small font-weight-bold ml-2"> {{ $resource['total-hdd-space'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('write-sect-since-reboot:') }} <span class="small font-weight-bold ml-2"> {{ $resource['write-sect-since-reboot'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('write-sect-total:') }} <span class="small font-weight-bold ml-2"> {{ $resource['write-sect-total'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('architecture-name:') }} <span class="small font-weight-bold ml-2"> {{ $resource['architecture-name'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('board-name:') }} <span class="small font-weight-bold ml-2"> {{ $resource['board-name'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('platform:') }} <span class="small font-weight-bold ml-2"> {{ $resource['platform'] ?? '' }}</span>
                        </ul>
                    @endforeach
                </div>
                <div class="card card-body">
                    <h5 class="card-title">{{ __('System clock') }}</h5>
                    <hr>
                    @foreach($clocks as $clock)
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">{{ __('time') }} <span class="small font-weight-bold ml-2"> {{ $clock['time'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('date') }} <span class="small font-weight-bold ml-2"> {{ $clock['date'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('time-zone-autodetect') }} <span class="small font-weight-bold ml-2"> {{ $clock['time-zone-autodetect'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('time-zone-name') }} <span class="small font-weight-bold ml-2"> {{ $clock['time-zone-name'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('gmt-offset') }} <span class="small font-weight-bold ml-2"> {{ $clock['gmt-offset'] ?? '' }}</span>
                            <li class="list-group-item">{{ __('dst-activ') }} <span class="small font-weight-bold ml-2"> {{ $clock['dst-activ'] ?? '' }}</span>
                        </ul>
                    @endforeach
                </div>
            </div>

            <div class="card-columns mb-4">
                @foreach($routes as $route)
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">{{ __('IP routes') }}</h5>
                            <hr>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">{{ __('dst-address') }} <span class="small font-weight-bold ml-2"> {{ $route['dst-address'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('pref-srcs') }} <span class="small font-weight-bold ml-2"> {{ $route['pref-src'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('gateway') }} <span class="small font-weight-bold ml-2"> {{ $route['gateway'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('gateway-status') }} <span class="small font-weight-bold ml-2"> {{ $route['gateway-status'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('distance') }} <span class="small font-weight-bold ml-2"> {{ $route['distance'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('scope') }} <span class="small font-weight-bold ml-2"> {{ $route['scope'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('target-scope') }} <span class="small font-weight-bold ml-2"> {{ $route['target-scope'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('vrf-interface') }} <span class="small font-weight-bold ml-2"> {{ $route['vrf-interface'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('active') }} <span class="small font-weight-bold ml-2"> {{ $route['active'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('dynamic') }} <span class="small font-weight-bold ml-2"> {{ $route['dynamic'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('static') }} <span class="small font-weight-bold ml-2"> {{ $route['static'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('connect') }} <span class="small font-weight-bold ml-2"> {{ $route['connect'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('disabled') }} <span class="small font-weight-bold ml-2"> {{ $route['disabled'] ?? '' }}</span>
                            </ul>
                        </div>
                    </div>
                @endforeach
            </div>

            <div class="card-columns mb-4">
                @foreach($interfaces as $interface)
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">{{ __('Interfaces') }}</h5>
                            <hr>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">{{ __('name') }} <span class="small font-weight-bold ml-2"> {{ $interface['name'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('default-name') }} <span class="small font-weight-bold ml-2"> {{ $interface['default-name'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('type') }} <span class="small font-weight-bold ml-2"> {{ $interface['type'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('mtu') }} <span class="small font-weight-bold ml-2"> {{ $interface['mtu'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('actual-mtu') }} <span class="small font-weight-bold ml-2"> {{ $interface['actual-mtu'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('mac-address') }} <span class="small font-weight-bold ml-2"> {{ $interface['mac-address'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('last-link-up-time') }} <span class="small font-weight-bold ml-2"> {{ $interface['last-link-up-time'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('link-downs') }} <span class="small font-weight-bold ml-2"> {{ $interface['link-downs'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('rx-byte') }} <span class="small font-weight-bold ml-2"> {{ $interface['rx-byte'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('tx-byte') }} <span class="small font-weight-bold ml-2"> {{ $interface['tx-byte'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('rx-packet') }} <span class="small font-weight-bold ml-2"> {{ $interface['rx-packet'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('tx-packet') }} <span class="small font-weight-bold ml-2"> {{ $interface['tx-packet'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('rx-drop') }} <span class="small font-weight-bold ml-2"> {{ $interface['rx-drop'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('tx-drop') }} <span class="small font-weight-bold ml-2"> {{ $interface['tx-drop'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('tx-queue-drop') }} <span class="small font-weight-bold ml-2"> {{ $interface['tx-queue-drop'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('rx-error') }} <span class="small font-weight-bold ml-2"> {{ $interface['rx-error'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('tx-error') }} <span class="small font-weight-bold ml-2"> {{ $interface['tx-error'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('fp-rx-byte') }} <span class="small font-weight-bold ml-2"> {{ $interface['fp-rx-byte'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('fp-tx-byte') }} <span class="small font-weight-bold ml-2"> {{ $interface['fp-tx-byte'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('fp-rx-packet') }} <span class="small font-weight-bold ml-2"> {{ $interface['fp-rx-packet'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('fp-tx-packet') }} <span class="small font-weight-bold ml-2"> {{ $interface['fp-tx-packet'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('running') }} <span class="small font-weight-bold ml-2"> {{ $interface['running'] ?? '' }}</span>
                                <li class="list-group-item">{{ __('disabled') }} <span class="small font-weight-bold ml-2"> {{ $interface['disabled'] ?? '' }}</span>
                            </ul>
                        </div>
                    </div>
                @endforeach
            </div>

            <div class="card-deck">
                <div class="card card-body">
                    <h5 class="card-title">{{ __('System packages') }}</h5>
                    <table class="table table-sm">
                        <thead>
                        <tr>
                            <th>{{ __('Name') }}</th>
                            <th>{{ __('Version') }}</th>
                            <th>{{ __('Disabled') }}</th>
                            <th>{{ __('Build time') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($packages as $package)
                            <tr>
                                <td>{{ $package['name'] ?? '' }}</td>
                                <td>{{ $package['version'] ?? '' }}</td>
                                <td>{{ $package['disabled'] ?? '' }}</td>
                                <td>{{ $package['build-time'] ?? '' }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection