import 'package:flutter/material.dart';

void fileMain() {
  runApp(
    MaterialApp(
      home: MyApp(
        event: event,
      ),
    ),
  );
}

final now = DateTime.now();
final tomorrow = DateTime(now.year, now.month, now.day + 1);
final days = List.generate(7, (index) {
  final day = now.add(Duration(days: index));
  return '${day.day}/${day.month}?${day.year}';
});

final times = List.generate(24,
    (h) => '${(h % 12).toString().padLeft(2, '0')}:00 ${h < 12 ? 'AM' : 'PM'}');

final event = Event(
  start: tomorrow.add(const Duration(hours: 10)),
  duration: const Duration(hours: 2),
  title: 'My Event',
);

class MyApp extends StatelessWidget {
  const MyApp({
    super.key,
    required this.event,
  });

  final Event event;

  @override
  Widget build(BuildContext context) {
    final eventTop = event.start.hour * 50.0;
    final eventHeight = event.duration.inHours * 50.0;

    final dayDifferent = event.start.difference(now).inDays;

    final eventLeft = dayDifferent * 100.0 + 100;
    return Scaffold(
      body: Column(
        children: [
          Expanded(
            child: SingleChildScrollView(
              child: SingleChildScrollView(
                scrollDirection: Axis.horizontal,
                child: Stack(
                  children: [
                    Row(
                      children: [
                        ...days
                            .map((day) => Container(
                                  width: 100,
                                  child: Column(
                                    children: [
                                      Text(day),
                                      ...times.map(
                                        (time) => Container(
                                          height: 50,
                                          child: Text(time),
                                        ),
                                      ),
                                    ],
                                  ),
                                ))
                            .toList(),
                      ],
                    ),
                    Positioned(
                      top: eventTop,
                      left: eventLeft,
                      child: IgnorePointer(
                        child: Container(
                          height: eventHeight,
                          width: 100,
                          color: Colors.blue,
                          alignment: Alignment.center,
                          child: Text(event.title),
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ),
          )
        ],
      ),
    );
  }
}

class Event {
  final DateTime start;
  final Duration duration;
  final String title;

  const Event({
    required this.start,
    required this.duration,
    required this.title,
  });
}