import 'package:flutter/material.dart';
import 'package:le_kiosque_by_gcs/model/magazine.dart';
import 'package:le_kiosque_by_gcs/ui/custom/item_mag_large.dart';
import 'package:le_kiosque_by_gcs/ui/view/detailmag/detail_mag.dart';

import 'item_mag_row.dart';
import 'item_mag_small.dart';

class ItemMagRowNewest extends StatelessWidget {
  const ItemMagRowNewest({
    Key key,
    this.magazines,
  }) : super(key: key);

  final List<Magazine> magazines;
  final title = "Nouveautés";


  @override
  Widget build(BuildContext context) {
    return SliverToBoxAdapter(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Padding(
            padding: const EdgeInsets.only(bottom: 16, top: 26),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Text(
                  title,
                  style: TextStyle(
                    fontWeight: FontWeight.bold,
                    fontSize: 22,
                  ),
                ),
                InkWell(
                  onTap: () => showDetailCategoryMagazine(
                    context: context,
                    magazines: magazines,
                    rowTitle: title,
                  ),
                  child: Text(
                    'Détails',
                    style: TextStyle(fontSize: 16, color: Color(0xFF25ADF3)),
                  ),
                )
              ],
            ),
          ),
          Container(
            height: 235,
            child: ListView.builder(
              scrollDirection: Axis.horizontal,
              itemCount: magazines.length,
              itemBuilder: (context, index) {
                return Padding(
                  padding: const EdgeInsets.only(right: 16),
                  child: ItemMagLarge(
                    magazine: magazines[index],
                  ),
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}