/// 일정 상세 화면
library;

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:url_launcher/url_launcher.dart';
import '../../core/constants.dart';
import '../../models/schedule.dart';
import '../../services/schedules_service.dart';
import 'widgets/schedule_card.dart';
import 'widgets/member_chip.dart';

/// 카테고리 ID 상수
class CategoryId {
  static const int youtube = 2;
  static const int x = 3;
  static const int album = 4;
  static const int fansign = 5;
  static const int concert = 6;
  static const int ticket = 7;
}

/// 일정 상세 Provider
final scheduleDetailProvider =
    FutureProvider.family<ScheduleDetail, int>((ref, id) async {
  return await getSchedule(id);
});

class ScheduleDetailView extends ConsumerStatefulWidget {
  final int scheduleId;

  const ScheduleDetailView({super.key, required this.scheduleId});

  @override
  ConsumerState<ScheduleDetailView> createState() => _ScheduleDetailViewState();
}

class _ScheduleDetailViewState extends ConsumerState<ScheduleDetailView> {
  late int _currentScheduleId;

  @override
  void initState() {
    super.initState();
    _currentScheduleId = widget.scheduleId;
  }

  /// 회차 변경
  void _changeSchedule(int newId) {
    setState(() {
      _currentScheduleId = newId;
    });
  }

  /// URL 열기
  Future<void> _launchUrl(String url) async {
    final uri = Uri.parse(url);
    if (await canLaunchUrl(uri)) {
      await launchUrl(uri, mode: LaunchMode.externalApplication);
    }
  }

  /// 유튜브 비디오 ID 추출
  String? _extractYoutubeVideoId(String? url) {
    if (url == null) return null;
    final shortMatch = RegExp(r'youtu\.be/([a-zA-Z0-9_-]{11})').firstMatch(url);
    if (shortMatch != null) return shortMatch.group(1);
    final watchMatch =
        RegExp(r'youtube\.com/watch\?v=([a-zA-Z0-9_-]{11})').firstMatch(url);
    if (watchMatch != null) return watchMatch.group(1);
    final shortsMatch =
        RegExp(r'youtube\.com/shorts/([a-zA-Z0-9_-]{11})').firstMatch(url);
    if (shortsMatch != null) return shortsMatch.group(1);
    return null;
  }

  /// 날짜 포맷팅 (2026. 1. 15. (수))
  String _formatFullDate(String dateStr) {
    final date = DateTime.parse(dateStr);
    final dayNames = ['일', '월', '화', '수', '목', '금', '토'];
    return '${date.year}. ${date.month}. ${date.day}. (${dayNames[date.weekday % 7]})';
  }

  /// 단일 날짜 포맷팅 (1월 15일 (수) 19:00)
  String _formatSingleDate(String dateStr, String? timeStr) {
    final date = DateTime.parse(dateStr);
    final dayNames = ['일', '월', '화', '수', '목', '금', '토'];
    var result = '${date.month}월 ${date.day}일 (${dayNames[date.weekday % 7]})';
    if (timeStr != null && timeStr.length >= 5) {
      result += ' ${timeStr.substring(0, 5)}';
    }
    return result;
  }

  @override
  Widget build(BuildContext context) {
    final scheduleAsync = ref.watch(scheduleDetailProvider(_currentScheduleId));

    return Scaffold(
      backgroundColor: AppColors.background,
      appBar: AppBar(
        backgroundColor: Colors.white,
        elevation: 0,
        scrolledUnderElevation: 0.5,
        leading: IconButton(
          icon: const Icon(Icons.arrow_back_ios_new, size: 20),
          onPressed: () => Navigator.of(context).pop(),
        ),
        title: scheduleAsync.whenOrNull(
          data: (schedule) => Text(
            schedule.categoryName ?? '',
            style: TextStyle(
              fontSize: 16,
              fontWeight: FontWeight.w600,
              color: parseColor(schedule.categoryColor),
            ),
          ),
        ),
        centerTitle: true,
      ),
      body: scheduleAsync.when(
        loading: () => const Center(
          child: CircularProgressIndicator(color: AppColors.primary),
        ),
        error: (error, stack) => _buildErrorView(),
        data: (schedule) => _buildContent(schedule),
      ),
    );
  }

