import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:namer_app/lang.dart';

class LoginPage extends StatelessWidget {
  const LoginPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Theme.of(context).colorScheme.primaryContainer,
      body: Container(
        decoration: BoxDecoration(
            image: DecorationImage(
          image: AssetImage("assets/images/building.jpg"),
          fit: BoxFit.cover,
        )),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            Row(
              children: [
                BackButton(color: Colors.white),
                Text(
                  'Kembali Pindai QR',
                  softWrap: true,
                  textAlign: TextAlign.left,
                  style: TextStyle(color: Colors.white),
                ),
                Expanded(child: Container()),
                Lang(),
              ],
            ),
            Expanded(
              child: Center(
                  child: Text(
                'telnow',
                style: TextStyle(color: Color(0xffFF6600), fontSize: 48),
              )),
            ),
            Expanded(
                child: Column(
              children: [
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: TextField(
                    decoration: InputDecoration(
                      border: OutlineInputBorder(),
                      labelText: 'Nama Pengguna',
                    ),
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: TextField(
                    obscureText: true,
                    decoration: InputDecoration(
                      border: OutlineInputBorder(),
                      labelText: 'Kata Sandi',
                    ),
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: ElevatedButton(
                    onPressed: () => context.go('/list'),
                    style: ButtonStyle(
                        padding: MaterialStateProperty.all<EdgeInsets>(
                            EdgeInsets.only(
                                left: 260, right: 260, bottom: 25, top: 25)),
                        backgroundColor: MaterialStateProperty.all(
                            Color.fromARGB(0, 7, 140, 132)),
                        foregroundColor:
                            MaterialStateProperty.all<Color>(Colors.black),
                        shape:
                            MaterialStateProperty.all<RoundedRectangleBorder>(
                                RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(10),
                        ))),
                    child: Text(
                      'Masuk',
                      style: TextStyle(color: Colors.white),
                    ),
                  ),
                ),
                Text(
                  'Frisian Flag Indonesia, Tbk.',
                  style: TextStyle(color: Colors.white),
                ),
              ],
            )),
            Column(
              children: [
                Text('Kebijakan Privasi',
                    style: TextStyle(
                        fontSize: 16,
                        decoration: TextDecoration.underline,
                        fontWeight: FontWeight.w800,
                        color: Colors.white)),
                Text('Versi 4.0.0.0',
                    style: TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.w800,
                      color: Colors.white,
                    ))
              ],
            ),
            Container(
              color: Theme.of(context).colorScheme.primaryContainer,
            )
          ],
        ),
      ),
    );
  }
}