import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';

import '../../../../common/theme/theme.dart';

@RoutePage()
class AddressPage extends StatefulWidget {
  const AddressPage({super.key});

  @override
  State<AddressPage> createState() => _AddressPageState();
}

class _AddressPageState extends State<AddressPage> {
  // Sample saved addresses - replace with your actual data source
  final List<Map<String, dynamic>> savedAddresses = [
    {
      'id': '1',
      'label': 'Rumah',
      'name': 'John Doe',
      'phone': '081234567890',
      'fullAddress': 'Jl. Merdeka No. 123, RT 01/RW 02, Menteng',
      'city': 'Jakarta Pusat',
      'province': 'DKI Jakarta',
      'postalCode': '10110',
      'isDefault': true,
    },
    {
      'id': '2',
      'label': 'Kantor',
      'name': 'John Doe',
      'phone': '081234567890',
      'fullAddress': 'Jl. Sudirman No. 456, Lantai 10, SCBD',
      'city': 'Jakarta Selatan',
      'province': 'DKI Jakarta',
      'postalCode': '12190',
      'isDefault': false,
    },
    {
      'id': '3',
      'label': 'Apartemen',
      'name': 'Jane Doe',
      'phone': '087654321098',
      'fullAddress': 'Jl. Casablanca Raya No. 789, Tower A Unit 15B',
      'city': 'Jakarta Selatan',
      'province': 'DKI Jakarta',
      'postalCode': '12870',
      'isDefault': false,
    },
  ];

