ส่วน A: ระบบล็อกอิน       → สมัคร/เข้า/ออก + ประตูอัตโนมัติ
ส่วน B: ข้อมูลขึ้น Cloud   → Firestore CRUD ผูกกับผู้ใช้ (StreamBuilder)
ส่วน C: ความปลอดภัย       → Security Rules

npm install -g firebase-tools
firebase login
dart pub global activate flutterfire_cli

flutterfire configure

flutter pub add firebase_core cloud_firestore firebase_auth

import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform);
  runApp(const MyApp());
}

lib/
├── main.dart              ← แก้นิดเดียว: ให้ home ชี้ไป AuthGate 
├── firebase_options.dart  ← มีแล้ว (จาก flutterfire configure)
│
├── login_page.dart        ← สร้างใหม่: หน้าล็อกอิน/สมัคร 
├── firestore_service.dart ← สร้างใหม่: คำสั่ง CRUD บน cloud 
└── firestore_diary.dart   ← สร้างใหม่: หน้าบันทึก cloud + ฟอร์ม 

import 'package:flutter/material.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'main.dart';    

// ── "ยาม" หน้าประตู: เช็คสถานะล็อกอินแล้วพาไปหน้าที่ถูก ──
class AuthGate extends StatelessWidget {
  const AuthGate({super.key});
  @override
  Widget build(BuildContext context) {
    return StreamBuilder<User?>(
      stream: FirebaseAuth.instance.authStateChanges(), // ฟังสถานะล็อกอินแบบเรียลไทม์
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Scaffold(body: Center(child: CircularProgressIndicator()));
        }
        if (snapshot.hasData) {
          return const MainPage();   // ล็อกอินอยู่ → หน้าหลักที่มีแท็บ 
        }
        return const LoginPage();    // ถ้ายังไม่ล็อกอิน → หน้า login 
      },
    );
  }
}

class LoginPage extends StatefulWidget {
  const LoginPage({super.key});
  @override
  State<LoginPage> createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  final _emailController = TextEditingController();
  final _passwordController = TextEditingController();
  final _auth = FirebaseAuth.instance;
  bool _isLogin = true;    // true = เข้าสู่ระบบ / false = สมัคร
  String _error = '';

  @override
  void dispose() {
    _emailController.dispose();
    _passwordController.dispose();
    super.dispose();
  }

  Future<void> _submit() async {
    setState(() => _error = '');
    try {
      if (_isLogin) {
        await _auth.signInWithEmailAndPassword(
          email: _emailController.text.trim(),
          password: _passwordController.text.trim(),
        );
      } else {
        await _auth.createUserWithEmailAndPassword(
          email: _emailController.text.trim(),
          password: _passwordController.text.trim(),
        );
      }
      // สำเร็จ AuthGate พาไปหน้าบันทึกเอง 
    } on FirebaseAuthException catch (e) {
      setState(() {
        if (e.code == 'weak-password') {
          _error = 'รหัสผ่านสั้นเกินไป (ต้อง ≥ 6 ตัว)';
        } else if (e.code == 'email-already-in-use') {
          _error = 'อีเมลนี้มีคนใช้แล้ว';
        } else if (e.code == 'invalid-email') {
          _error = 'รูปแบบอีเมลไม่ถูกต้อง';
        } else {
          _error = 'อีเมลหรือรหัสผ่านไม่ถูกต้อง';
        }
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(_isLogin ? 'เข้าสู่ระบบ' : 'สมัครสมาชิก')),
      body: Padding(
        padding: const EdgeInsets.all(24),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Icon(Icons.book, size: 80, color: Colors.indigo),
            const SizedBox(height: 24),
            TextField(
              controller: _emailController,
              keyboardType: TextInputType.emailAddress,
              decoration: const InputDecoration(
                  labelText: 'อีเมล', border: OutlineInputBorder(),
                  prefixIcon: Icon(Icons.email)),
            ),
            const SizedBox(height: 12),
            TextField(
              controller: _passwordController,
              obscureText: true,       // ซ่อนรหัสผ่าน
              decoration: const InputDecoration(
                  labelText: 'รหัสผ่าน', border: OutlineInputBorder(),
                  prefixIcon: Icon(Icons.lock)),
            ),
            if (_error.isNotEmpty)
              Padding(
                padding: const EdgeInsets.only(top: 12),
                child: Text(_error, style: const TextStyle(color: Colors.red)),
              ),
            const SizedBox(height: 20),
            SizedBox(
              width: double.infinity,
              child: ElevatedButton(
                onPressed: _submit,
                child: Text(_isLogin ? 'เข้าสู่ระบบ' : 'สมัครสมาชิก'),
              ),
            ),
            TextButton(
              onPressed: () => setState(() => _isLogin = !_isLogin),
              child: Text(_isLogin ? 'ยังไม่มีบัญชี? สมัครเลย' : 'มีบัญชีแล้ว? เข้าสู่ระบบ'),
            ),
          ],
        ),
      ),
    );
  }
}

