@extends('backend.layouts.main')


@section('content')
    <x-admin.page.view heading="Users">
        <x-admin.table.view>
            @php
                $columns = [
                    'S.NO',
                    'Name',
                    'Date',
                    'Email',
                    'Status',
                    'Action'
                ];
            @endphp
            <x-admin.table.head :columns="$columns"/>
            <tbody>
                @forelse($users as $index => $user)
                    <tr>
                        <td>{{ $index + $users->firstItem() }}</td>
                        <td><x-admin.table.user :name="$user->name" /></td>
                        <td>{{ $user->created_at->format('M d, Y') }}</td>
                        <td>{{ $user->email }}</td>
                        <td>
                            <div class="btn-group mr-1 mb-1">
                                <button type="button" class="btn btn-status active-status {{ (bool)$user->active ? '' : 'text-danger' }}" data-toggle="dropdown">
                                    {{ (bool)$user->active ? 'ACTIVE' : 'INACTIVE' }}
                                    <i class="fa fa-angle-down" aria-hidden="true"></i>
                                </button>
                                <div class="dropdown-menu status-dd">
                                    <a class="dropdown-item has-confirmation" data-src="{{ route('admin.user.toggle.active', $user->id) }}" data-message="Are you sure you want to {{(bool)$user->active ? 'deactivate' : 'activate'}} user?">>
                                        @if((bool)$user->active)
                                            <span class="inactive-status text-danger">DE-ACTIVATE</span>
                                        @else
                                            <span class="active-status">ACTIVATE</span>
                                        @endif
                                    </a>
                                </div>
                            </div>
                        </td>
                        <td>
                            @php
                                /** @var $user  **/
                                $menus = [
                                    [
                                        'to' => route('admin.users.show', $user->id),
                                        'fa-icon' => 'fa fa-eye',
                                        'title' => 'View'
                                    ],
                                    [
                                        'to' => route('admin.users.edit', $user->id),
                                        'fa-icon' => 'fa fa-edit',
                                        'title' => 'edit'
                                    ]
                                ];
                            @endphp
                            <x-admin.table.menu.kebab :menus="$menus" />
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6">Users not found</td>
                    </tr>
                @endforelse
            </tbody>
        </x-admin.table.view>
        @include('backend.shared.pagination', ['paginator' => $users])
    </x-admin.page.view>
@endsection