  void _setDefaultAddress(String addressId) {
    setState(() {
      for (var address in savedAddresses) {
        address['isDefault'] = address['id'] == addressId;
      }
    });

    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Text(
          'Alamat utama berhasil diubah',
          style: AppStyle.md.copyWith(color: AppColor.white),
        ),
        backgroundColor: AppColor.success,
        behavior: SnackBarBehavior.floating,
      ),
    );
  }

  void _deleteAddress(String addressId) {
    setState(() {
      savedAddresses.removeWhere((address) => address['id'] == addressId);
    });

    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Text(
          'Alamat berhasil dihapus',
          style: AppStyle.md.copyWith(color: AppColor.white),
        ),
        backgroundColor: AppColor.success,
        behavior: SnackBarBehavior.floating,
      ),
    );
  }

  void _showDeleteDialog(String addressId, String label) {
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          backgroundColor: AppColor.white,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(12),
          ),
          title: Text(
            'Hapus Alamat',
            style: AppStyle.lg.copyWith(
              fontWeight: FontWeight.w600,
              color: AppColor.textPrimary,
            ),
          ),
          content: Text(
            'Apakah Anda yakin ingin menghapus alamat "$label"?',
            style: AppStyle.md.copyWith(color: AppColor.textSecondary),
          ),
          actions: [
            TextButton(
              onPressed: () => Navigator.pop(context),
              child: Text(
                'Batal',
                style: AppStyle.md.copyWith(color: AppColor.textSecondary),
              ),
            ),
            ElevatedButton(
              onPressed: () {
                Navigator.pop(context);
                _deleteAddress(addressId);
              },
              style: ElevatedButton.styleFrom(
                backgroundColor: AppColor.error,
                elevation: 0,
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(6),
                ),
              ),
              child: Text(
                'Hapus',
                style: AppStyle.md.copyWith(
                  color: AppColor.white,
                  fontWeight: FontWeight.w600,
                ),
              ),
            ),
          ],
        );
      },
    );
  }

  Widget _buildAddressCard(Map<String, dynamic> address) {
    return Container(
      decoration: BoxDecoration(
        color: AppColor.white,
        border: Border(bottom: BorderSide(color: AppColor.border, width: 1)),
      ),
      child: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              children: [
                Container(
                  padding: const EdgeInsets.symmetric(
                    horizontal: 8,
                    vertical: 4,
                  ),
                  decoration: BoxDecoration(
                    color: AppColor.background,
                    borderRadius: BorderRadius.circular(4),
                    border: Border.all(color: AppColor.border),
                  ),
                  child: Text(
                    address['label'],
                    style: AppStyle.xs.copyWith(
                      color: AppColor.textPrimary,
                      fontWeight: FontWeight.w500,
                    ),
                  ),
                ),
                if (address['isDefault']) ...[
                  const SizedBox(width: 8),
                  Container(
                    padding: const EdgeInsets.symmetric(
                      horizontal: 8,
                      vertical: 4,
                    ),
                    decoration: BoxDecoration(
                      color: AppColor.primary,
                      borderRadius: BorderRadius.circular(4),
                    ),
                    child: Text(
                      'Utama',
                      style: AppStyle.xs.copyWith(
                        color: AppColor.white,
                        fontWeight: FontWeight.w500,
                      ),
                    ),
                  ),
                ],
                const Spacer(),
                PopupMenuButton<String>(
                  color: AppColor.white,

                  icon: const Icon(
                    Icons.more_vert,
                    color: AppColor.textSecondary,
                    size: 20,
                  ),
                  onSelected: (value) {
                    switch (value) {
                      case 'edit':
                        // Navigate to edit form
                        break;
                      case 'default':
                        _setDefaultAddress(address['id']);
                        break;
                      case 'delete':
                        _showDeleteDialog(address['id'], address['label']);
                        break;
                    }
                  },
                  itemBuilder: (context) => [
                    PopupMenuItem(
                      value: 'edit',
                      child: Text(
                        'Edit Alamat',
                        style: AppStyle.sm.copyWith(
                          color: AppColor.textPrimary,
                        ),
                      ),
                    ),
                    if (!address['isDefault'])
                      PopupMenuItem(
                        value: 'default',
                        child: Text(
                          'Jadikan Utama',
                          style: AppStyle.sm.copyWith(
                            color: AppColor.textPrimary,
                          ),
                        ),
                      ),
                    PopupMenuItem(
                      value: 'delete',
                      child: Text(
                        'Hapus Alamat',
                        style: AppStyle.sm.copyWith(color: AppColor.error),
                      ),
                    ),
                  ],
                ),
              ],
            ),
            const SizedBox(height: 12),
            Text(
              address['name'],
              style: AppStyle.md.copyWith(
                fontWeight: FontWeight.w600,
                color: AppColor.textPrimary,
              ),
            ),
            const SizedBox(height: 4),
            Text(
              address['phone'],
              style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
            ),
            const SizedBox(height: 8),
            Text(
              address['fullAddress'],
              style: AppStyle.sm.copyWith(
                color: AppColor.textSecondary,
                height: 1.4,
              ),
            ),
            const SizedBox(height: 4),
            Text(
              '${address['city']}, ${address['province']} ${address['postalCode']}',
              style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
            ),
          ],
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColor.background,
      appBar: AppBar(title: Text('Alamat Tersimpan')),
      body: savedAddresses.isEmpty
          ? _buildEmptyState()
          : Column(
              children: [
                Expanded(
                  child: ListView.builder(
                    itemCount: savedAddresses.length,
                    itemBuilder: (context, index) {
                      return _buildAddressCard(savedAddresses[index]);
                    },
                  ),
                ),
                Container(
                  padding: const EdgeInsets.all(20),
                  decoration: const BoxDecoration(
                    color: AppColor.white,
                    border: Border(top: BorderSide(color: AppColor.border)),
                  ),
                  child: SafeArea(
                    child: SizedBox(
                      width: double.infinity,
                      height: 48,
                      child: ElevatedButton(
                        onPressed: () {
                          // Navigate to add new address form
                        },
                        style: ElevatedButton.styleFrom(
                          backgroundColor: AppColor.primary,
                          elevation: 0,
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(8),
                          ),
                        ),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            const Icon(
                              Icons.add,
                              color: AppColor.white,
                              size: 20,
                            ),
                            const SizedBox(width: 8),
                            Text(
                              'Tambah Alamat Baru',
                              style: AppStyle.md.copyWith(
                                color: AppColor.white,
                                fontWeight: FontWeight.w600,
                              ),
                            ),
                          ],
                        ),
                      ),
                    ),
                  ),
                ),
              ],
            ),
    );
  }

  Widget _buildEmptyState() {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Icon(Icons.location_off, size: 80, color: AppColor.textLight),
          const SizedBox(height: 16),
          Text(
            'Belum Ada Alamat Tersimpan',
            style: AppStyle.lg.copyWith(
              fontWeight: FontWeight.w600,
              color: AppColor.textSecondary,
            ),
          ),
          const SizedBox(height: 8),
          Text(
            'Tambahkan alamat untuk memudahkan\nproses pengiriman',
            textAlign: TextAlign.center,
            style: AppStyle.md.copyWith(color: AppColor.textLight, height: 1.4),
          ),
          const SizedBox(height: 32),
          SizedBox(
            width: 200,
            height: 48,
            child: ElevatedButton(
              onPressed: () {
                // Navigate to add address form
              },
              style: ElevatedButton.styleFrom(
                backgroundColor: AppColor.primary,
                elevation: 0,
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(8),
                ),
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  const Icon(Icons.add, color: AppColor.white, size: 20),
                  const SizedBox(width: 8),
                  Text(
                    'Tambah Alamat',
                    style: AppStyle.md.copyWith(
                      color: AppColor.white,
                      fontWeight: FontWeight.w600,
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}