import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:rijig_mobile/core/router.dart';
import 'package:rijig_mobile/viewmodel/userpin_vmod.dart';

class VerifPinScreen extends StatefulWidget {
  const VerifPinScreen({super.key});

  @override
  State<VerifPinScreen> createState() => _VerifPinScreenState();
}

class _VerifPinScreenState extends State<VerifPinScreen> {
  final TextEditingController _pinController = TextEditingController();
  final _formKey = GlobalKey<FormState>();
  String errorMessage = '';

  @override
  Widget build(BuildContext context) {
    final pinViewModel = Provider.of<PinViewModel>(context);

    return Scaffold(
      appBar: AppBar(title: const Text("Verifikasi PIN")),
      body: SafeArea(
        child: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Form(
            key: _formKey,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                TextFormField(
                  controller: _pinController,
                  decoration: const InputDecoration(labelText: 'Masukkan PIN'),
                  obscureText: true,
                  maxLength: 6,
                  keyboardType: TextInputType.number,
                  validator: (value) {
                    if (value == null || value.isEmpty) {
                      return 'PIN harus diisi';
                    } else if (value.length != 6) {
                      return 'PIN harus 6 digit';
                    }
                    return null;
                  },
                ),
                const SizedBox(height: 20),
                ElevatedButton(
                  onPressed: () async {
                    if (_formKey.currentState?.validate() ?? false) {
                      final pin = _pinController.text;

                      bool pinVerified = await pinViewModel.verifyPin(pin);
                      if (pinVerified) {
                        router.go('/navigasi');
                      } else {
                        setState(() {
                          errorMessage = 'PIN yang Anda masukkan salah';
                        });
                      }
                    }
                  },
                  child: const Text('Kirim'),
                ),
                if (errorMessage.isNotEmpty)
                  Padding(
                    padding: const EdgeInsets.only(top: 20),
                    child: Text(
                      errorMessage,
                      style: const TextStyle(color: Colors.red),
                    ),
                  ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}