  /// 에러 화면
  Widget _buildErrorView() {
    return Center(
      child: Padding(
        padding: const EdgeInsets.all(32),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Container(
              width: 80,
              height: 80,
              decoration: BoxDecoration(
                color: AppColors.primary.withValues(alpha: 0.1),
                borderRadius: BorderRadius.circular(20),
              ),
              child: Icon(
                Icons.calendar_today,
                size: 40,
                color: AppColors.primary.withValues(alpha: 0.4),
              ),
            ),
            const SizedBox(height: 24),
            const Text(
              '일정을 찾을 수 없습니다',
              style: TextStyle(
                fontSize: 18,
                fontWeight: FontWeight.bold,
                color: AppColors.textPrimary,
              ),
            ),
            const SizedBox(height: 8),
            const Text(
              '요청하신 일정이 존재하지 않거나\n삭제되었을 수 있습니다.',
              textAlign: TextAlign.center,
              style: TextStyle(
                fontSize: 14,
                color: AppColors.textSecondary,
              ),
            ),
            const SizedBox(height: 32),
            OutlinedButton.icon(
              onPressed: () => Navigator.of(context).pop(),
              icon: const Icon(Icons.arrow_back),
              label: const Text('돌아가기'),
              style: OutlinedButton.styleFrom(
                foregroundColor: AppColors.primary,
                side: const BorderSide(color: AppColors.primary),
                padding:
                    const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
              ),
            ),
          ],
        ),
      ),
    );
  }

  /// 메인 컨텐츠
  Widget _buildContent(ScheduleDetail schedule) {
    return SingleChildScrollView(
      padding: const EdgeInsets.all(16),
      child: _buildCategorySection(schedule),
    );
  }

  /// 카테고리별 섹션
  Widget _buildCategorySection(ScheduleDetail schedule) {
    switch (schedule.categoryId) {
      case CategoryId.youtube:
        return _buildYoutubeSection(schedule);
      case CategoryId.x:
        return _buildXSection(schedule);
      case CategoryId.concert:
        return _buildConcertSection(schedule);
      default:
        return _buildDefaultSection(schedule);
    }
  }

  /// 유튜브 섹션
  Widget _buildYoutubeSection(ScheduleDetail schedule) {
    final videoId = _extractYoutubeVideoId(schedule.sourceUrl);
    final isShorts = schedule.sourceUrl?.contains('/shorts/') ?? false;

    if (videoId == null) return _buildDefaultSection(schedule);

    // 썸네일 URL
    final thumbnailUrl = 'https://img.youtube.com/vi/$videoId/maxresdefault.jpg';

    return Column(
      children: [
        // 썸네일 + 재생 버튼
        GestureDetector(
          onTap: () => _launchUrl(schedule.sourceUrl!),
          child: ClipRRect(
            borderRadius: BorderRadius.circular(12),
            child: isShorts
                ? Center(
                    child: SizedBox(
                      width: 200,
                      child: AspectRatio(
                        aspectRatio: 9 / 16,
                        child: Stack(
                          alignment: Alignment.center,
                          children: [
                            CachedNetworkImage(
                              imageUrl: thumbnailUrl,
                              fit: BoxFit.cover,
                              width: double.infinity,
                              height: double.infinity,
                              placeholder: (_, _) => Container(
                                color: Colors.grey[200],
                              ),
                              errorWidget: (_, _, _) => Container(
                                color: Colors.grey[200],
                                child: const Icon(Icons.play_circle_outline, size: 48),
                              ),
                            ),
                            _buildPlayButton(),
                          ],
                        ),
                      ),
                    ),
                  )
                : AspectRatio(
                    aspectRatio: 16 / 9,
                    child: Stack(
                      alignment: Alignment.center,
                      children: [
                        CachedNetworkImage(
                          imageUrl: thumbnailUrl,
                          fit: BoxFit.cover,
                          width: double.infinity,
                          height: double.infinity,
                          placeholder: (_, _) => Container(
                            color: Colors.grey[200],
                          ),
                          errorWidget: (_, _, _) => Container(
                            color: Colors.grey[200],
                            child: const Icon(Icons.play_circle_outline, size: 48),
                          ),
                        ),
                        _buildPlayButton(),
                      ],
                    ),
                  ),
          ),
        ),
        const SizedBox(height: 16),
        // 정보 카드
        _buildInfoCard(
          schedule,
          bottomButton: _buildYoutubeButton(schedule.sourceUrl),
        ),
      ],
    );
  }

  /// 재생 버튼
  Widget _buildPlayButton() {
    return Container(
      width: 64,
      height: 64,
      decoration: BoxDecoration(
        color: Colors.red,
        borderRadius: BorderRadius.circular(12),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.3),
            blurRadius: 8,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: const Icon(
        Icons.play_arrow,
        color: Colors.white,
        size: 40,
      ),
    );
  }

  /// X 섹션
  Widget _buildXSection(ScheduleDetail schedule) {
    return Container(
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(12),
        border: Border.all(color: AppColors.border),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // 헤더
          Padding(
            padding: const EdgeInsets.all(16),
            child: Row(
              children: [
                Container(
                  width: 40,
                  height: 40,
                  decoration: BoxDecoration(
                    color: Colors.grey[800],
                    shape: BoxShape.circle,
                  ),
                  child: Center(
                    child: Text(
                      (schedule.sourceName ?? 'X')[0].toUpperCase(),
                      style: const TextStyle(
                        color: Colors.white,
                        fontWeight: FontWeight.bold,
                      ),
                    ),
                  ),
                ),
                const SizedBox(width: 12),
                Expanded(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Row(
                        children: [
                          Flexible(
                            child: Text(
                              schedule.sourceName ?? '',
                              style: const TextStyle(
                                fontWeight: FontWeight.bold,
                                fontSize: 14,
                              ),
                              overflow: TextOverflow.ellipsis,
                            ),
                          ),
                          const SizedBox(width: 4),
                          const Icon(Icons.verified,
                              color: Colors.blue, size: 16),
                        ],
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
          // 본문
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 16),
            child: Text(
              decodeHtmlEntities(schedule.description ?? schedule.title),
              style: const TextStyle(fontSize: 15, height: 1.5),
            ),
          ),
          // 이미지
          if (schedule.imageUrl != null) ...[
            const SizedBox(height: 12),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 16),
              child: ClipRRect(
                borderRadius: BorderRadius.circular(12),
                child: Image.network(
                  schedule.imageUrl!,
                  fit: BoxFit.cover,
                  errorBuilder: (_, _, _) => const SizedBox.shrink(),
                ),
              ),
            ),
          ],
          // 날짜
          Padding(
            padding: const EdgeInsets.all(16),
            child: Text(
              _formatFullDate(schedule.date),
              style: const TextStyle(
                fontSize: 14,
                color: AppColors.textSecondary,
              ),
            ),
          ),
          // X에서 보기 버튼
          Container(
            padding: const EdgeInsets.all(16),
            decoration: BoxDecoration(
              color: Colors.grey[50],
              border: Border(top: BorderSide(color: AppColors.border)),
            ),
            child: SizedBox(
              width: double.infinity,
              child: ElevatedButton.icon(
                onPressed: () => _launchUrl(schedule.sourceUrl ?? ''),
                icon: const Icon(Icons.open_in_new, size: 18),
                label: const Text('X에서 보기'),
                style: ElevatedButton.styleFrom(
                  backgroundColor: Colors.black,
                  foregroundColor: Colors.white,
                  padding: const EdgeInsets.symmetric(vertical: 14),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(24),
                  ),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }

  /// 콘서트 섹션
  Widget _buildConcertSection(ScheduleDetail schedule) {
    final hasLocation =
        schedule.locationLat != null && schedule.locationLng != null;
    final hasPoster = schedule.images.isNotEmpty;
    final hasMultipleDates = schedule.relatedDates.length > 1;

    return Container(
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(12),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.04),
            blurRadius: 12,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // 헤더
          Container(
            padding: const EdgeInsets.all(16),
            decoration: BoxDecoration(
              gradient: LinearGradient(
                colors: [AppColors.primary, AppColors.primary.withValues(alpha: 0.8)],
              ),
              borderRadius:
                  const BorderRadius.vertical(top: Radius.circular(12)),
            ),
            child: Row(
              children: [
                if (hasPoster)
                  ClipRRect(
                    borderRadius: BorderRadius.circular(8),
                    child: Image.network(
                      schedule.images[0],
                      width: 56,
                      height: 72,
                      fit: BoxFit.cover,
                      errorBuilder: (_, _, _) => const SizedBox.shrink(),
                    ),
                  ),
                if (hasPoster) const SizedBox(width: 12),
                Expanded(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        decodeHtmlEntities(schedule.title),
                        style: const TextStyle(
                          color: Colors.white,
                          fontWeight: FontWeight.bold,
                          fontSize: 15,
                        ),
                        maxLines: 2,
                        overflow: TextOverflow.ellipsis,
                      ),
                      if (schedule.locationName != null) ...[
                        const SizedBox(height: 4),
                        Text(
                          schedule.locationName!,
                          style: TextStyle(
                            color: Colors.white.withValues(alpha: 0.8),
                            fontSize: 12,
                          ),
                          overflow: TextOverflow.ellipsis,
                        ),
                      ],
                    ],
                  ),
                ),
              ],
            ),
          ),
          // 정보 목록
          Padding(
            padding: const EdgeInsets.all(16),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                // 공연 일정
                _buildSectionLabel(Icons.calendar_today, '공연 일정'),
                const SizedBox(height: 8),
                if (hasMultipleDates)
                  ...schedule.relatedDates.asMap().entries.map((entry) {
                    final index = entry.key;
                    final item = entry.value;
                    final isCurrent = item.id == schedule.id;
                    return Padding(
                      padding: const EdgeInsets.only(bottom: 8),
                      child: InkWell(
                        onTap: isCurrent ? null : () => _changeSchedule(item.id),
                        borderRadius: BorderRadius.circular(8),
                        child: Container(
                          width: double.infinity,
                          padding: const EdgeInsets.symmetric(
                            horizontal: 12,
                            vertical: 10,
                          ),
                          decoration: BoxDecoration(
                            color: isCurrent
                                ? AppColors.primary
                                : Colors.grey[100],
                            borderRadius: BorderRadius.circular(8),
                          ),
                          child: Text(
                            '${index + 1}회차  ${_formatSingleDate(item.date, item.time)}',
                            style: TextStyle(
                              fontSize: 13,
                              fontWeight:
                                  isCurrent ? FontWeight.bold : FontWeight.normal,
                              color: isCurrent
                                  ? Colors.white
                                  : AppColors.textPrimary,
                            ),
                          ),
                        ),
                      ),
                    );
                  })
                else
                  Text(
                    _formatSingleDate(schedule.date, schedule.time),
                    style: const TextStyle(
                      fontWeight: FontWeight.bold,
                      fontSize: 14,
                    ),
                  ),
                const SizedBox(height: 16),
                // 장소
                if (schedule.locationName != null) ...[
                  _buildSectionLabel(Icons.place, '장소'),
                  const SizedBox(height: 8),
                  Text(
                    schedule.locationName!,
                    style: const TextStyle(
                      fontWeight: FontWeight.w600,
                      fontSize: 14,
                    ),
                  ),
                  if (schedule.locationAddress != null) ...[
                    const SizedBox(height: 2),
                    Text(
                      schedule.locationAddress!,
                      style: const TextStyle(
                        fontSize: 12,
                        color: AppColors.textSecondary,
                      ),
                    ),
                  ],
                  const SizedBox(height: 16),
                ],
                // 설명
                if (schedule.description != null &&
                    schedule.description!.isNotEmpty) ...[
                  Container(
                    width: double.infinity,
                    padding: const EdgeInsets.only(top: 16),
                    decoration: BoxDecoration(
                      border: Border(
                        top: BorderSide(color: AppColors.divider),
                      ),
                    ),
                    child: Text(
                      decodeHtmlEntities(schedule.description!),
                      style: const TextStyle(
                        fontSize: 14,
                        color: AppColors.textSecondary,
                        height: 1.5,
                      ),
                    ),
                  ),
                ],
              ],
            ),
          ),
          // 버튼 영역
          Padding(
            padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
            child: Column(
              children: [
                if (hasLocation)
                  SizedBox(
                    width: double.infinity,
                    child: ElevatedButton.icon(
                      onPressed: () => _launchUrl(
                          'https://map.kakao.com/link/to/${Uri.encodeComponent(schedule.locationName!)},${schedule.locationLat},${schedule.locationLng}'),
                      icon: const Icon(Icons.navigation, size: 18),
                      label: const Text('길찾기'),
                      style: ElevatedButton.styleFrom(
                        backgroundColor: Colors.blue,
                        foregroundColor: Colors.white,
                        padding: const EdgeInsets.symmetric(vertical: 14),
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(12),
                        ),
                      ),
                    ),
                  ),
                if (hasLocation && schedule.sourceUrl != null)
                  const SizedBox(height: 8),
                if (schedule.sourceUrl != null)
                  SizedBox(
                    width: double.infinity,
                    child: ElevatedButton.icon(
                      onPressed: () => _launchUrl(schedule.sourceUrl!),
                      icon: const Icon(Icons.open_in_new, size: 18),
                      label: const Text('상세 정보 보기'),
                      style: ElevatedButton.styleFrom(
                        backgroundColor: Colors.grey[900],
                        foregroundColor: Colors.white,
                        padding: const EdgeInsets.symmetric(vertical: 14),
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(12),
                        ),
                      ),
                    ),
                  ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  /// 기본 섹션
  Widget _buildDefaultSection(ScheduleDetail schedule) {
    return _buildInfoCard(
      schedule,
      bottomButton: schedule.sourceUrl != null
          ? SizedBox(
              width: double.infinity,
              child: ElevatedButton.icon(
                onPressed: () => _launchUrl(schedule.sourceUrl!),
                icon: const Icon(Icons.open_in_new, size: 18),
                label: const Text('원본 보기'),
                style: ElevatedButton.styleFrom(
                  backgroundColor: Colors.grey[900],
                  foregroundColor: Colors.white,
                  padding: const EdgeInsets.symmetric(vertical: 14),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(12),
                  ),
                ),
              ),
            )
          : null,
    );
  }

  /// 정보 카드
  Widget _buildInfoCard(ScheduleDetail schedule, {Widget? bottomButton}) {
    final isFullGroup = schedule.members.length >= 5;

    return Container(
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(12),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.04),
            blurRadius: 12,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      padding: const EdgeInsets.all(16),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // 제목
          Text(
            decodeHtmlEntities(schedule.title),
            style: const TextStyle(
              fontSize: 16,
              fontWeight: FontWeight.bold,
              color: AppColors.textPrimary,
              height: 1.4,
            ),
          ),
          const SizedBox(height: 12),
          // 메타 정보
          Wrap(
            spacing: 12,
            runSpacing: 8,
            children: [
              _buildMetaItem(Icons.calendar_today, _formatFullDate(schedule.date)),
              if (schedule.formattedTime != null)
                _buildMetaItem(Icons.access_time, schedule.formattedTime!),
              if (schedule.sourceName != null)
                _buildMetaItem(Icons.link, schedule.sourceName!),
            ],
          ),
          // 멤버
          if (schedule.members.isNotEmpty) ...[
            const SizedBox(height: 16),
            Container(
              width: double.infinity,
              height: 1,
              color: AppColors.divider,
            ),
            const SizedBox(height: 16),
            Wrap(
              spacing: 6,
              runSpacing: 6,
              children: isFullGroup
                  ? [const MemberChip(name: '프로미스나인')]
                  : schedule.members
                      .map((m) => MemberChip(name: m.name))
                      .toList(),
            ),
          ],
          // 설명
          if (schedule.description != null &&
              schedule.description!.isNotEmpty) ...[
            const SizedBox(height: 16),
            Text(
              decodeHtmlEntities(schedule.description!),
              style: const TextStyle(
                fontSize: 14,
                color: AppColors.textSecondary,
                height: 1.5,
              ),
            ),
          ],
          // 하단 버튼
          if (bottomButton != null) ...[
            const SizedBox(height: 16),
            bottomButton,
          ],
        ],
      ),
    );
  }

  /// 메타 아이템
  Widget _buildMetaItem(IconData icon, String text) {
    return Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        Icon(icon, size: 14, color: AppColors.textSecondary),
        const SizedBox(width: 4),
        Text(
          text,
          style: const TextStyle(
            fontSize: 12,
            color: AppColors.textSecondary,
          ),
        ),
      ],
    );
  }

  /// 섹션 라벨
  Widget _buildSectionLabel(IconData icon, String text) {
    return Row(
      children: [
        Icon(icon, size: 14, color: AppColors.textSecondary),
        const SizedBox(width: 6),
        Text(
          text,
          style: const TextStyle(
            fontSize: 12,
            fontWeight: FontWeight.w500,
            color: AppColors.textSecondary,
          ),
        ),
      ],
    );
  }

  /// 유튜브 버튼
  Widget _buildYoutubeButton(String? url) {
    if (url == null) return const SizedBox.shrink();
    return SizedBox(
      width: double.infinity,
      child: ElevatedButton.icon(
        onPressed: () => _launchUrl(url),
        icon: const Icon(Icons.play_circle_filled, size: 20),
        label: const Text('YouTube에서 보기'),
        style: ElevatedButton.styleFrom(
          backgroundColor: Colors.red,
          foregroundColor: Colors.white,
          padding: const EdgeInsets.symmetric(vertical: 14),
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(12),
          ),
        ),
      ),
    );
  }
}