qadirneyriz/lib/widgets/card_meeting.dart

// ignore_for_file: public_member_api_docs, sort_constructors_first
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:provider/provider.dart';
import 'package:qadirneyriz/config/config.dart';
import 'package:qadirneyriz/screens/meeting/state.dart';

class CustomCardMeeting extends StatelessWidget {
  final String titel;
  final String date;
  final String location;
  final String fromTime;
  final String toTime;
  final int cardId;
  final void Function(String)? onSelectedMoreButton;
  final List<PopupMenuEntry<String>> Function(BuildContext)?
      itemBuilderMoreButton;
  const CustomCardMeeting({
    Key? key,
    required this.titel,
    required this.date,
    required this.location,
    required this.fromTime,
    required this.toTime,
    required this.cardId,
    this.onSelectedMoreButton,
    this.itemBuilderMoreButton,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(8.0),
      child: Consumer<MeetingsState>(
        builder: (context, value, child) {
          return Container(
            width: 350,
            decoration: BoxDecoration(
                color: const Color(0xffF4F9F6),
                boxShadow: [
                  BoxShadow(
                      color: config.ui.mainGray.withOpacity(.1),
                      spreadRadius: .1,
                      offset: const Offset(0, 2),
                      blurRadius: 6)
                ],
                borderRadius: const BorderRadius.all(Radius.circular(12))),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Flexible(
                  child: Padding(
                    padding: const EdgeInsets.all(10.0),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Row(
                          mainAxisSize: MainAxisSize.min,
                          children: [
                            Icon(
                              Icons.check,
                              color: config.ui.mainGreen,
                            ),
                            const SizedBox(
                              width: 8,
                            ),
                            Flexible(
                              fit: FlexFit.loose,
                              child: Text(
                                titel,
                                maxLines: 1,
                                style: const TextStyle(fontSize: 14),
                                overflow: TextOverflow.ellipsis,
                              ),
                            )
                          ],
                        ),
                        const SizedBox(
                          height: 8,
                        ),
                        Row(
                          children: [
                            Icon(
                              Icons.location_city_outlined,
                              color: config.ui.mainGreen,
                            ),
                            const SizedBox(
                              width: 8,
                            ),
                            Flexible(
                              fit: FlexFit.loose,
                              child: Text(
                                location,
                                maxLines: 1,
                                style: const TextStyle(fontSize: 14),
                                overflow: TextOverflow.ellipsis,
                              ),
                            ),
                          ],
                        ),
                        const SizedBox(
                          height: 8,
                        ),
                        Row(
                          children: [
                            Icon(
                              Icons.date_range,
                              color: config.ui.mainGreen,
                            ),
                            const SizedBox(
                              width: 8,
                            ),
                            Flexible(
                              fit: FlexFit.loose,
                              child: Text(
                                date,
                                maxLines: 1,
                                style: const TextStyle(fontSize: 14),
                                overflow: TextOverflow.ellipsis,
                              ),
                            ),
                          ],
                        ),
                        const SizedBox(
                          height: 8,
                        ),
                        Row(
                          children: [
                            Icon(
                              Icons.alarm,
                              color: config.ui.mainGreen,
                            ),
                            const SizedBox(
                              width: 8,
                            ),
                            Flexible(
                              fit: FlexFit.loose,
                              child: Text(
                                '$fromTime ${AppLocalizations.of(context)!.to} $toTime',
                                maxLines: 1,
                                style: const TextStyle(fontSize: 14),
                                overflow: TextOverflow.ellipsis,
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),
                ),
                itemBuilderMoreButton != null
                    ? _moreButton(context, value)
                    : Container(),
              ],
            ),
          );
        },
      ),
    );
  }

  Widget _moreButton(BuildContext context, MeetingsState state) {
    return PopupMenuButton<String>(
      color: Colors.white,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.all(
          Radius.circular(10.0),
        ),
      ),
      onSelected: onSelectedMoreButton,
      itemBuilder: itemBuilderMoreButton!,
      icon: const Icon(Icons.more_horiz),
    );
  }
}