@extends('layouts.app')
@section('title', 'Монитор')

@section('content')
<div class="table-wrapper">
    <table id="monitorTable" class="ui celled table">
        <thead>
        <tr>
            <th>Время</th>
            <th>Событие</th>
            <th>Источник</th>
            <th>Информация</th>
        </tr>
        </thead>
        <tbody>
        @foreach ($lastEvents as $event)
            <tr style="background-color: #{{dechex($event->COLOR)}}">
                <td>{{ $event->DATETIME }}</td>
                <td>{{ $event->NAME }}</td>
                <td>{{ $event->ID_DEV }}</td>
                <td>{{ $event->NOTE }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>

<script src="{{ asset('js/sockets.js') }}"></script>

@endsection