@extends('backend::layouts.app')

@section('content')
    <x-ui.breadcrumb title="Users">
        <span>Users</span>

        <x-slot:actions>
            <a class="dropdown-item" href="{{ route('backend.user.create') }}">Add user</a>
            <a class="dropdown-item" href="{{ route('backend.user.export',request()->all()) }}">Export users</a>
        </x-slot:actions>
    </x-ui.breadcrumb>

    @include('backend-user::inc.filter')

    <x-ui.table-card :items="$users">
        <div class="table-responsive">
            <table class="table table-sm mb-0">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Country</th>
                    <th>Profession</th>
                    <th>Created at</th>
                    <th>Status</th>
                    <th class="th-action">Actions</th>
                </tr>
                </thead>
                <tbody>
                @foreach($users as $user)
                    <tr>
                        <td>{{ $user->id }}</td>
                        <td>
                            <small class="badge" style="background: #95a0c5">{{$user->role}}</small> {{ $user->fname }} {{ $user->lname }}
                        </td>
                        <td>{{ $user->email }}</td>
                        <td>{{ ucfirst($user->country) }}</td>
                        <td>{{ $user->profession }}</td>
                        <td>{{ app_date($user->created_at) }}</td>
                        <td>
                            <livewire:backend.form-control.switch-button
                                    table="users.email_verified_at"
                                    valueon="{{ date('Y-m-d H:i:s') }}"
                                    valueoff="{{ null }}"
                                    unique="{{ $user->id }}"
                                    value="{{ !is_null($user->email_verified_at) }}"
                            />
                        </td>
                        <td class="td-action">
                            <x-ui.table-action>
                                <a class="dropdown-item" href="{{ route('backend.user.edit',['user' => $user]) }}">Edit</a>
                                <a class="dropdown-item" href="{{ route('backend.user.show',['user' => $user]) }}">Show</a>

                                @if (!$user->email_verified_at)
                                    <a class="dropdown-item" href="{{ route('backend.user.activate',['user' => $user]) }}">Activate</a>
                                @endif

                                <x-ui.delete-record name="{{ $user->email }}" action="{{ route('backend.user.destroy',['user' => $user]) }}"/>

                                <div class="dropdown-divider" ></div>

                                <a class="dropdown-item" href="{{ route('backend.user.change-password.edit',['user' => $user]) }}">Change password</a>
                                <a class="dropdown-item" href="{{ route('backend.developer-tool.login',['id' => $user->id]) }}">Sign in</a>
                            </x-ui.table-action>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

    </x-ui.table-card>
@endsection