import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';

import '../../core/utils/size_config.dart';

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

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: 327.0.w(),
      height: 309.0.h(),
      child: Padding(
        padding: EdgeInsets.symmetric(horizontal: 16.0.w(), vertical: 16.0.h()),
        child: Column(
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Text(
                  '2025-05-21',
                  style: TextStyle(
                    fontSize: 12.0.sp(),
                    fontWeight: FontWeight.w400,
                    color: Color(0xFF777777),
                  ),
                ),
                Container(
                  width: 91.0.w(),
                  height: 24.0.h(),
                  decoration: BoxDecoration(
                    color: Color(0xFFDAF8D6),
                    borderRadius: BorderRadius.circular(8),
                  ),
                  alignment: Alignment.center,
                  child: Text(
                    'Completed',
                    style: TextStyle(
                      fontSize: 12.0.sp(),
                      fontWeight: FontWeight.w500,
                      color: Color(0xFF289744),
                    ),
                  ),
                ),
              ],
            ),
            SizedBox(height: 12.0.h()),
            Text(
              'Lorem ipsum dolor sit amet consectetur. Sed mi tortor eu purus senectus.',
              style: TextStyle(
                fontSize: 16.0.sp(),
                fontWeight: FontWeight.w600,
                color: Color(0xFF222222),
              ),
            ),
            SizedBox(height: 8.0.h()),
            Text(
              'Lorem ipsum dolor sit amet consectetur. Volutpat velit tincidunt amet diam. Placerat congue ut Sed facilisis faucibus porttitor. Proin suspendisse eu euismod sit lorem quis. Suscipit ...',
              style: TextStyle(
                fontSize: 14.0.sp(),
                fontWeight: FontWeight.w400,
                color: Color(0xFF222222),
              ),
            ),
            SizedBox(height: 24.0.h()),
            Row(
              children: [
                SvgPicture.asset('assets/icons/location.svg'),
                SizedBox(width: 1.0.w()),
                Text(
                  'Location',
                  style: TextStyle(
                    fontSize: 12.0.sp(),
                    fontWeight: FontWeight.w400,
                    color: Color(0xFF777777),
                  ),
                ),
                SizedBox(width: 8.0.w()),
                SizedBox(
                  width: 32.0.w(),
                  height: 21.0.h(),
                  child: Image.asset('assets/icons/SE.png', fit: BoxFit.cover),
                ),
                Spacer(),
                Container(
                  width: 96.0.w(),
                  height: 24.0.h(),
                  decoration: BoxDecoration(
                    color: Color(0xFFE4E4E4),
                    borderRadius: BorderRadius.circular(88),
                    border: Border.all(color: Color(0xFFDADADA)),
                  ),
                  alignment: Alignment.center,
                  child: Text(
                    'Self Control',
                    style: TextStyle(
                      fontSize: 12.0.sp(),
                      fontWeight: FontWeight.w500,
                      color: Color(0xFF777777),
                    ),
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}