import 'package:chipin_blogpost/features/authentication/services/auth_service.dart';
import 'package:chipin_blogpost/features/events/models/event_model.dart';
import 'package:chipin_blogpost/features/events/services/event_service.dart';
import 'package:flutter/material.dart';

class EventCreationScreen extends StatefulWidget {
  final EventService eventService;

  const EventCreationScreen({required this.eventService});

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

class _EventCreationScreenState extends State<EventCreationScreen> {
  final _formKey = GlobalKey<FormState>();
  late final String _id = '';
  late String _title;
  DateTime _date = DateTime.now();
  TimeOfDay _time = TimeOfDay.now();
  late String _location;
  late String _description;

  Future<void> _selectDate() async {
    final DateTime? picked = await showDatePicker(
      context: context,
      initialDate: _date,
      firstDate: DateTime.now(),
      lastDate: DateTime(2100),
    );
    if (picked != null && picked != _date) {
      setState(() {
        _date = picked;
      });
    }
  }

  Future<void> _selectTime() async {
    final TimeOfDay? newTime = await showTimePicker(
      context: context,
      initialTime: _time,
    );
    if (newTime != null) {
      setState(() {
        _time = newTime;
      });
    }
  }

  void _submit() async {
    if (_formKey.currentState!.validate()) {
      _formKey.currentState!.save();

      DateTime dateTime = DateTime(
        _date.year,
        _date.month,
        _date.day,
        _time.hour,
        _time.minute,
      );

      MyEventModel newEvent = MyEventModel(
        eventId: _id,
        title: _title,
        dateTime: dateTime,
        location: _location,
        description: _description,
        creatorId: await AuthService.getCreatorId(),
      );

      bool success = await widget.eventService.createEvent(newEvent);

      if (success) {
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(
            content: Text('Event created successfully!'),
          ),
        );

        setState(() {
          _title = '';
          _date = DateTime.now();
          _time = TimeOfDay.now();
          _location = '';
          _description = '';
        });

        Navigator.pop(context);
      } else {
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(
            content: Text('Failed to create event.'),
          ),
        );
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Create Event'),
      ),
      body: Form(
        key: _formKey,
        child: ListView(
          padding: const EdgeInsets.all(16.0),
          children: [
            TextFormField(
              decoration: const InputDecoration(
                labelText: 'Title',
              ),
              validator: (value) =>
                  value!.isEmpty ? 'Please enter a title' : null,
              onSaved: (value) => _title = value!,
            ),
            TextFormField(
              decoration: const InputDecoration(
                labelText: 'Location',
              ),
              validator: (value) =>
                  value!.isEmpty ? 'Please enter a location' : null,
              onSaved: (value) => _location = value!,
            ),
            TextFormField(
              decoration: const InputDecoration(
                labelText: 'Description',
              ),
              validator: (value) =>
                  value!.isEmpty ? 'Please enter a description' : null,
              onSaved: (value) => _description = value!,
            ),
            ListTile(
              leading: const Icon(Icons.calendar_today),
              title: const Text('Date'),
              subtitle: Text(
                '${_date.year}-${_date.month}-${_date.day}',
              ),
              onTap: _selectDate,
            ),
            ListTile(
              leading: const Icon(Icons.access_time),
              title: const Text('Time'),
              subtitle: Text(
                _time.format(context),
              ),
              onTap: _selectTime,
            ),
            const SizedBox(height: 16.0),
            ElevatedButton(
              onPressed: _submit,
              child: const Text('Create Event'),
            ),
          ],
        ),
      ),
    );
  }
}

This code represents a screen called EventCreationScreen that allows users to create events.

• It imports necessary dependencies and classes for authentication, event models, and event services.
• The EventCreationScreen is a stateful widget, which means it can change its internal state.
• The screen requires an EventService object to handle event-related operations.
• The screen contains a form that allows users to enter details such as title, location, description, date, and time for the event they want to create.
• The _formKey is a unique identifier for the form that helps with form validation and submission.
• The screen has variables to store the event details entered by the user, such as _title for the event title, _date for the selected date, _time for the selected time, _location for the event location, and _description for the event description.
• There are two asynchronous methods, _selectDate and _selectTime, that open date and time picker dialogs respectively, allowing the user to select the event date and time.
• The selected date and time are stored in the respective variables _date and _time, and the UI is updated using setState.
• The _submit method is called when the user submits the form.
  • It first validates the form data to ensure all required fields are filled.
  • If the form is valid, it saves the form data and creates a new event object using the entered values, including the event ID, title, date, time, location, description, and the creator's ID fetched from the AuthService.
  • The createEvent method of the EventService is then called to create the event using the new event object.
  • If the event creation is successful, a success message is shown using a SnackBar, and the form fields are reset.
  • If the event creation fails, an error message is displayed using a SnackBar.
• The build method is responsible for building the UI of the screen.
  • It returns a Scaffold widget with an app bar and a body.
  • The body consists of a Form widget that wraps a ListView containing form fields and UI elements.
  • Each form field is represented by a TextFormField widget with appropriate decoration, validation, and save callbacks.
  • The date and time fields are represented by ListTile widgets with leading icons and respective subtitles displaying the selected date and time.
  • There's also an elevated button that triggers the _submit method when pressed.

In summary, this code implements a screen for creating events. Users can enter event details in a form, select a date and time, and submit the form to create a new event. The form data is validated and saved before creating the event using the EventService. Success and error messages are shown accordingly.