import 'package:flutter/material.dart';

import '../../../../common/theme/theme.dart';
import '../../../components/spacer/spacer.dart';
import '../../../components/widgets/particle_card.dart';

class HomePromoBanner extends StatelessWidget {
  const HomePromoBanner({super.key});

  static const _outlets = [
    'ENAKLO RAWAMANGUNG',
    'ENAKLO WOKU PEDAS\nKELAPA GADING',
  ];

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(
        AppValue.padding,
        24,
        AppValue.padding,
        0,
      ),
      child: Row(
        children: [
          for (int i = 0; i < _outlets.length; i++) ...[
            Expanded(
              child: ParticleCard(
                height: 100,
                padding: const EdgeInsets.symmetric(
                  horizontal: 12,
                  vertical: 12,
                ),
                decorationOpacity: 0.8,
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Container(
                      padding: const EdgeInsets.symmetric(
                        horizontal: 7,
                        vertical: 2,
                      ),
                      decoration: BoxDecoration(
                        color: AppColor.white.withOpacity(0.2),
                        borderRadius: BorderRadius.circular(20),
                      ),
                      child: Text(
                        'OUTLET',
                        style: AppStyle.xs.copyWith(
                          color: AppColor.white,
                          fontWeight: FontWeight.w700,
                          letterSpacing: 1.0,
                          fontSize: 10,
                        ),
                      ),
                    ),
                    const SpaceHeight(6),
                    Text(
                      _outlets[i],
                      style: AppStyle.sm.copyWith(
                        color: AppColor.white,
                        fontWeight: FontWeight.w800,
                        height: 1.25,
                      ),
                      maxLines: 3,
                      overflow: TextOverflow.ellipsis,
                    ),
                  ],
                ),
              ),
            ),
            if (i < _outlets.length - 1) const SpaceWidth(12),
          ],
        ],
      ),
    );
  }
}