class Product {
  int id;
  String name;
  double price;
  String picture;
  int views;
  double stars;
  bool extra;

  Product(this.id, this.name, this.price, this.picture, this.views, this.stars,this.extra);
}

import 'package:ex02/models/product.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Exercise05-lab09",
      home: Exercise06(),
      debugShowCheckedModeBanner: false,
    );
  }
}
class Exercise06 extends StatefulWidget
{
  @override
  State<StatefulWidget> createState() =>_Exercise06State();

}
class _Exercise06State extends State<Exercise06> {
  List<Product> products = [
    Product(1, 'Ví nam mini đựng thẻ VS22 chất da Saffiano bền đẹp chống nước',
        255000, '1.jpg', 12, 4.0, true),
    Product(
        2,
        'Túi đeo chéo LEACAT polyester chống thấm nước thời trang công sở đa năng dành cho nam',
        315000,
        '2.jpg',
        1322,
        5.0,
        false),
    Product(3, 'Phin cafe Trung Nguyên - Phin nhôm cá nhân cao cấp', 28000,
        '3.jpg', 12200, 4.5, true),
    Product(4, 'Ví da cầm tay mềm mại cỡ lớn thiết kế thời trang cho nam',
        610000, '4.jpg', 56, 5.0, true),
    Product(5, 'Dép nữ đế xuồng bản quai trơn đế độn 6cm lên chân sang chảnh',
        52000, '5.jpg', 200, 5.0, true),
    Product(
        6,
        'DTai nghe không dây âm thanh nổi M10 Tws Tai nghe nhét tai cho điện thoại thông minh Android',
        52000,
        '6.jpg',
        1230,
        4.6,
        false),
  ];
  @override
  Widget build(BuildContext context) {

    var f = NumberFormat.currency(locale: "vi_VN");
    return Scaffold(
       appBar: AppBar(title: Text("Danh sách sản phẩm"),),
      body: GridView.count(
        padding: const EdgeInsets.all(3),
        crossAxisCount: 2,
        childAspectRatio: 1 / 1.5,
        shrinkWrap: true,
        children: List.generate(
            products.length,
            (index) => Container(
                  margin: const EdgeInsets.all(3),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Image.asset('assets/products/${products[index].picture}'),
                      Text(
                        products[index].name,
                        maxLines: 2,
                        overflow: TextOverflow.ellipsis,
                      ),
                      Row(
                        children: [
                          (products[index].extra)
                              ? Image.asset('assets/images/extra.jpg')
                              : const SizedBox(),
                          const Icon(
                            Icons.star,
                            color: Colors.amber,
                          ),
                          Text(products[index].stars.toString())
                        ],
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text( f.format(products[index].price),
                            textAlign: TextAlign.left,
                            style: const TextStyle(color: Colors.red),
                          ),
                          Text(
                              '${(products[index].views > 1000.0 ? '${(products[index].views / 1000.0).toStringAsFixed(1)}k' : products[index].views)} views')
                        ],
                      )
                    ],
                  ),
                )),
      ),
    );
  }
}