import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
// import 'package:google_fonts/google_fonts.dart';
import 'package:gap/gap.dart';
import 'package:pharmacy_mobile/widgets/button_widget.dart';
import 'package:pharmacy_mobile/widgets/page_background_widget.dart';
import 'package:pharmacy_mobile/widgets/text_widget.dart';
import 'package:pharmacy_mobile/widgets/title_widget.dart';

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

  @override
  Widget build(BuildContext context) {
    void gotoLogin() {
      context.push('/login');
    }

    return Scaffold(
        resizeToAvoidBottomInset: false,
        body: PageBackgroundWidget(
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                const Gap(104),
                const TitleWidget(firstTextSize: 32, secondTextSize: 40),
                const Gap(32),
                Padding(
                  padding: const EdgeInsets.fromLTRB(0, 0, 16, 0),
                  child: Image.asset('assets/ph_logo.webp',
                      width: 200, cacheWidth: (200 * MediaQuery.of(context).devicePixelRatio).round()),
                ),
                const Gap(32),
                ButtonWidget(text: 'Login', onPressed: gotoLogin),
                const MaxGap(500),
                const TextWidget(
                  text: 'Copyright © 2025 - Ofelia Franco-Alcala Pharmacy',
                  size: 12,
                  bold: true,
                ),
                const TextWidget(text: 'Developed By: Pat Alcala', size: 10, opacity: 0.8),
                const Gap(8),
              ],
            ),
          ),
        ));
  }
}