@extends('admin.layouts.app')

@section('title', '| Users')
@section('users', 'active')

@section('search_url', route('admin.users'))
@section('search_text', app('request')->input('search'))

@section('show_search_bar', true)

@section('content')
@if(session('success'))
    <div class="alert alert-success" id="success-message">
        {{ session('success') }}
    </div>
@endif

@if(session('error'))
    <div class="alert alert-danger" id="error-message">
        {{ session('error') }}
    </div>
@endif

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const successMessage = document.getElementById('success-message');
        if (successMessage) {
            setTimeout(function() {
                successMessage.style.display = 'none';
            }, 3000);
        }

        const errorMessage = document.getElementById('error-message');
        if (errorMessage) {
            setTimeout(function() {
                errorMessage.style.display = 'none';
            }, 3000);
        }
    });
</script>


    <div class="iq-card">
        <div class="iq-card-header d-flex justify-content-between">
            <div class="iq-header-title">
                <h4 class="card-title">All Users</h4>
            </div>
        </div>
        <div class="iq-card-body">
            <div class="table-responsive">
                <table id="datatable" class="table">
                    <thead class="thead-light">
                        <tr>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Status</th>
                            <th>Joined At</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if ($users->count() < 1)
                            <tr>
                                <td colspan="4" class="text-center">No users found</td>
                            </tr>
                        @else
                            @foreach ($users as $user)
                                <tr>
                                    <td class="align-items-center d-flex text-capitalize">
                                        <div class="overflow-hidden rounded mr-2" style="min-width:50px; width: 50px; height: 50px">
                                        <img src="{{ $user->profile ? (strpos($user->profile, 'https://') === 0 || strpos($user->profile, 'http://') === 0 ? $user->profile : asset('upload/users/' . $user->profile)) : asset('assets/images/user/profile_placeholder.webp') }}" alt="User Profile" class="w-100 h-100" style="object-fit: cover;">
                                        </div>
                                        {{ $user->first_name }} {{ $user->last_name }}
                                    </td>
                                    <td>{{ $user->email }}</td>
                                    <td>
                                        @if ($user->email_verified_at)
                                            <span class="badge iq-bg-primary">Verified</span>
                                        @else
                                            <span class="badge iq-bg-danger">Not Verified</span>
                                        @endif
                                    </td>
                                    <td style="white-space: nowrap;">{{ \Carbon\Carbon::parse($user->created_at)->format('d F Y') }}</td>
                                    <td>
                                        <form method="POST" action="{{ route('admin.user.status', ['id' => $user->id]) }}" style="display: inline;">
                                            @csrf
                                            @method('PUT')
                                            <input type="hidden" value="{{ $user->user_status }}">
                                            <button type="submit" class="btn btn-{{ $user->user_status === 0 ? 'success' : 'warning' }}">
                                                {{ $user->user_status === 0 ? 'Activate' : 'Deactivate' }}
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
            @if (!$search)
                <div>
                    {{ $users->links() }}
                </div>
            @endif
        </div>
    </div>
@endsection