import 'package:flutter/material.dart';
import 'package:newapp/pages/alerts_ui.dart';
import 'package:newapp/pages/home_ui.dart';
import 'package:newapp/pages/my_jobs_ui.dart';
import 'package:newapp/pages/profile_ui.dart';
import 'package:newapp/pages/search_ui.dart';


void main() => runApp(new MaterialApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title:"JobFinder",
      theme: new ThemeData(
        primaryColor: new Color(0xff075E54),
        accentColor: new Color(0xff25D366),
      ),
      debugShowCheckedModeBanner: false,
      home:JobFinderHome(),

    );
  }
}

class JobFinderHome extends StatefulWidget {
  @override
  _JobFinderHomeState createState() => _JobFinderHomeState();
}

class _JobFinderHomeState extends State<JobFinderHome> with SingleTickerProviderStateMixin {
  TabController _tabController;
  @override
    void initState() {
      // TODO: implement initState
      super.initState();
      _tabController = new TabController(vsync:this,length: 5 );
    }

 @override
    void dispose() {
      // TODO: implement dispose
      super.dispose();
    }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title:new Text("Finder"),
        elevation: 0.7,
        body: new TabBarView(

        children:<Widget>[
          new SearchUi(),
          new HomeUi(),
          new MyJobsUi(),
          new AlertsUi(),
          new ProfileUi(),
          ],
          controller:_tabController,
      ) ,

       bottomNavigationBar: new Material(
          color: Colors.teal,
          child: new TabBar(
            controller: _tabController,
            tabs:<Widget>[
            new Tab(
              icon:new Icon(Icons.search) ,
              text: "Search"
            ),
            new Tab(
              icon: new Icon(Icons.home),
              text: "Home"
              ),
            new Tab(
              icon: new Icon(Icons.list),
              text: "My Jobs"
              ),
            new Tab(
              icon: new Icon(Icons.alarm),
              text: "Alerts"
              ),
            new Tab(
              icon: new Icon(Icons.person),
              text: "Profile"
              ),
          ],
          ),
        ),

        ),

    );


  }
}