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

@section('content')
    @include('partials._page-title', [
        'title' => 'Gerenciar Usuários',
        'desc' => 'Adicione, edite ou exclua usuários conforme necessário',
    ])

    <div class="panel-body">

        @include('partials._alert')

        <div class="table-area">

            <div class="filter-actions">

                @include('partials._filters', [
                    'hasStatus' => true,
                    'selectFirst' => isset($status),
                    'status' => $status,
                    'filterType' => 'active',
                    'title' => 'Status',
                    'list' => [
                        "active" => 'Ativo',
                        "inactive" => 'Inativo',
                        "all" => 'Todos'
                    ],
                    'triggerSubmit' => true
                ])
                <div class="btns">

                    <a href="{{ url('users/create') }}" class="btn btn-primary btn-full">Novo Usuário</a>

                </div>

            </div>

            <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="email">E-mail</th>
                            <th data-column="group_name">Grupo</th>
                            <th data-column="is_active">Está Ativo</th>
                            <th data-column="created_at">Data de Criação</th>
                            <th data-column="updated_at">Data de Atualização</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach ($users as $user)
                            <tr>
                                <td class='td-id'>{{ $user->id }}</td>
                                <td>{{ $user->name }}</td>
                                <td>{{ $user->email }}</td>
                                <td>{{ $user->group_name }}</td>
                                <td>{{ $user->is_active ? 'Sim' : 'Não' }}</td>
                                <td>{{ $user->created_at->format('d/m/Y H:i') }}</td>
                                <td>{{ $user->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("users/$user->id/edit") }}">Editar</a>
                                            </li>
                                            <li><a class="dropdown-item btn-remove-item" data-id="{{ $user->id }}"
                                                    data-action="{{ url('users') }}" href="#">Excluir</a></li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

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

                <div class="pagination-status">
                    {{ $users->count() * $users->currentPage() }} / {{ $users->total() }}
                </div>
            </div>

        </div>

    </div>
@endsection