/*
 * SPDX-FileCopyrightText: 2021 Vishesh Handa <me@vhanda.in>
 *
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */

import 'package:flutter/material.dart';
import 'package:gitjournal/core/file/file_storage.dart';
import 'package:gitjournal/l10n.dart';
import 'package:gitjournal/repository.dart';
import 'package:provider/provider.dart';

class CacheLoadingScreen extends StatelessWidget {
  const CacheLoadingScreen({super.key});

  @override
  Widget build(BuildContext context) {
    var fileStorage = context.read<GitJournalRepo>().fileStorage;
    return _CacheLoadingScreen(fileStorage);
  }
}

class _CacheLoadingScreen extends StatefulWidget {
  final FileStorage fileStorage;

  const _CacheLoadingScreen(this.fileStorage);

  @override
  _CacheLoadingScreenState createState() => _CacheLoadingScreenState();
}

class _CacheLoadingScreenState extends State<_CacheLoadingScreen> {
  @override
  void initState() {
    super.initState();
    widget.fileStorage.addListener(_rebuild);
  }

  @override
  void dispose() {
    widget.fileStorage.removeListener(_rebuild);
    super.dispose();
  }

  void _rebuild() {
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    var date = widget.fileStorage.dateTime;
    var dateText = date.toIso8601String().substring(0, 10);

    var text = context.loc.screensCacheLoadingText;
    var children = <Widget>[
      Padding(
        padding: const EdgeInsets.all(8.0),
        child: Text(
          text,
          textAlign: TextAlign.center,
          style: Theme.of(context).textTheme.headlineMedium,
        ),
      ),
      Padding(
        padding: const EdgeInsets.all(4.0),
        child: Text(
          dateText,
          textAlign: TextAlign.center,
          style: Theme.of(context).textTheme.titleMedium,
        ),
      ),
      const SizedBox(height: 8.0),
      const Padding(
        padding: EdgeInsets.all(8.0),
        child: CircularProgressIndicator(
          value: null,
        ),
      ),
    ];

    var theme = Theme.of(context);

    return Container(
      color: theme.scaffoldBackgroundColor,
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: children,
      ),
    );
  }
}