import 'package:flutter/material.dart';
import 'package:superport/screens/common/theme_tailwind.dart';

class MainLayout extends StatelessWidget {
  final String title;
  final Widget child;
  final String currentRoute;
  final List<Widget>? actions;
  final bool showBackButton;
  final Widget? floatingActionButton;

  const MainLayout({
    Key? key,
    required this.title,
    required this.child,
    required this.currentRoute,
    this.actions,
    this.showBackButton = false,
    this.floatingActionButton,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // MetronicCloud 스타일: 상단부 플랫, 여백 넓게, 타이틀/경로/버튼 스타일링
    return Scaffold(
      backgroundColor: AppThemeTailwind.surface,
      body: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // 상단 앱바
          _buildAppBar(context),
          // 컨텐츠
          Expanded(child: child),
        ],
      ),
      floatingActionButton: floatingActionButton,
    );
  }

  Widget _buildAppBar(BuildContext context) {
    // 상단 앱바: 경로 텍스트가 수직 중앙에 오도록 조정, 배경색/글자색 변경
    return Container(
      height: 88,
      padding: const EdgeInsets.symmetric(horizontal: 40),
      decoration: BoxDecoration(
        color: AppThemeTailwind.surface, // 회색 배경
        border: const Border(
          bottom: BorderSide(color: Color(0xFFF3F6F9), width: 1),
        ),
      ),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.center, // Row 내에서 수직 중앙 정렬
        children: [
          // 경로 및 타이틀 영역 (수직 중앙 정렬)
          Column(
            mainAxisAlignment: MainAxisAlignment.center, // Column 내에서 수직 중앙 정렬
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              // 경로 텍스트 (폰트 사이즈 2배, 검은색 글자)
              Text(
                _getBreadcrumb(currentRoute),
                style: TextStyle(
                  fontSize: 26,
                  color: AppThemeTailwind.dark,
                ), // 검은색 글자
              ),
              // 타이틀이 있을 때만 표시
              if (title.isNotEmpty)
                Text(
                  title,
                  style: const TextStyle(
                    fontSize: 24,
                    fontWeight: FontWeight.bold,
                    color: AppThemeTailwind.dark,
                  ),
                ),
            ],
          ),
          const Spacer(),
          if (actions != null)
            Row(
              children:
                  actions!
                      .map(
                        (w) => Padding(
                          padding: const EdgeInsets.only(left: 8),
                          child: Container(
                            decoration: BoxDecoration(
                              border: Border.all(
                                color: AppThemeTailwind.muted,
                                width: 1,
                              ),
                              color: const Color(0xFFF7F8FA),
                              borderRadius: BorderRadius.circular(8),
                            ),
                            child: w,
                          ),
                        ),
                      )
                      .toList(),
            ),
        ],
      ),
    );
  }

  // 현재 라우트에 따라 경로 문자열을 반환하는 함수
  String _getBreadcrumb(String route) {
    // 실제 라우트에 따라 경로를 한글로 변환 (예시)
    switch (route) {
      case '/':
      case '/home':
        return '홈 / 대시보드';
      case '/equipment':
        return '홈 / 장비 관리';
      case '/company':
        return '홈 / 회사 관리';
      case '/maintenance':
        return '홈 / 유지보수 관리';
      case '/item':
        return '홈 / 물품 관리';
      default:
        return '홈';
    }
  }
}