@extends('admin.layouts.app')

@section('title', 'Users')
@section('page_title', 'Users')

@section('content')

<div class="page-heading">
    <div>
        <h2>Manage users</h2>
        <p>Search, review, block or remove marketplace users.</p>
    </div>
</div>

<div class="filters-card">
    <form method="GET" action="{{ route('admin.users.index') }}" class="filters-form"
          style="grid-template-columns:minmax(220px,1fr) minmax(170px,.35fr) auto">
        <div class="form-field">
            <label for="search">Search</label>
            <input
                id="search"
                name="search"
                class="form-control"
                value="{{ request('search') }}"
                placeholder="Name or email"
            >
        </div>

        <div class="form-field">
            <label for="status">Status</label>
            <select id="status" name="status" class="form-control">
                <option value="">All users</option>
                <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Active</option>
                <option value="blocked" {{ request('status') === 'blocked' ? 'selected' : '' }}>Blocked</option>
            </select>
        </div>

        <button type="submit" class="button button-primary">Filter</button>
    </form>
</div>

<section class="panel-card">
    <div class="table-wrapper">
        <table class="admin-table">
            <thead>
            <tr>
                <th>User</th>
                <th>Products</th>
                <th>Status</th>
                <th>Joined</th>
                <th>Actions</th>
            </tr>
            </thead>

            <tbody>
            @forelse($users as $user)
                <tr>
                    <td>
                        <div style="display:flex;align-items:center;gap:11px">
                            <div class="avatar">
                                {{ strtoupper(substr($user->name ?: 'U', 0, 1)) }}
                            </div>
                            <div>
                                <strong>{{ $user->name }}</strong>
                                <div style="color:#64748b;font-size:11px">{{ $user->email }}</div>
                            </div>
                        </div>
                    </td>

                    <td>{{ $user->products_count }}</td>

                    <td>
                        <span class="badge {{ $user->is_blocked ? 'badge-danger' : 'badge-success' }}">
                            {{ $user->is_blocked ? 'Blocked' : 'Active' }}
                        </span>
                    </td>

                    <td>{{ optional($user->created_at)->format('M d, Y') }}</td>

                    <td>
                        <div class="action-row">
                            <a href="{{ route('admin.users.show', $user) }}"
                               class="button button-secondary">
                                View
                            </a>

                            <form method="POST" action="{{ route('admin.users.toggle-block', $user) }}">
                                @csrf
                                @method('PATCH')

                                <button type="submit"
                                        class="button {{ $user->is_blocked ? 'button-primary' : 'button-warning' }}">
                                    {{ $user->is_blocked ? 'Unblock' : 'Block' }}
                                </button>
                            </form>

                            <form method="POST"
                                  action="{{ route('admin.users.destroy', $user) }}"
                                  onsubmit="return confirmDelete('Delete this user permanently?')">
                                @csrf
                                @method('DELETE')

                                <button type="submit" class="button button-danger">Delete</button>
                            </form>
                        </div>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="5" class="empty-state">No users found.</td>
                </tr>
            @endforelse
            </tbody>
        </table>
    </div>

    <div class="pagination-wrap">
        {{ $users->links() }}
    </div>
</section>

@endsection