import 'package:blinking_text/blinking_text.dart';
import 'package:flutter/material.dart';
import 'package:queuing_system/core/config/size_config.dart';
import 'package:queuing_system/core/response_model/patient_call.dart';
import 'package:queuing_system/utils/call_type.dart';
import 'package:queuing_system/widget/data_display/app_texts_widget.dart';

class PriorityTickets extends StatelessWidget {
  List<Tickets> tickets;

  PriorityTickets(this.tickets, {Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final firstTicket = tickets[0];
    final otherTickets = tickets.sublist(1, tickets.length);

    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        const SizedBox(height: 20),
        vTicketItem(
          ticketNo: firstTicket.queueNo ?? '',
          callType: firstTicket.getCallType(),
          scale: 1,
          blink: true,
          roomNo: firstTicket.roomNo,
        ),
        const SizedBox(height: 40),
        if (tickets.length > 1) ...[
          SizedBox(height: SizeConfig.getHeightMultiplier() * 1.5),
          Column(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: otherTickets
                .map((ticket) => Padding(
                      padding: EdgeInsets.only(top: SizeConfig.getHeightMultiplier() * 2),
                      child: vTicketItem(
                        ticketNo: ticket.queueNo ?? '',
                        callType: ticket.getCallType(),
                        scale: 0.7,
                        roomNo: ticket.roomNo,
                      ),
                    ))
                .toList(),
          )
        ]
      ],
    );
  }
}

class vTicketItem extends StatelessWidget {
  final String ticketNo;
  final String roomNo;
  final CallType callType;
  final bool blink;
  final double scale;

  const vTicketItem({@required this.ticketNo, @required this.roomNo, @required this.callType, this.scale, this.blink = false});

  String getFormattedTicket(String ticketNo) {
    var formattedString = ticketNo.split(" ");
    return formattedString[0] + "   " + formattedString[1];
  }

  @override
  Widget build(BuildContext context) {
    return Transform.scale(
      scale: scale,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          BlinkText(getFormattedTicket(ticketNo),
              style: TextStyle(
                fontSize: SizeConfig.getWidthMultiplier() * 10,
                letterSpacing: -9.32,
                height: 0.5,
                fontWeight: FontWeight.bold,
              ),
              beginColor: Colors.black,
              endColor: blink ? Colors.black.withOpacity(0.1) : Colors.black,
              // endColor: blink ? AppGlobal.appRedColor : Colors.black,
              times: 0,
              duration: const Duration(seconds: 1)),
          // AppText(
          //     ticketNo,
          //     letterSpacing: -9.32,
          //     fontSize: SizeConfig.getWidthMultiplier() * 16,
          //     fontWeight: FontWeight.bold,
          //     fontHeight: 0.7,
          // ),
          const SizedBox(height: 10),
          Row(
            crossAxisAlignment: CrossAxisAlignment.end,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              callType.icon(SizeConfig.getHeightMultiplier() * 3),
              const SizedBox(width: 10),
              AppText(
                callType.message('en'),
                color: callType.color(),
                letterSpacing: -1.5,
                fontSize: SizeConfig.getWidthMultiplier() * 3.8,
                fontWeight: FontWeight.w600,
                fontHeight: 0.5,
              ),
              Container(
                color: Colors.grey.withOpacity(0.3),
                width: 6,
                height: SizeConfig.getHeightMultiplier() * 3,
                margin: const EdgeInsets.symmetric(horizontal: 10),
              ),
              AppText(
                "Room: $roomNo",
                color: callType.color(),
                letterSpacing: -1.5,
                fontSize: SizeConfig.getWidthMultiplier() * 3.8,
                fontWeight: FontWeight.w600,
                fontHeight: 0.5,
              ),
            ],
          ),
        ],
      ),
    );
  }
}