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

import 'package:flutter/material.dart';

import 'package:function_types/function_types.dart';
import 'package:intl/intl.dart';

class JournalEditorHeader extends StatelessWidget {
  final DateTime dt;
  final Func1<DateTime, void> onChange;

  const JournalEditorHeader(this.dt, {required this.onChange});

  @override
  Widget build(BuildContext context) {
    var created = dt;
    var dateStr = DateFormat('MMMM, yyyy').format(created);
    var timeStr = DateFormat('EEEE HH:mm').format(created);

    var bigNum = Text(
      created.day.toString(),
      style: const TextStyle(fontSize: 40.0),
    );

    var dateText = Text(
      dateStr,
      style: const TextStyle(fontSize: 18.0),
    );

    var timeText = Text(
      timeStr,
      style: const TextStyle(fontSize: 18.0),
    );

    var w = Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        bigNum,
        const SizedBox(width: 8.0),
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            dateText,
            timeText,
          ],
        ),
      ],
    );

    return Padding(
      padding: const EdgeInsets.only(top: 8.0, bottom: 18.0),
      child: GestureDetector(
        onTap: () async {
          var orig = dt;
          var date = await showDatePicker(
            context: context,
            initialDate: orig,
            firstDate: DateTime(1000),
            lastDate: DateTime(2100),
          );

          var time = await showTimePicker(
            context: context,
            initialTime: TimeOfDay.fromDateTime(orig),
          );

          if (date == null && time == null) {
            return;
          }

          date ??= orig;
          time ??= TimeOfDay.fromDateTime(orig);

          var d = DateTime(
            date.year,
            date.month,
            date.day,
            time.hour,
            time.minute,
          );
          onChange(d);
        },
        child: w,
      ),
    );
  }
}