submanager/lib/widgets/detail/detail_event_section.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../../controllers/detail_screen_controller.dart';
import '../../theme/app_colors.dart';
import '../common/form_fields/currency_input_field.dart';
import '../common/form_fields/date_picker_field.dart';

/// 이벤트 가격 섹션
/// 할인 이벤트 정보를 관리하는 섹션입니다.
class DetailEventSection extends StatelessWidget {
  final DetailScreenController controller;
  final Animation<double> fadeAnimation;
  final Animation<Offset> slideAnimation;

  const DetailEventSection({
    super.key,
    required this.controller,
    required this.fadeAnimation,
    required this.slideAnimation,
  });

  @override
  Widget build(BuildContext context) {
    return Consumer<DetailScreenController>(
      builder: (context, controller, child) {
        final baseColor = controller.getCardColor();

        return FadeTransition(
      opacity: fadeAnimation,
      child: SlideTransition(
        position: Tween<Offset>(
          begin: const Offset(0.0, 0.8),
          end: Offset.zero,
        ).animate(CurvedAnimation(
          parent: controller.animationController!,
          curve: const Interval(0.4, 1.0, curve: Curves.easeOutCubic),
        )),
        child: Container(
          decoration: BoxDecoration(
            color: AppColors.glassCard,
            borderRadius: BorderRadius.circular(20),
            border: Border.all(
              color: AppColors.glassBorder.withValues(alpha: 0.1),
              width: 1,
            ),
            boxShadow: [
              BoxShadow(
                color: AppColors.shadowBlack,
                blurRadius: 10,
                offset: const Offset(0, 4),
              ),
            ],
          ),
          child: Padding(
            padding: const EdgeInsets.all(24),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                // 헤더
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Row(
                      children: [
                        Container(
                          padding: const EdgeInsets.all(8),
                          decoration: BoxDecoration(
                            color: baseColor.withValues(alpha: 0.1),
                            borderRadius: BorderRadius.circular(12),
                          ),
                          child: Icon(
                            Icons.local_offer_rounded,
                            color: baseColor,
                            size: 24,
                          ),
                        ),
                        const SizedBox(width: 12),
                        const Text(
                          '이벤트 가격',
                          style: TextStyle(
                            fontSize: 18,
                            fontWeight: FontWeight.w700,
                            color: AppColors.darkNavy,
                          ),
                        ),
                      ],
                    ),
                    // 이벤트 활성화 스위치
                    Switch.adaptive(
                      value: controller.isEventActive,
                      onChanged: (value) {
                        controller.isEventActive = value;
                        if (!value) {
                          // 이벤트 비활성화시 관련 정보 초기화
                          controller.eventStartDate = null;
                          controller.eventEndDate = null;
                          controller.eventPriceController.clear();
                        }
                      },
                      activeColor: baseColor,
                    ),
                  ],
                ),
                // 이벤트 활성화시 표시될 필드들
                if (controller.isEventActive) ...[
                  const SizedBox(height: 20),
                  // 이벤트 설명
                  Container(
                    padding: const EdgeInsets.all(12),
                    decoration: BoxDecoration(
                      color: AppColors.infoColor.withValues(alpha: 0.08),
                      borderRadius: BorderRadius.circular(12),
                      border: Border.all(
                        color: AppColors.infoColor.withValues(alpha: 0.3),
                        width: 1,
                      ),
                    ),
                    child: Row(
                      children: [
                        Icon(
                          Icons.info_outline_rounded,
                          color: AppColors.infoColor,
                          size: 20,
                        ),
                        const SizedBox(width: 8),
                        Expanded(
                          child: Text(
                            '할인 또는 프로모션 가격을 설정하세요',
                            style: TextStyle(
                              fontSize: 14,
                              color: AppColors.darkNavy,
                              fontWeight: FontWeight.w500,
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                  const SizedBox(height: 20),
                  // 이벤트 기간
                  DateRangePickerField(
                    startDate: controller.eventStartDate,
                    endDate: controller.eventEndDate,
                    onStartDateSelected: (date) {
                      controller.eventStartDate = date;
                      // 시작일 설정 시 종료일이 없으면 자동으로 1달 후로 설정
                      if (date != null && controller.eventEndDate == null) {
                        controller.eventEndDate = date.add(const Duration(days: 30));
                      }
                    },
                    onEndDateSelected: (date) {
                      controller.eventEndDate = date;
                    },
                    startLabel: '시작일',
                    endLabel: '종료일',
                    primaryColor: baseColor,
                  ),
                  const SizedBox(height: 20),
                  // 이벤트 가격
                  CurrencyInputField(
                    controller: controller.eventPriceController,
                    currency: controller.currency,
                    label: '이벤트 가격',
                    hintText: '할인된 가격을 입력하세요',
                    validator: controller.isEventActive
                        ? (value) {
                            if (value == null || value.isEmpty) {
                              return '이벤트 가격을 입력해주세요';
                            }
                            final price = double.tryParse(value.replaceAll(',', ''));
                            if (price == null || price <= 0) {
                              return '올바른 가격을 입력해주세요';
                            }
                            return null;
                          }
                        : null,
                  ),
                  const SizedBox(height: 16),
                  // 할인율 표시
                  if (controller.eventPriceController.text.isNotEmpty)
                    _DiscountBadge(
                      originalPrice: controller.subscription.monthlyCost,
                      eventPrice: double.tryParse(
                        controller.eventPriceController.text.replaceAll(',', '')
                      ) ?? 0,
                      currency: controller.currency,
                    ),
                ],
              ],
            ),
          ),
        ),
      ),
    );
      },
    );
  }
}

/// 할인율 배지
class _DiscountBadge extends StatelessWidget {
  final double originalPrice;
  final double eventPrice;
  final String currency;

  const _DiscountBadge({
    required this.originalPrice,
    required this.eventPrice,
    required this.currency,
  });

  @override
  Widget build(BuildContext context) {
    if (eventPrice >= originalPrice || eventPrice <= 0) {
      return const SizedBox.shrink();
    }

    final discountPercentage = ((originalPrice - eventPrice) / originalPrice * 100).round();
    final discountAmount = originalPrice - eventPrice;

    return Container(
      padding: const EdgeInsets.all(12),
      decoration: BoxDecoration(
        color: Colors.green.withValues(alpha: 0.1),
        borderRadius: BorderRadius.circular(12),
      ),
      child: Row(
        children: [
          Container(
            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
            decoration: BoxDecoration(
              color: Colors.green,
              borderRadius: BorderRadius.circular(8),
            ),
            child: Text(
              '$discountPercentage% 할인',
              style: const TextStyle(
                color: Colors.white,
                fontSize: 12,
                fontWeight: FontWeight.w600,
              ),
            ),
          ),
          const SizedBox(width: 12),
          Text(
            currency == 'KRW'
                ? '₩${discountAmount.toInt().toString()}원 절약'
                : '\$${discountAmount.toStringAsFixed(2)} 절약',
            style: TextStyle(
              color: const Color(0xFF15803D),
              fontSize: 14,
              fontWeight: FontWeight.w500,
            ),
          ),
        ],
      ),
    );
  }
}