@extends('layouts.app')

@section("title", "SaveSpace - Users")

@section('head')
    <!-- Datatable -->
    <link rel="stylesheet" href="{{ url('vendors/dataTable/dataTables.min.css') }}" type="text/css">

@endsection

@section('content')

{{--    <div class="page-header justify-content-between">--}}
{{--        <nav aria-label="breadcrumb" class="d-flex align-items-start">--}}
{{--            <ol class="breadcrumb">--}}
{{--                <li class="breadcrumb-item">--}}
{{--                    <a href="{{ url('dashboard.users') }}">Users</a>--}}
{{--                </li>--}}
{{--                <li class="breadcrumb-item active" aria-current="page">User List</li>--}}
{{--            </ol>--}}
{{--        </nav>--}}
{{--        <div class="dropdown">--}}
{{--            <a href="{{ route("dashboard.users.create") }}" class="btn btn-primary text-white">--}}
{{--                Add user--}}
{{--            </a>--}}
{{--        </div>--}}
{{--    </div>--}}

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="user-list" class="table table-lg">
                            <thead>
                            <tr>
                                <th></th>
                                <th>Message</th>
                                <th>Ago</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($notifications as $notification)
                                <tr>
                                    <td></td>
                                    <td>{{$notification["message"]}}</td>
                                    <td>{{$notification["ago"]}}</td>


                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
    <script src="{{ url('assets/js/examples/pages/user-list.js') }}"></script>
    <!-- Datatable -->
    <script src="{{ url('vendors/dataTable/dataTables.min.js') }}"></script>
@endsection