import 'package:didvan/config/design_config.dart';
import 'package:didvan/config/theme_data.dart';
import 'package:didvan/constants/app_icons.dart';
import 'package:didvan/models/radar_overview/radar_overview.dart';
import 'package:didvan/routes/routes.dart';
import 'package:didvan/widgets/didvan/card.dart';
import 'package:didvan/widgets/didvan/divider.dart';
import 'package:didvan/widgets/didvan/text.dart';
import 'package:didvan/widgets/skeletun_image.dart';
import 'package:flutter/material.dart';

class RadarItem extends StatelessWidget {
  final RadarOverview? radar;
  const RadarItem({Key? key, required this.radar}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return DidvanCard(
      onTap: () => Navigator.of(context).pushNamed(Routes.radarDetails),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
            padding: const EdgeInsets.all(4),
            decoration: BoxDecoration(
              color: Theme.of(context).colorScheme.secondary,
              borderRadius: DesignConfig.highBorderRadius,
            ),
            child: DidvanText(
              'برای مدیران',
              style: Theme.of(context).textTheme.overline,
              color: Theme.of(context).colorScheme.white,
            ),
          ),
          const SizedBox(height: 8),
          const DidvanText(
            'نقش مهم فولاد در اقتصاد جهانی',
            fontWeight: FontWeight.w600,
          ),
          const SizedBox(height: 8),
          const SkeletonImage(
            imageUrl: 'https://wallpapercave.com/wp/wp9373116.jpg',
            width: double.infinity,
            height: 140,
          ),
          const SizedBox(height: 8),
          Row(
            children: [
              DidvanText(
                'رادار کسب و کار',
                style: Theme.of(context).textTheme.overline,
                color: Theme.of(context).colorScheme.caption,
              ),
              const Spacer(),
              DidvanText(
                'هفته پیش | خواندن 5 دقیقه',
                style: Theme.of(context).textTheme.overline,
                color: Theme.of(context).colorScheme.caption,
              ),
            ],
          ),
          const SizedBox(height: 8),
          const DidvanText(
            'صنعت فولاد جوادی مجد سلیمی است پس باید به آن توجه زیادی شود تا بازار به انفجار نرسد. پس جواد مهربانگو باشیم...',
            maxLines: 3,
          ),
          const DidvanDivider(),
          Row(
            children: const [
              Icon(
                DidvanIcons.bookmark_regular,
              ),
              Spacer(),
              DidvanText('2'),
              SizedBox(width: 4),
              Icon(DidvanIcons.chats_regular),
              SizedBox(width: 16),
              DidvanText('10'),
              SizedBox(width: 4),
              Icon(DidvanIcons.evaluation_regular),
            ],
          ),
        ],
      ),
    );
  }
}