import 'package:flutter/material.dart';

class RestaurantCard extends StatelessWidget {
  RestaurantCard(
      {@required this.id, this.name, this.city, this.imgUrl, this.tags});

  final id;
  final name;
  final city;
  final imgUrl;
  final tags;

  @override
  Widget build(BuildContext context) {
    return Card(
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.baseline,
        children: <Widget>[
          Container(
            child: ClipRRect(
              child: Image.asset(
                "img/bg_tile.jpg",
                width: 80,
                height: 80,
              ),
              borderRadius: BorderRadius.all(Radius.circular(8)),
            ),
            padding: EdgeInsets.all(8),
          ),
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Text(
                name,
                style: TextStyle(
                    color: Colors.orange[600], fontSize: 16, height: 1.7),
              ),
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  Text(
                    'Miasto: $city',
                    style: TextStyle(color: Colors.grey, fontSize: 14),
                  ),
                  Text(
                    'Opis...',
                    style: TextStyle(color: Colors.grey, fontSize: 14),
                  ),
                ],
              )
            ],
          )
        ],
      ),
      color: Color.fromRGBO(50, 50, 50, 0.8),
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
    );
  }
}

class MenuiSearchBar extends StatefulWidget {
  @override
  MenuiSearchBarState createState() {
    return MenuiSearchBarState();
  }
}

class MenuiSearchBarState extends State<MenuiSearchBar> {
  final _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) {
    return Form(
      key: _formKey,
      child: Column(
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.all(12),
            child: TextFormField(
              style: TextStyle(color: Colors.orange),
              decoration: InputDecoration(
                  hintStyle: TextStyle(color: Colors.grey),
                  enabledBorder: OutlineInputBorder(
                      borderSide: BorderSide(color: Colors.grey, width: 1.0),
                      borderRadius: BorderRadius.circular(12)),
                  focusedBorder: OutlineInputBorder(
                      borderSide: BorderSide(color: Colors.orange, width: 2.0),
                      borderRadius: BorderRadius.circular(12)),
                  hintText: 'Wyszukaj miasto lub nazwę restauracji.',
                  suffixIcon: Icon(
                    Icons.search,
                    color: Colors.orange,
                  )),
              validator: (value) {
                if (value.isEmpty) {
                  return 'Wpisz coś w pole wyszukiwania.';
                }
                return null;
              },
              cursorColor: Colors.orange,
            ),
          ),
        ],
      ),
    );
  }
}