import 'package:flutter/material.dart';
import 'package:csp2/common/widgets/custom_bottom_nav_bar.dart';

class JobsPage extends StatefulWidget {
  const JobsPage({super.key});

  @override
  State<JobsPage> createState() => _JobsPageState();
}

class _JobsPageState extends State<JobsPage> {
  int _selectedIndex = 3; // Assuming Jobs is the 4th item (index 3)
  String? _selectedDropdownValue; // 드롭다운 선택 값 저장 변수

  @override
  void initState() {
    super.initState();
    _selectedDropdownValue = 'Indonesia'; // 초기값 설정
  }

  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
    });
    // TODO: Add navigation logic here based on index
    // For now, we'll just print the index
    print('Tapped index: $index');
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(16.0), // 상단에 패딩 추가
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start, // 상단 정렬
          crossAxisAlignment: CrossAxisAlignment.start, // 왼쪽 정렬
          children: [
            DropdownButton<String>(
              value: _selectedDropdownValue,
              onChanged: (String? newValue) {
                setState(() {
                  _selectedDropdownValue = newValue;
                });
              },
              items: <String>['Indonesia', 'Hongkong', 'Singapore', 'South Korea',' Japan']
                .map<DropdownMenuItem<String>>((String value) {
                return DropdownMenuItem<String>(
                  value: value,
                  child: Text(value),
                );
              }).toList(),
            ),
            const SizedBox(height: 20),
            Text('Selected: $_selectedDropdownValue'),
          ],
        ),
      ),
    );
  }
}