Remever/lib/screens/collections/widgets/ticket_card.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_slidable/flutter_slidable.dart';
import 'package:readmore/readmore.dart';
import 'package:remever/common/functions.dart';
import 'package:remever/common/resources.dart';
import 'package:remever/common/typography.dart';
import 'package:remever/common/widgets/w_if.dart';
import 'package:remever/common/widgets/wspace.dart';
import 'package:remever/components/extensions/context.dart';
import 'package:remever/components/extensions/state.dart';
import 'package:remever/database/database.dart';
import 'package:remever/gen/assets.gen.dart';
import 'package:remever/screens/dialogs/alert_dialog.dart';
import 'package:remever/screens/dialogs/replace_diaog.dart';

class TicketCard extends StatefulWidget {
  const TicketCard({
    required this.ticket,
    required this.currentCollection,
    super.key,
  });

  final Collection currentCollection;
  final Ticket ticket;

  @override
  State<TicketCard> createState() => _TicketCardState();
}

class _TicketCardState extends State<TicketCard> {
  bool _isRolled = false;

  void _onDeleteTap() {
    showCuperModalBottomSheet(
      context: context,
      height: 262.h,
      builder:
          (BuildContext context) => const AlertInfoDialog(
            title: 'Вы хотите удалить карточку?\nЭто действие необратимо',
            acceptTitle: 'Да, удалить',
            declineTitle: 'Нет, оставить',
          ),
    );
  }

  void _onReplaceTap() {
    showCuperModalBottomSheet(
      context: context,
      height: 394.h,
      backgroundColor: AppColors.gray_bg,
      builder: (BuildContext context) => const ReplaceDialog(),
    );
  }

  void _onRollTap() {
    safeSetState(() => _isRolled = !_isRolled);
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.only(top: 8).r,
      child: Slidable(
        enabled: true,
        endActionPane: ActionPane(
          extentRatio: 0.62,
          motion: const StretchMotion(),
          children: <Widget>[
            const WSpace(8),
            _buildSlidableAction(
              context: context,
              backgroundColor: const Color(0xFFFFE4E6),
              foregroundColor: const Color(0xFFFF5C69),
              icon: CupertinoIcons.trash,
              onPressed: () => _onDeleteTap(),
            ),
            const WSpace(8),
            _buildSlidableAction(
              context: context,
              backgroundColor: const Color(0xFFD7E6F4),
              foregroundColor: const Color(0xFF0058AB),
              icon: CupertinoIcons.repeat,
              onPressed: () => _onRollTap(),
            ),
            const WSpace(8),
            _buildSlidableAction(
              context: context,
              backgroundColor: AppColors.secondary,
              foregroundColor: AppColors.primary,
              icon: CupertinoIcons.move,
              onPressed: () => _onReplaceTap(),
            ),
          ],
        ),
        child: Container(
          width: double.infinity,
          decoration: BoxDecoration(
            borderRadius: const BorderRadius.all(Radius.circular(12)).r,
            color: Colors.white,
          ),
          constraints: BoxConstraints(minHeight: 50.h),
          child: Stack(
            children: <Widget>[
              SizedBox(
                height: 50.h,
                width: double.infinity,
                child: DecoratedBox(decoration: getDecoration()),
              ),
              Padding(
                padding: const EdgeInsets.all(12).r,
                child: Column(
                  children: <Widget>[
                    Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        _buildImage(),
                        _buildText(context),
                        _buildEditButton(),
                      ],
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  /// Кнопка редактирования
  Widget _buildEditButton() {
    return GestureDetector(
      onTap: () {},
      child: Assets.icons.typeEdit.image(height: 24.h, width: 24.w),
    );
  }

  ///
  /// Кнопка в меню свайпа
  ///
  Widget _buildSlidableAction({
    required BuildContext context,
    required Color backgroundColor,
    required Color foregroundColor,
    required IconData icon,
    required VoidCallback onPressed,
  }) {
    return SlidableAction(
      borderRadius: BorderRadius.circular(12).r,
      onPressed: (_) => onPressed(),
      backgroundColor: backgroundColor,
      foregroundColor: foregroundColor,
      icon: icon,
    );
  }

  Widget _buildText(BuildContext context) {
    return Expanded(
      child: ReadMoreText(
        isExpandable: true,
        _isRolled ? widget.ticket.answer : widget.ticket.question,
        trimMode: TrimMode.Line,
        trimLines: 3,
        trimCollapsedText: '\nРазвернуть',
        trimExpandedText: '\nСвернуть',
        style: Regular16px().style,
        moreStyle: Regular12px().style.copyWith(color: AppColors.primary_blue),
        lessStyle: Regular12px().style.copyWith(color: AppColors.primary_blue),
      ),
    );
  }

  /// Картинка
  Widget _buildImage() {
    return Wif(
      condition: _isRolled,
      builder:
          (context) => Wif(
            condition: widget.ticket.answerImage != null,
            builder: (BuildContext context) {
              return Padding(
                padding: const EdgeInsets.only(right: 8).r,
                child: SizedBox.square(
                  dimension: 64.r,
                  child: ClipRRect(
                    borderRadius: const BorderRadius.all(Radius.circular(8)).r,
                    child: Image.memory(
                      widget.ticket.answerImage!,
                      fit: BoxFit.cover,
                    ),
                  ),
                ),
              );
            },
          ),
      fallback:
          (context) => Wif(
            condition: widget.ticket.questionImage != null,
            builder: (BuildContext context) {
              return Padding(
                padding: const EdgeInsets.only(right: 8).r,
                child: SizedBox.square(
                  dimension: 64.r,
                  child: ClipRRect(
                    borderRadius: const BorderRadius.all(Radius.circular(8)).r,
                    child: Image.memory(
                      widget.ticket.questionImage!,
                      fit: BoxFit.cover,
                    ),
                  ),
                ),
              );
            },
          ),
    );
  }

  /// Декорирование контейнера
  BoxDecoration getDecoration() {
    return BoxDecoration(
      borderRadius: const BorderRadius.all(Radius.circular(12)).r,
      gradient: LinearGradient(
        colors: <Color>[
          _isRolled ? AppColors.answer : AppColors.question,
          Colors.white,
        ],
        begin: Alignment.topLeft,
        end: const Alignment(-0.6, 1),
        stops: const <double>[0.25, 0.25],
      ),
    );
  }
}