@extends('layouts.admin')

@section('title', 'Users')
@section('page-title', 'Users Management')

@section('content')

    <div class="admin-page-header">
        <div>
            <h2>Users Management</h2>
            <p>Manage registered NutriTrack users.</p>
        </div>
    </div>

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

    @if ($errors->any())
        <div class="admin-card">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="admin-card">
        <div class="admin-card-header">
            <div>
                <h3>Add User</h3>
                <p>Create a regular user account.</p>
            </div>
        </div>

        <form method="POST" action="{{ route('admin.users.store') }}">
            @csrf

            <div class="form-grid">
                <div class="form-group">
                    <label for="name">Full Name</label>
                    <input class="admin-input" id="name" name="name" value="{{ old('name') }}" required>
                </div>

                <div class="form-group">
                    <label for="email">Email</label>
                    <input class="admin-input" id="email" name="email" type="email" value="{{ old('email') }}" required>
                </div>

                <div class="form-group">
                    <label for="password">Temporary Password</label>
                    <input class="admin-input" id="password" name="password" type="password" minlength="8" required>
                </div>

                <div class="form-group">
                    <label for="password_confirmation">Confirm Password</label>
                    <input class="admin-input" id="password_confirmation" name="password_confirmation" type="password"
                        minlength="8" required>
                </div>

                <div class="form-group">
                    <label for="calorie_target">Daily Calorie Target</label>
                    <input class="admin-input" id="calorie_target" name="calorie_target" type="number" min="500" max="10000"
                        value="{{ old('calorie_target', 2000) }}" required>
                </div>
            </div>

            <button type="submit" class="admin-btn primary">Create User</button>
        </form>
    </div>

    <div class="admin-card">
        <form method="GET" action="{{ route('admin.users') }}" class="toolbar">
            <input type="search" class="admin-search" name="search" value="{{ $search ?? '' }}"
                placeholder="Search users...">

            <select class="admin-select" name="status">
                <option value="">All Statuses</option>
                <option value="active" @selected($status === 'active')>Active</option>
                <option value="inactive" @selected($status === 'inactive')>Inactive</option>
            </select>

            <button class="admin-btn primary" type="submit">Search</button>
            <a href="{{ route('admin.users') }}" class="action-btn">Clear</a>
        </form>

        <div class="table-wrapper">
            <table>
                <thead>
                    <tr>
                        <th>User</th>
                        <th>Email</th>
                        <th>Target</th>
                        <th>Meals</th>
                        <th>Status</th>
                        <th>Joined</th>
                        <th>Action</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse ($users as $user)
                        <tr>
                            <td>
                                <div class="table-user">
                                    <div class="table-avatar">
                                        {{ strtoupper(substr($user->name, 0, 2)) }}
                                    </div>
                                    <strong>{{ $user->name }}</strong>
                                </div>
                            </td>

                            <td>{{ $user->email }}</td>
                            <td>{{ number_format($user->calorie_target) }} kcal</td>
                            <td>{{ number_format($user->meal_entries_count) }}</td>
                            <td>
                                <span class="badge {{ $user->is_active ? 'active' : 'inactive' }}">
                                    {{ $user->is_active ? 'Active' : 'Inactive' }}
                                </span>
                            </td>
                            <td>{{ $user->created_at->format('M d, Y') }}</td>
                            <td>
                                <form method="POST" action="{{ route('admin.users.toggle-status', $user) }}">
                                    @csrf
                                    @method('PATCH')

                                    <button type="submit" class="action-btn">
                                        {{ $user->is_active ? 'Deactivate' : 'Activate' }}
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7">No users found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

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

@endsection