import 'package:cached_network_image/cached_network_image.dart';
import 'package:enaklo_pos/core/components/custom_modal_dialog.dart';
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:enaklo_pos/core/constants/variables.dart';
import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
import 'package:enaklo_pos/core/extensions/string_ext.dart';
import 'package:enaklo_pos/data/models/response/product_response_model.dart';
import 'package:flutter/material.dart';

class DetailProductDialog extends StatelessWidget {
  final Product product;
  const DetailProductDialog({super.key, required this.product});

  @override
  Widget build(BuildContext context) {
    return CustomModalDialog(
      title: "Detail Produk",
      maxWidth: context.deviceWidth * 0.5,
      child: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                ClipRRect(
                  borderRadius: BorderRadius.circular(12),
                  child: CachedNetworkImage(
                    imageUrl: product.name!.contains('http')
                        ? product.name!
                        : '${Variables.baseUrl}/${product.name}',
                    fit: BoxFit.cover,
                    width: 120,
                    height: 120,
                    errorWidget: (context, url, error) => Container(
                      width: 120,
                      height: 120,
                      decoration: BoxDecoration(
                        color: AppColors.grey.withOpacity(0.1),
                        borderRadius: BorderRadius.circular(12),
                      ),
                      child: const Icon(
                        Icons.image_outlined,
                        color: AppColors.grey,
                        size: 40,
                      ),
                    ),
                  ),
                ),
                const SpaceWidth(16),
                Expanded(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Align(
                        alignment: Alignment.centerRight,
                        child: _buildStatus(),
                      ),
                      const SpaceHeight(8),
                      Text(
                        product.name ?? "-",
                        style: const TextStyle(
                          fontSize: 16,
                          fontWeight: FontWeight.w600,
                        ),
                      ),
                      if (product.description != null &&
                          product.description!.isNotEmpty)
                        Padding(
                          padding: const EdgeInsets.only(top: 4.0),
                          child: Text(
                            product.description!,
                            style: const TextStyle(
                              fontSize: 14,
                              color: AppColors.grey,
                            ),
                          ),
                        ),
                    ],
                  ),
                ),
              ],
            ),
            const SpaceHeight(16),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                _buildItem(
                  "-",
                  "Kategori",
                ),
                // _buildItem(
                //   "${product.stock}",
                //   "Stok",
                //   valueColor: product.stock! < 50
                //       ? AppColors.red
                //       : product.stock! < 100
                //           ? Colors.yellow
                //           : AppColors.green,
                // ),
                _buildItem(
                  (product.price ?? 0).toString().currencyFormatRpV2,
                  "Harga",
                  valueColor: AppColors.primary,
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }

  Column _buildItem(String value, String label,
      {Color valueColor = AppColors.black}) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          label,
          style: const TextStyle(
            fontSize: 12,
            color: Colors.grey,
          ),
        ),
        const SpaceHeight(4),
        Text(
          value,
          style: TextStyle(
            fontSize: 14,
            color: valueColor,
            fontWeight: FontWeight.w600,
          ),
        ),
      ],
    );
  }

  Container _buildStatus() {
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
      decoration: BoxDecoration(
        color: product.isActive == true ? AppColors.green : AppColors.red,
        borderRadius: BorderRadius.circular(8),
      ),
      child: Text(
        product.isActive == true ? 'Aktif' : 'Tidak Aktif',
        style: const TextStyle(
            color: Colors.white, fontSize: 12, fontWeight: FontWeight.w700),
      ),
    );
  }
}