import 'package:flutter/material.dart';
import 'package:le_kiosque_by_gcs/model/magazine.dart';
import 'package:le_kiosque_by_gcs/ui/view/pdf_reader.dart';

class ItemMagLargeSearch extends StatelessWidget {
  const ItemMagLargeSearch({
    Key key,
    @required this.magazine,
  }) : super(key: key);

  final Magazine magazine;

  void showPdfReader(BuildContext context, String magazineUrl) {
    Navigator.of(context).push(
      MaterialPageRoute(
        builder: (context) {
          return PdfReader(
            pdfUrl: magazine.magazineUrl,
          );
        },
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        InkWell(
          onTap: () {
            showPdfReader(context, magazine.magazineUrl);
          },
          child: Container(
            height: 235,
            width: 168,
            decoration: BoxDecoration(
              shape: BoxShape.rectangle,
              borderRadius: BorderRadius.all(
                Radius.circular(5),
              ),
              image: DecorationImage(
                image: NetworkImage(magazine.urlCover),
                fit: BoxFit.cover,
              ),
            ),
          ),
        ),
        Padding(
          padding: const EdgeInsets.all(8.0),
          child: Container(
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.black54,
            ),
            child: Padding(
              padding: const EdgeInsets.all(4.0),
              child: Icon(
                Icons.close_rounded,
                color: Colors.white,
              ),
            ),
          ),
        ),
      ],
    );
  }
}