import 'package:flutter/material.dart';
import 'package:muaawana/config/provider.dart';
import 'package:muaawana/providers/notif/notification_provider.dart';
import '../../../config/style.dart';

import 'widget/notification_widget.dart';

import '../../../config/size.dart';
import '../../../widgets/custom_app_bar.dart';

class NotificationScreen extends StatefulWidget {
  const NotificationScreen({Key? key}) : super(key: key);

  @override
  State<NotificationScreen> createState() => _NotificationScreenState();
}

class _NotificationScreenState extends State<NotificationScreen> {
  final hm = SizeConfig.heightMultiplier;
  final wm = SizeConfig.widthMultiplier;
  final tm = SizeConfig.textMultiplier;

  @override
  void initState() {
    init();
    super.initState();
  }

  init() {
    Future.microtask(() async => await context
        .read<NotificationsProvider>()
        .getAllNotifications(isRefresh: false, init: true));

    //print("finished");
  }

  @override
  Widget build(BuildContext context) {
    final notificationProvider = Provider.of<NotificationsProvider>(context);
    return Scaffold(
      backgroundColor: Theme.of(context).scaffoldBackgroundColor,
      body: notificationProvider.loading
          ? Center(
              child: SizedBox(
                height: 50,
                width: 50,
                child: CircularProgressIndicator(
                  color: AppNewStyle.primaryButton,
                ),
              ),
            )
          : SingleChildScrollView(
              child: Column(
                children: [
                  CustomAppBar(
                    title: "Notification",
                    thirdWidget: true,
                    titleColor: Theme.of(context).colorScheme.onSurface,
                  ),
                  SizedBox(
                    height: hm * 6,
                  ),
                  ...notificationProvider.notificationsFromApi
                      .map((e) => NotificationWidget(
                            notification: e,
                          ))
                      .toList(),
                  // NotificationWidget(),
                  // SizedBox(
                  //   height: hm * 1.5,
                  // ),
                  // NotificationWidget(),
                  // SizedBox(
                  //   height: hm * 1.5,
                  // ),
                  // NotificationWidget(),
                  // SizedBox(
                  //   height: hm * 1.5,
                  // ),
                  // NotificationWidget(),
                ],
              ),
            ),
    );
  }
}