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

class TechWorksScreen extends StatelessWidget {
  const TechWorksScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        width: double.infinity,
        height: double.infinity,
        decoration: const BoxDecoration(
          gradient: LinearGradient(
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter,
            colors: [
              Color(0xFF223252),
              Color(0xFF0D1220),
            ],
          ),
        ),
        child: SafeArea(
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 20.0),
            child: Column(
              children: [
                const Spacer(flex: 3),

                Image.asset(
                  'assets/tech_works.png',
                  width: 260,
                  height: 260,
                  fit: BoxFit.contain,
                ),

                const Spacer(flex: 2),

                Container(
                  width: double.infinity,
                  padding: const EdgeInsets.symmetric(
                    horizontal: 24.0,
                    vertical: 28.0,
                  ),
                  decoration: BoxDecoration(
                    color: const Color(0xFF101528),
                    borderRadius: BorderRadius.circular(28.0),
                    border: Border.all(
                      color: Colors.white.withOpacity(0.05),
                      width: 1,
                    ),
                  ),
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      const Text(
                        'Технические работы',
                        textAlign: TextAlign.center,
                        style: TextStyle(
                          color: Colors.white,
                          fontSize: 22,
                          fontWeight: FontWeight.w600,
                        ),
                      ),
                      const SizedBox(height: 16),
                      Text(
                        'В приложении ведутся технические работы. Попробуйте зайти позже.',
                        textAlign: TextAlign.center,
                        style: TextStyle(
                          color: Colors.white.withOpacity(0.75),
                          fontSize: 15,
                          height: 1.35,
                        ),
                      ),
                      const SizedBox(height: 20),

                      TextButton(
                        onPressed: () {
                          SystemNavigator.pop();
                        },
                        style: TextButton.styleFrom(
                          minimumSize: const Size(100, 44),
                          foregroundColor: const Color(0xFF20E298),
                        ),
                        child: const Text(
                          'ОК',
                          style: TextStyle(
                            color: Color(0xFF20E298),
                            fontSize: 16,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
                const SizedBox(height: 24),
              ],
            ),
          ),
        ),
      ),
    );
  }
}