import 'package:flutter/material.dart';
import 'package:menui_mobile/services.dart';
import 'lineOfAllergens.dart';
import 'iconChip.dart';

class DishView extends StatelessWidget {
  final Dish dish;
  DishView({@required this.dish});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(color: Colors.grey[850]),
        child: Column(
          children: <Widget>[
            Container(
              decoration: BoxDecoration(
                image: DecorationImage(
                    image: NetworkImage(
                      dish.imgUrl,
                    ),
                    fit: BoxFit.cover),
              ),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  SizedBox(
                    height: 160,
                    width: double.infinity,
                  ),
                  Container(
                    padding: EdgeInsets.all(12),
                    decoration: BoxDecoration(
                        color: Colors.grey[850],
                        borderRadius: BorderRadius.all(Radius.circular(8))),
                    child: Row(
                      mainAxisSize: MainAxisSize.min,
                      children: <Widget>[
                        Icon(
                          Icons.restaurant,
                          color: Colors.orange,
                        ),
                        SizedBox(
                          width: 8,
                        ),
                        Text(
                          dish.name,
                          style: TextStyle(
                              fontSize: 24,
                              color: Colors.white,
                              fontWeight: FontWeight.w300),
                        ),
                      ],
                    ),
                    margin: EdgeInsets.all(12),
                  )
                ],
              ),
            ),
            SizedBox(height: 8),
            Text(
              'Może zawierać',
              style: TextStyle(color: Colors.orange, fontSize: 14),
            ),
            Allergens(allergens: dish.allergens),
            Divider(
              height: 14,
              thickness: 4,
            ),
            SizedBox(
              height: 8,
            ),
            Prices(prices: dish.prices),
            SizedBox(
              height: 8,
            ),
            Divider(
              height: 14,
              thickness: 4,
            ),
            SizedBox(
              height: 6,
            ),
            Text(
              'Składniki',
              style: TextStyle(color: Colors.orange, fontSize: 14),
            ),
            SizedBox(
              height: 12,
            ),
            Text(
              '${dish.ingredients}',
              style: TextStyle(color: Colors.grey[200], fontSize: 12),
            ),
            SizedBox(
              height: 6,
            ),
            Divider(
              height: 14,
              thickness: 4,
            ),
            SizedBox(
              height: 6,
            ),
            Wrap(
              spacing: 10,
              children: <Widget>[
                IconChip(
                    icon: Icons.battery_charging_full,
                    leading: "Wartość energetyczna",
                    value: dish.kCal),
                IconChip(
                    icon: Icons.cake,
                    leading: "Indeks glikemiczny",
                    value: dish.glicemicIndex),
              ],
            ),
            SizedBox(
              height: 12,
            ),
            Text(
              'Uwagi',
              style: TextStyle(color: Colors.orange, fontSize: 14),
            ),
            SizedBox(
              height: 12,
            ),
            if (dish.notes == "")
              Text(
                '---',
                style: TextStyle(color: Colors.grey[200], fontSize: 12),
              ),
            if (dish.notes != "")
              Text(
                '${dish.notes}',
                style: TextStyle(color: Colors.grey[200], fontSize: 12),
              ),
            if (dish.vegan)
              Text(
                'Danie wegańskie',
                style: TextStyle(color: Colors.grey[200], fontSize: 12),
              ),
            if (dish.vegetarian)
              Text(
                'Danie wegetariańskie',
                style: TextStyle(color: Colors.grey[200], fontSize: 12),
              ),
          ],
        ),
      ),
    );
  }
}

class Prices extends StatelessWidget {
  final MenuiPrices prices;

  Prices({@required this.prices});

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: <Widget>[
        if (prices.price1.priceName == "")
          Container(
            padding: EdgeInsets.all(12),
            decoration: BoxDecoration(
                color: Colors.grey[800],
                borderRadius: BorderRadius.all(Radius.circular(12))),
            child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
                  Icon(
                    Icons.attach_money,
                    color: Colors.orange,
                  ),
                  SizedBox(height: 8),
                  Text(
                    '${prices.price1.price} zł',
                    style: TextStyle(color: Colors.white, fontSize: 14),
                  ),
                ]),
          ),
        if (prices.price1.priceName != "")
          Container(
            padding: EdgeInsets.all(12),
            decoration: BoxDecoration(
                color: Colors.grey[800],
                borderRadius: BorderRadius.all(Radius.circular(12))),
            child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
                  Icon(
                    Icons.attach_money,
                    color: Colors.orange,
                  ),
                  SizedBox(height: 8),
                  Text(
                    '(${prices.price1.priceName})',
                    style: TextStyle(color: Colors.white, fontSize: 11),
                  ),
                  Text(
                    '${prices.price1.price} zł',
                    style: TextStyle(color: Colors.white, fontSize: 14),
                  ),
                ]),
          ),
        if (prices.price2.priceName != "")
          Container(
            padding: EdgeInsets.all(12),
            decoration: BoxDecoration(
                color: Colors.grey[800],
                borderRadius: BorderRadius.all(Radius.circular(12))),
            child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
                  Icon(
                    Icons.attach_money,
                    color: Colors.orange,
                  ),
                  SizedBox(height: 8),
                  Text(
                    '(${prices.price2.priceName})',
                    style: TextStyle(color: Colors.white, fontSize: 11),
                  ),
                  Text(
                    '${prices.price2.price} zł',
                    style: TextStyle(color: Colors.white, fontSize: 14),
                  ),
                ]),
          ),
        if (prices.price3.priceName != "")
          Container(
            padding: EdgeInsets.all(12),
            decoration: BoxDecoration(
                color: Colors.grey[800],
                borderRadius: BorderRadius.all(Radius.circular(12))),
            child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
                  Icon(
                    Icons.attach_money,
                    color: Colors.orange,
                  ),
                  SizedBox(height: 8),
                  Text(
                    '(${prices.price3.priceName})',
                    style: TextStyle(color: Colors.white, fontSize: 11),
                  ),
                  Text(
                    '${prices.price3.price} zł',
                    style: TextStyle(color: Colors.white, fontSize: 14),
                  ),
                ]),
          ),
      ],
    );
  }
}