@extends('layouts.app', [
    'class' => 'notifications index table-index',
])

@section('content')
    @include('partials._page-title', [
        'title' => 'Gerenciar Notificações',
        'desc' => 'Adicione, edite ou exclua notificações conforme necessário',
    ])

    <div class="panel-body">

        @include('partials._alert')

        <div class="table-area">

            <div class="filter-actions">

                @include('partials._filters')

                <div class="btns">

                    <a href="{{ url('notifications/create') }}" class="btn btn-primary btn-full">Nova Notificação</a>

                </div>

            </div>

            @if ($notifications->count())
                <div class="table-responsive ">

                    <table class="table table-ordered">
                        <thead>
                            <tr>
                                <th data-column="id">Id</th>
                                <th data-column="name">Nome</th>
                                <th data-column="user_name">Usuário</th>
                                <th data-column="created_at">Data de Criação</th>
                                <th data-column="updated_at">Data de Atualização</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($notifications as $notification)
                                <tr>
                                    <td class='td-id'>{{ $notification->id }}</td>
                                    <td>{{ $notification->name }}</td>
                                    <td>{{ $notification->user_name }}</td>
                                    <td>{{ $notification->created_at->format('d/m/Y H:i') }}</td>
                                    <td>{{ $notification->updated_at->format('d/m/Y H:i') }}</td>
                                    <td class='td-actions'>

                                        <button type="button" class="btn btn-light btn-icon btn-custom-action" data-bs-toggle="dropdown">
                                            <i class="far fa-ellipsis-h"></i>
                                        </button>

                                        <div class="dropdown">
                                            <ul class="dropdown-menu">
                                                <li><a class="dropdown-item"
                                                        href="{{ url("notifications/$notification->id/edit") }}">Editar</a></li>
                                                <li><a class="dropdown-item btn-remove-item" data-id="{{ $notification->id }}"
                                                        data-action="{{ url('notifications') }}" href="#">Excluir</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                </div>

                <div class="pagination-block">
                    {{ $notifications->appends(Request::except('page'))->links() }}

                    <div class="pagination-status">
                        {{ $notifications->count() * $notifications->currentPage() }} / {{ $notifications->total() }}
                    </div>
                </div>
            @else
                <div class="table-empty">
                    <div class='quote medium'>Nenhuma notificação cadastrada</div>
                    <div class="icon">
                        <i class="fal fa-clouds"></i>
                    </div>
                </div>
            @endif

        </div>

    </div>
@endsection