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

final homeNavigationKey = GlobalKey<NavigatorState>();

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

  @override
  Widget build(BuildContext context) {
    return Navigator(
      key: homeNavigationKey,
      onGenerateRoute: (settings) {
        WidgetBuilder builder;
        switch (settings.name) {
          case '/':
            builder = (_) => const _HomeScreenMain();
          case '/second':
            builder = (_) => const _HomeScreenSecond();
          default:
            builder = (_) => const _HomeScreenMain();
        }
        return CupertinoPageRoute<void>(settings: settings, builder: builder);
      },
    );
  }
}

class _HomeScreenSecond extends StatelessWidget {
  const _HomeScreenSecond();
  @override
  Widget build(BuildContext context) {
    return Center(
      child: TextButton(
        onPressed: () => homeNavigationKey.currentState?.pop(),
        child: const Text("Return back"),
      ),
    );
  }
}

class _CustomCard extends StatelessWidget {
  final int index;
  static const BorderRadius _borderRadius = BorderRadius.all(
    Radius.circular(16),
  );
  const _CustomCard(this.index);
  @override
  Widget build(BuildContext context) {
    return Ink(
      decoration: BoxDecoration(
        borderRadius: _borderRadius,
        color: Theme.of(context).colorScheme.primaryContainer,
        boxShadow: kElevationToShadow[3],
      ),
      child: InkWell(
        onTap: () => homeNavigationKey.currentState?.pushNamed('/second'),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Container(
              clipBehavior: Clip.hardEdge,
              decoration: BoxDecoration(borderRadius: _borderRadius),
              child: Image.asset(
                "assets/image.jpg",
                fit: BoxFit.cover,
                height: 200,
                cacheHeight: 200,
                cacheWidth: MediaQuery.of(context).size.width.toInt(),
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(22),
              child: Text(
                "$index",
                style: Theme.of(context).textTheme.titleMedium?.copyWith(
                  fontWeight: FontWeight.bold,
                  color: Theme.of(context).colorScheme.onPrimaryContainer,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class _HomeScreenMain extends StatelessWidget {
  const _HomeScreenMain();
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: ListView.separated(
        itemCount: 10,
        separatorBuilder: (context, index) => const SizedBox(height: 16),
        itemBuilder: (_, index) {
          return _CustomCard(index + 1);
        },
      ),
    );
  }
}

void main() {
  runApp(const MainApp());
}

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(body: SafeArea(child: HomeScreen())),
    );
  }
}