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

import '../app/constant.dart';

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

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return GestureDetector(
      onTap: () {
        FocusManager.instance.primaryFocus!.unfocus();
      },
      child: Scaffold(
        resizeToAvoidBottomInset: true,
        backgroundColor: Constant.textWhite,
        body: SingleChildScrollView(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              // atas
              Image.asset(
                'images/vektoratas.png',
                width: double.infinity,
                fit: BoxFit.cover,
              ),
              SizedBox(
                height: Constant.getActualYPhone(
                  context: context,
                  y: 34,
                ),
              ),
              // button scan ktp
              Padding(
                padding: EdgeInsets.only(
                  left: Constant.getActualXPhone(
                    context: context,
                    x: 20,
                  ),
                  right: Constant.getActualXPhone(
                    context: context,
                    x: 20,
                  ),
                ),
                child: SizedBox(
                  width: double.infinity,
                  height: Constant.getActualYPhone(
                    context: context,
                    y: 48,
                  ),
                  child: ElevatedButton(
                    onPressed: () {},
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Constant.bgButton,
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(8),
                      ),
                      elevation: 8,
                      shadowColor: Constant.bgButton.withOpacity(0.24),
                    ),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Icon(
                          Icons
                              .scanner,
                          color: Constant.textWhite,
                          size: 24,
                        ),
                        SizedBox(
                          width:
                              Constant.getActualXPhone(context: context, x: 10),
                        ),
                        Text(
                          'SCAN KTP BARU',
                          style: Constant.titleButton500(context: context)
                              .copyWith(
                            color: Constant.textWhite,
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}