@extends('admin.layout.app')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-4">
    <div>
        <h2 class="mb-1">Admin Dashboard</h2>
        <p class="text-muted mb-0">Live platform stats aur users management .</p>
    </div>
</div>

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

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

<div class="row g-4 mb-4">
    <div class="col-md-4 col-xl-3">
        <div class="dashboard-card d-flex align-items-center gap-3">
            <div class="dashboard-icon bg-blue">
                <i class="bi bi-buildings"></i>
            </div>
            <div>
                <h6 class="text-muted mb-1">Total Properties</h6>
                <h3 class="mb-0">{{ $stats['total_properties'] }}</h3>
            </div>
        </div>
    </div>

    <div class="col-md-4 col-xl-3">
        <div class="dashboard-card d-flex align-items-center gap-3">
            <div class="dashboard-icon bg-green">
                <i class="bi bi-people"></i>
            </div>
            <div>
                <h6 class="text-muted mb-1">Total Users</h6>
                <h3 class="mb-0">{{ $stats['total_users'] }}</h3>
            </div>
        </div>
    </div>

    <div class="col-md-4 col-xl-3">
        <div class="dashboard-card d-flex align-items-center gap-3">
            <div class="dashboard-icon" style="background:#f59e0b;">
                <i class="bi bi-calendar-week"></i>
            </div>
            <div>
                <h6 class="text-muted mb-1">Total Bookings</h6>
                <h3 class="mb-0">{{ $stats['total_bookings'] }}</h3>
            </div>
        </div>
    </div>

    <div class="col-md-4 col-xl-3">
        <div class="dashboard-card d-flex align-items-center gap-3">
            <div class="dashboard-icon" style="background:#ef4444;">
                <i class="bi bi-trash3"></i>
            </div>
            <div>
                <h6 class="text-muted mb-1">Deleted Users</h6>
                <h3 class="mb-0">{{ $stats['deleted_users'] }}</h3>
            </div>
        </div>
    </div>
</div>

<div class="card border-0 shadow-sm rounded-4">
    <div class="card-header bg-white border-0 pt-4 px-4">
        <div class="d-flex flex-wrap justify-content-between align-items-center gap-2">
            <div>
                <h4 class="mb-1">Users List</h4>
                <p class="text-muted mb-0">User role, password preview, properties count aur soft delete status.</p>
            </div>
            <div class="small text-muted">
                Active: {{ $stats['active_users'] }} |
                Customers: {{ $stats['customers'] }}
            </div>
        </div>
    </div>
    <div class="card-body px-4 pb-4">
        <div class="table-responsive">
            <table class="table align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Role</th>
                        {{-- <th>Show Password</th> --}}
                        {{-- <th>Properties</th> --}}
                        <th>Status</th>
                        <th class="text-end">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($users as $user)
                        <tr class="{{ $user->trashed() ? 'table-danger' : '' }}">
                            <td>{{ $loop->iteration }}</td>
                            <td>
                                <div class="fw-semibold">{{ $user->name }}</div>
                                <div class="small text-muted">{{ $user->mobile ?: 'No mobile' }}</div>
                            </td>
                            <td>{{ $user->email }}</td>
                            <td><span class="badge text-bg-light text-uppercase">{{ $user->role }}</span></td>
                            {{-- <td><code>{{ $user->showpass ?: 'N/A' }}</code></td>
                            <td>{{ $user->properties_count }}</td> --}}
                            <td>
                                @if($user->trashed())
                                    <span class="badge text-bg-danger">Soft Deleted</span>
                                @else
                                    <span class="badge text-bg-success">Active</span>
                                @endif
                            </td>
                            <td class="text-end">
                                @if($user->trashed())
                                    <form method="POST" action="{{ route('admin.users.restore', $user->id) }}" class="d-inline">
                                        @csrf
                                        <button class="btn btn-sm btn-outline-success">Restore</button>
                                    </form>
                                @else
                                    <form method="POST" action="{{ route('admin.users.destroy', $user->id) }}" class="d-inline">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-sm btn-outline-danger" onclick="return confirm('Soft delete this user?')">Soft Delete</button>
                                    </form>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center py-5 text-muted">No users found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection