import 'package:flutter_web/material.dart';
import 'defaults.dart';
import 'card_templates.dart';
import 'vistadrives.dart';
import 'vistawalks.dart';
import 'vistahikes.dart';
import 'vistasnorthpdx.dart';
import 'vistasnortheastpdx.dart';
import 'vistassoutheastpdx.dart';
import 'greshamvistas.dart';
import 'remotevistas.dart';
import 'gorgevistas.dart';

class Vistas extends StatefulWidget {
  @override
  _VistasState createState() => _VistasState();
}

class _VistasState extends State<Vistas> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
            'walkable-street-areas\nwith bars-restaurants',
          ),
        centerTitle: true,
        backgroundColor: navy,
      ),
      backgroundColor: peacockBlue,
      body: SingleChildScrollView(
        child: Container(
          padding: EdgeInsets.only(bottom: 6.0,),
          child: Column(
            children: <Widget>[
              InkWell(
                onTap: () async {
                  await Navigator.push(context, MaterialPageRoute(builder: (context) => VistaDrives()));
                },
                child: cardOne('Drive to the Top'),
              ),
              InkWell(
                onTap: () async {
                  await Navigator.push(context, MaterialPageRoute(builder: (context) => VistaWalks()));
                },
                child: cardOne('Walk to the Top'),
              ),
              InkWell(
                onTap: () async {
                  await Navigator.push(context, MaterialPageRoute(builder: (context) => VistaHikes()));
                },
                child: cardOne('A Real Hike to the Top'),
              ),
              InkWell(
                onTap: () async {
                  await Navigator.push(context, MaterialPageRoute(builder: (context) => GorgeVistas()));
                },
                child: cardOne('Gorge'),
              ),
              InkWell(
                onTap: () async {
                  await Navigator.push(context, MaterialPageRoute(builder: (context) => RemoteVistas()));
                },
                child: cardOne('Remote'),
              ),
              InkWell(
                onTap: () async {
                  await Navigator.push(context, MaterialPageRoute(builder: (context) => VistasNorthPDX()));
                },
                child: cardOne('North Portland'),
              ),
              InkWell(
                onTap: () async {
                  await Navigator.push(context, MaterialPageRoute(builder: (context) => VistasNorthEastPDX()));
                },
                child: cardOne('NE Portland'),
              ),
              InkWell(
                onTap: () async {
                  await Navigator.push(context, MaterialPageRoute(builder: (context) => VistasSouthEastPDX()));
                },
                child: cardOne('SE Portland'),
              ),
              InkWell(
                onTap: () async {
                  await Navigator.push(context, MaterialPageRoute(builder: (context) => GreshamVistas()));
                },
                child: cardOne('Gresham'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}