tournamentTag function

Implementation

Widget tournamentTag(
  String creatorImage,
  String creatorName,
  int creatorElo,
  String startTime,
  int rounds,
  int duration,
  int increments,
  bool finished,
  bool hasStarted,
  bool notFocused,
  BuildContext context,
) {
  return Center(
    child: SizedBox(
      width: defaultWidth * 0.85,
      child: Column(
        children: [
          // Tournament status
          Container(
            padding: const EdgeInsets.symmetric(vertical: 2.5),
            foregroundDecoration: BoxDecoration(
              borderRadius:
                  const BorderRadius.vertical(top: Radius.circular(15)),
              color: Colors.black.withOpacity(notFocused ? 0.45 : 0.0),
            ),
            decoration: BoxDecoration(
              color: finished
                  ? Colors.red
                  : hasStarted
                      ? Colors.orange
                      : Colors.green,
              borderRadius:
                  const BorderRadius.vertical(top: Radius.circular(15)),
            ),
            width: defaultWidth * 0.85,
            child: Center(
              child: Text(
                finished
                    ? "Finalizado"
                    : hasStarted
                        ? "En curso..."
                        : "Esperando...",
                overflow: TextOverflow.visible,
                style: const TextStyle(
                  color: Colors.white,
                  fontWeight: FontWeight.bold,
                  fontSize: 17,
                ),
              ),
            ),
          ),

          // Tournament info
          Container(
            color: Colors.green,
            child: Container(
              foregroundDecoration: BoxDecoration(
                color: Colors.black
                    .withOpacity(finished || notFocused ? 0.45 : 0.0),
              ),
              padding: EdgeInsets.symmetric(vertical: defaultWidth * 0.0175),
              color: Theme.of(context).colorScheme.secondary,
              child: Row(
                children: [
                  // Creator picture
                  Padding(
                    padding:
                        const EdgeInsets.symmetric(horizontal: 20, vertical: 5),
                    child: imageItem(
                        defaultHeight * 0.08, 2, creatorImage, context),
                  ),

                  // Tag info
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      // Creator Name
                      tagCreator(
                          "Torneo de:", creatorName, creatorElo, context),

                      SizedBox(height: defaultWidth * 0.0175),

                      // Match duration & Increment & Round number
                      Row(
                        children: [
                          tagInfo("Rondas", rounds.toString(), context),
                          SizedBox(width: defaultWidth * 0.05),
                          tagInfo("Duración", "${duration.toString()} min",
                              context),
                          SizedBox(width: defaultWidth * 0.05),
                          tagInfo("Incremento", "${increments.toString()} seg",
                              context),
                        ],
                      ),
                    ],
                  ),
                ],
              ),
            ),
          ),
          Container(
            padding: const EdgeInsets.symmetric(vertical: 2.5),
            foregroundDecoration: BoxDecoration(
              borderRadius:
                  const BorderRadius.vertical(bottom: Radius.circular(15)),
              color:
                  Colors.black.withOpacity(finished || notFocused ? 0.45 : 0.0),
            ),
            decoration: BoxDecoration(
              color: Theme.of(context).colorScheme.primary,
              borderRadius:
                  const BorderRadius.vertical(bottom: Radius.circular(15)),
            ),
            width: defaultWidth * 0.85,
            child: Center(
              child: Text(
                startTime,
                overflow: TextOverflow.visible,
                style: TextStyle(
                  color: Theme.of(context).colorScheme.tertiary,
                  fontWeight: FontWeight.bold,
                  fontSize: 17,
                ),
              ),
            ),
          ),
        ],
      ),
    ),
  );
}