import 'package:didvan/pages/authentication/authentication_state.dart';
import 'package:didvan/pages/authentication/widgets/authentication_layout.dart';
import 'package:didvan/widgets/didvan/button.dart';
import 'package:didvan/widgets/didvan/text.dart';
import 'package:didvan/widgets/didvan/text_field.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

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

  @override
  Widget build(BuildContext context) {
    final AuthenticationState state = context.read<AuthenticationState>();
    return AuthenticationLayout(
      appBarTitle: 'ورود با شماره موبایل ' + state.phoneNumber,
      children: [
        DidvanTextField(
          onChanged: (value) => state.password = value,
          autoFocus: true,
          title: 'کلمه عبور',
          hintText: 'کلمه عبور',
          obsecureText: true,
        ),
        const SizedBox(
          height: 32,
        ),
        GestureDetector(
          onTap: () => state.currentPageIndex++,
          child: DidvanText(
            'فراموشی رمز عبور',
            style: Theme.of(context).textTheme.subtitle2,
            color: Theme.of(context).primaryColor,
          ),
        ),
        const Spacer(),
        DidvanButton(
          onPressed: () {},
          title: 'ورود',
        ),
        const SizedBox(
          height: 48,
        ),
      ],
    );
  }
}