# pubspec.yaml
dependencies:
  http: ^1.2.0

// สำหรับ Android Emulator ใช้ 10.0.2.2 แทน localhost
// สำหรับ iOS Simulator ใช้ localhost ได้เลย
// สำหรับเครื่องจริง ต้องใช้ IP Address ของคอม (เช่น 192.168.1.50) หรือ Deploy ขึ้น Cloud

const kApiBase = "https://QUOM-backendnpm.onrender.com"; 
// const kApiBase = "http://localhost:4010"; // สำหรับ Dev

class Note {
  final String id;
  final String title;
  final String quote;
  final List<String> tags;

  Note({
    required this.id,
    required this.title,
    required this.quote,
    required this.tags,
  });

  // Factory Constructor: แปลง JSON Map -> Note Object
  factory Note.fromJson(Map<String, dynamic> json) {
    return Note(
      id: json['_id'] ?? '', // ถ้าไม่มีให้เป็น string ว่าง
      title: json['title'] ?? 'No Title',
      quote: json['quote']?['text'] ?? '', // เข้าถึง object ซ้อน object
      // แปลง List<dynamic> เป็น List<String>
      tags: List<String>.from(json['tags'] ?? []),
    );
  }
}

import 'dart:convert'; // สำหรับ jsonDecode, jsonEncode
import 'package:http/http.dart' as http;
import '../models/note.dart';
import 'api_config.dart';
import 'session.dart'; // import Session เพื่อเอา Token

class NotesApi {

// ส่ง Request ไป
final response = await http.get(uri, headers: _headers());

// ตรวจสอบว่า Server ตอบกลับมาว่า OK ไหม (200 = OK)
if (response.statusCode != 200) {
  throw Exception("ไม่สามารถดึงข้อมูลได้: ${response.statusCode}");
}

// แปลง String ("{...}") เป็น Map
final data = jsonDecode(response.body) as Map<String, dynamic>;
// ดึง array "notes" ออกมา
final notesList = data['notes'] as List<dynamic>;

// วนลูปแปลง JSON แต่ละก้อน เป็น Note Object
return notesList.map((e) => Note.fromJson(e)).toList();

final response = await http.post(
  uri,
  headers: _headers(),
  // แปลง Object เป็น JSON String ส่งไป
  body: jsonEncode({
    "title": title,
    "tags": tags,
    "language": "auto"
  }),
);

if (response.statusCode != 200) {
   throw Exception("บันทึกไม่สำเร็จ");
}

### 5. การนำมาใช้หน้า UI (Loading State)

ไฟล์: `mobile/lib/screens/home_screen.dart`

หน้าจอเรามี 3 สถานะหลัก:
1.  **Loading:** กำลังหมุนๆ รอข้อมูล
2.  **Success:** ได้ข้อมูลมาโชว์
3.  **Error:** เกิดข้อผิดพลาด (เน็ตหลุด, Server ล่ม)

```dart
class _HomeScreenState extends State<HomeScreen> {
  // ตัวแปร State
  List<Note> _notes = [];
  bool _isLoading = true; // เริ่มต้นด้วยการโหลด
  String? _errorMessage;

  @override
  void initState() {
    super.initState();
    _fetchData(); // เรียกข้อมูลทันทีที่เปิดหน้า
  }

  Future<void> _fetchData() async {
    try {
      final notes = await NotesApi.list();
      setState(() {
        _notes = notes;
        _isLoading = false; // โหลดเสร็จแล้ว
      });
    } catch (e) {
      // ถ้ามี Error (เช่น เน็ตหลุด)
      setState(() {
        _errorMessage = "เกิดข้อผิดพลาด: $e";
        _isLoading = false;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    // 1. ถ้ากำลังโหลด แสดงวงกลมหมุนๆ
    if (_isLoading) {
      return Center(child: CircularProgressIndicator());
    }

    // 2. ถ้ามี Error แสดงปุ่มให้กด Retry
    if (_errorMessage != null) {
      return Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(Icons.error_outline, size: 48, color: Colors.red),
            Text(_errorMessage!),
            ElevatedButton(
              onPressed: _fetchData, // กดเพื่อลองใหม่
              child: Text("ลองใหม่"),
            )
          ],
        ),
      );
    }

    // 3. ถ้าสำเร็จ แสดงรายการ
    return ListView.builder(
      itemCount: _notes.length,
      itemBuilder: (context, index) {
        final note = _notes[index];
        return ListTile(
          title: Text(note.title),
          subtitle: Text(note.quote),
        );
      },
    );
  }
}