return MaterialApp(
  title: 'MyDiary',
  theme: ThemeData(colorSchemeSeed: Colors.indigo),
  home: const MainPage(),        // ของเดิม
);

return MaterialApp(
  title: 'MyDiary',
  theme: ThemeData(colorSchemeSeed: Colors.indigo),
  home: const AuthGate(),        // เปลี่ยนเป็น AuthGate (ยาม)
);

import 'login_page.dart';        // ไฟล์ที่มี AuthGate

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_auth/firebase_auth.dart';

class FirestoreService {
  static final _diaries = FirebaseFirestore.instance.collection('diaries');
  static String get _uid => FirebaseAuth.instance.currentUser!.uid;

  // CREATE (เทียบ SQLite: db.insert)
  static Future<void> add(String title, String content, String date) async {
    await _diaries.add({
      'title': title,
      'content': content,
      'date': date,
      'userId': _uid,        // ผูกกับเจ้าของ
      'createdAt': FieldValue.serverTimestamp(),
    });
  }

  // READ (เทียบ SQLite: db.query) — เฉพาะของฉัน, เรียลไทม์
  static Stream<QuerySnapshot> getMyDiaries() {
    return _diaries
        .where('userId', isEqualTo: _uid)        // กรองเฉพาะของฉัน
        .snapshots();                            // Stream = เรียลไทม์
  }

  // UPDATE (เทียบ SQLite: db.update)
  static Future<void> update(String docId, String title, String content) async {
    await _diaries.doc(docId).update({'title': title, 'content': content});
  }

  // DELETE (เทียบ SQLite: db.delete)
  static Future<void> delete(String docId) async {
    await _diaries.doc(docId).delete();
  }
}

import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'firestore_service.dart';

class FirestoreDiaryPage extends StatelessWidget {
  const FirestoreDiaryPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('บันทึก Cloud (Firestore)'),
        actions: [
          IconButton(
            icon: const Icon(Icons.logout),
            onPressed: () => FirebaseAuth.instance.signOut(),   // ออกจากระบบ
          ),
        ],
      ),
      body: StreamBuilder<QuerySnapshot>(
        stream: FirestoreService.getMyDiaries(),
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            return const Center(child: CircularProgressIndicator());
          }
          if (snapshot.hasError) {
            return Center(child: Text('ผิดพลาด: ${snapshot.error}'));
          }
          final docs = snapshot.data!.docs;
          if (docs.isEmpty) {
            return const Center(child: Text('ยังไม่มีบันทึก กดปุ่ม +'));
          }
          return ListView.builder(
            itemCount: docs.length,
            itemBuilder: (context, i) {
              final data = docs[i].data() as Map<String, dynamic>;
              final docId = docs[i].id;      // id ของ document (String)
              return Card(
                margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
                child: ListTile(
                  title: Text(data['title'] ?? ''),
                  subtitle: Text('${data['date'] ?? ''} • ${data['content'] ?? ''}',
                      maxLines: 1, overflow: TextOverflow.ellipsis),
                  trailing: IconButton(
                    icon: const Icon(Icons.delete, color: Colors.red),
                    onPressed: () => FirestoreService.delete(docId),
                  ),
                ),
              );
            },
          );
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () async {
          final result = await Navigator.push(context,
              MaterialPageRoute(builder: (_) => const FirestoreFormPage()));
          if (result is Map) {
            await FirestoreService.add(
                result['title'], result['content'], result['date']);
            // ไม่ต้อง reload! StreamBuilder อัปเดตเอง
          }
        },
        child: const Icon(Icons.add),
      ),
    );
  }
}

