@extends('layouts.app')

@section('title', 'Create User - Admin Panel')

@section('content')
<div class="container-fluid py-4">
    <div class="row">
        <!-- Sidebar -->
        <div class="col-lg-3 mb-4">
            @include('admin.partials.sidebar')
        </div>
        
        <!-- Main Content -->
        <div class="col-lg-9">
            <div class="admin-content p-4">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h2 class="fw-bold">{{ __('Create User') }}</h2>
                    <a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-arrow-left me-2"></i>{{ __('Back to Users') }}
                    </a>
                </div>
                
                <div class="card card-game">
                    <div class="card-body">
                        <form method="POST" action="{{ route('admin.users.store') }}">
                            @csrf
                            
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="name" class="form-label">{{ __('Full Name') }} *</label>
                                    <input type="text" class="form-control @error('name') is-invalid @enderror" 
                                           id="name" name="name" value="{{ old('name') }}" required>
                                    @error('name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label for="email" class="form-label">{{ __('Email Address') }} *</label>
                                    <input type="email" class="form-control @error('email') is-invalid @enderror" 
                                           id="email" name="email" value="{{ old('email') }}" required>
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="password" class="form-label">{{ __('Password') }} *</label>
                                    <input type="password" class="form-control @error('password') is-invalid @enderror" 
                                           id="password" name="password" required>
                                    @error('password')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label for="password_confirmation" class="form-label">{{ __('Confirm Password') }} *</label>
                                    <input type="password" class="form-control" 
                                           id="password_confirmation" name="password_confirmation" required>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="role" class="form-label">{{ __('Role') }} *</label>
                                    <select class="form-select @error('role') is-invalid @enderror" 
                                            id="role" name="role" required>
                                        <option value="">{{ __('Select Role') }}</option>
                                        <option value="student" {{ old('role') == 'student' ? 'selected' : '' }}>{{ __('Student') }}</option>
                                        <option value="admin" {{ old('role') == 'admin' ? 'selected' : '' }}>{{ __('Admin') }}</option>
                                    </select>
                                    @error('role')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label for="class_levels" class="form-label">{{ __('Class Levels') }}</label>
                                    <select class="form-select @error('class_levels') is-invalid @enderror" 
                                            id="class_levels" name="class_levels[]" multiple size="5">
                                        <option value="Grade 1" {{ in_array('Grade 1', old('class_levels', [])) ? 'selected' : '' }}>{{ __('Grade 1') }}</option>
                                        <option value="Grade 2" {{ in_array('Grade 2', old('class_levels', [])) ? 'selected' : '' }}>{{ __('Grade 2') }}</option>
                                        <option value="Grade 3" {{ in_array('Grade 3', old('class_levels', [])) ? 'selected' : '' }}>{{ __('Grade 3') }}</option>
                                        <option value="Grade 4" {{ in_array('Grade 4', old('class_levels', [])) ? 'selected' : '' }}>{{ __('Grade 4') }}</option>
                                        <option value="Grade 5" {{ in_array('Grade 5', old('class_levels', [])) ? 'selected' : '' }}>{{ __('Grade 5') }}</option>
                                        <option value="Grade 6" {{ in_array('Grade 6', old('class_levels', [])) ? 'selected' : '' }}>{{ __('Grade 6') }}</option>
                                        <option value="Grade 7" {{ in_array('Grade 7', old('class_levels', [])) ? 'selected' : '' }}>{{ __('Grade 7') }}</option>
                                        <option value="Grade 8" {{ in_array('Grade 8', old('class_levels', [])) ? 'selected' : '' }}>{{ __('Grade 8') }}</option>
                                        <option value="Grade 9" {{ in_array('Grade 9', old('class_levels', [])) ? 'selected' : '' }}>{{ __('Grade 9') }}</option>
                                        <option value="Grade 10" {{ in_array('Grade 10', old('class_levels', [])) ? 'selected' : '' }}>{{ __('Grade 10') }}</option>
                                    </select>
                                    <div class="form-text">{{ __('Hold Ctrl/Cmd to select multiple class levels. Leave empty for admin users.') }}</div>
                                    @error('class_levels')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="mb-3" id="categories-section">
                                <label for="categories" class="form-label">{{ __('Assign Categories') }}</label>
                                <div class="row">
                                    @foreach($categories as $category)
                                    <div class="col-md-4 mb-2">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" 
                                                   id="category_{{ $category->id }}" 
                                                   name="categories[]" 
                                                   value="{{ $category->id }}"
                                                   {{ in_array($category->id, old('categories', [])) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="category_{{ $category->id }}">
                                                <span class="badge me-2" style="background-color: {{ $category->color ?? '#6c757d' }};">
                                                    {{ $category->name }}
                                                </span>
                                            </label>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                                <div class="form-text">{{ __('Select categories that this user can access. Students will only see games from assigned categories.') }}</div>
                                @error('categories')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="date_of_birth" class="form-label">{{ __('Date of Birth') }}</label>
                                    <input type="date" class="form-control @error('date_of_birth') is-invalid @enderror" 
                                           id="date_of_birth" name="date_of_birth" value="{{ old('date_of_birth') }}">
                                    @error('date_of_birth')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label for="phone" class="form-label">{{ __('Phone Number') }}</label>
                                    <input type="text" class="form-control @error('phone') is-invalid @enderror" 
                                           id="phone" name="phone" value="{{ old('phone') }}">
                                    @error('phone')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="mb-3">
                                <label for="address" class="form-label">{{ __('Address') }}</label>
                                <textarea class="form-control @error('address') is-invalid @enderror" 
                                          id="address" name="address" rows="3">{{ old('address') }}</textarea>
                                @error('address')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="expires_at" class="form-label">{{ trans('messages.Account Expires At') }}</label>
                                    <input type="datetime-local" class="form-control @error('expires_at') is-invalid @enderror" 
                                           id="expires_at" name="expires_at" value="{{ old('expires_at') }}">
                                    <div class="form-text">{{ trans('messages.Leave empty for no expiration. User will be automatically logged out and deactivated when expired.') }}</div>
                                    @error('expires_at')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <div class="form-check mt-4">
                                        <input class="form-check-input" type="checkbox" id="is_active" name="is_active" 
                                               {{ old('is_active', true) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="is_active">
                                            {{ trans('messages.Active') }}
                                        </label>
                                        <div class="form-text">{{ trans('messages.Inactive users cannot login') }}</div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="d-flex justify-content-end gap-2">
                                <a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary">
                                    {{ __('Cancel') }}
                                </a>
                                <button type="submit" class="btn btn-game">
                                    <i class="fas fa-save me-2"></i>{{ __('Create User') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@push('styles')
<style>
    .admin-sidebar {
        background: rgba(255,255,255,0.95);
        backdrop-filter: blur(10px);
        min-height: calc(100vh - 80px);
        border-radius: 15px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    
    .admin-content {
        background: rgba(255,255,255,0.95);
        backdrop-filter: blur(10px);
        border-radius: 15px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
</style>
@endpush
@endsection