final List<Widget> _pages = [
  const DiaryListPage(),      // แท็บ SQLite + คำคม (ของเดิม)
  const ApiDiaryPage(),       // แท็บ REST API (สัปดาห์ 4)
  const FirestoreDiaryPage(), // แท็บ Cloud (สัปดาห์นี้)
  const AboutPage(),
];

bottomNavigationBar: BottomNavigationBar(
  currentIndex: _selectedIndex,
  type: BottomNavigationBarType.fixed,   // ต้องมีเมื่อ 4 แท็บขึ้นไป (ไม่งั้นแท็บซ่อน)
  onTap: (index) => setState(() => _selectedIndex = index),
  items: const [
    BottomNavigationBarItem(icon: Icon(Icons.book), label: 'บันทึก'),
    BottomNavigationBarItem(icon: Icon(Icons.cloud_queue), label: 'ออนไลน์'),
    BottomNavigationBarItem(icon: Icon(Icons.cloud), label: 'Cloud'),   // เพิ่ม
    BottomNavigationBarItem(icon: Icon(Icons.info), label: 'เกี่ยวกับ'),
  ],
),

class FirestoreFormPage extends StatefulWidget {
  const FirestoreFormPage({super.key});
  @override
  State<FirestoreFormPage> createState() => _FirestoreFormPageState();
}

class _FirestoreFormPageState extends State<FirestoreFormPage> {
  final _formKey = GlobalKey<FormState>();
  final _titleController = TextEditingController();
  final _contentController = TextEditingController();
  DateTime _selectedDate = DateTime.now();

  @override
  void dispose() {
    _titleController.dispose();
    _contentController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('เพิ่มบันทึก (Cloud)')),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Form(
          key: _formKey,
          child: Column(
            children: [
              TextFormField(
                controller: _titleController,
                decoration: const InputDecoration(
                    labelText: 'ชื่อเรื่อง', border: OutlineInputBorder()),
                validator: (v) => (v == null || v.trim().isEmpty) ? 'กรอกชื่อเรื่อง' : null,
              ),
              const SizedBox(height: 16),
              TextFormField(
                controller: _contentController,
                maxLines: 4,
                decoration: const InputDecoration(
                    labelText: 'เนื้อหา', border: OutlineInputBorder()),
                validator: (v) => (v == null || v.trim().isEmpty) ? 'กรอกเนื้อหา' : null,
              ),
              const SizedBox(height: 16),
              ListTile(
                leading: const Icon(Icons.calendar_today),
                title: Text('วันที่: ${_selectedDate.toString().substring(0, 10)}'),
                trailing: const Icon(Icons.edit),
                onTap: () async {
                  final picked = await showDatePicker(
                    context: context,
                    initialDate: _selectedDate,
                    firstDate: DateTime(2020),
                    lastDate: DateTime(2030),
                  );
                  if (picked != null) setState(() => _selectedDate = picked);
                },
              ),
              const SizedBox(height: 24),
              SizedBox(
                width: double.infinity,
                child: ElevatedButton(
                  onPressed: () {
                    if (_formKey.currentState!.validate()) {
                      Navigator.pop(context, {
                        'title': _titleController.text.trim(),
                        'content': _contentController.text.trim(),
                        'date': _selectedDate.toString().substring(0, 10),
                      });
                    }
                  },
                  child: const Text('เพิ่ม'),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /diaries/{diaryId} {
      // อ่าน/แก้/ลบได้เฉพาะเจ้าของ
      allow read, update, delete: if request.auth != null
                                  && request.auth.uid == resource.data.userId;
      // สร้างใหม่: ต้องล็อกอิน + userId ต้องเป็นของตัวเอง
      allow create: if request.auth != null
                    && request.auth.uid == request.resource.data.userId;
    }
  }
}