import 'dart:ui';

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:rogapp/pages/drawer/drawer_page.dart';
import 'package:rogapp/pages/index/index_controller.dart';
import 'package:rogapp/routes/app_pages.dart';
import 'package:rogapp/widgets/bread_crum_widget.dart';
import 'package:rogapp/widgets/cat_widget.dart';
import 'package:rogapp/widgets/list_widget.dart';
import 'package:rogapp/widgets/map_widget.dart';

class IndexPage extends GetView<IndexController> {
  IndexPage({Key? key}) : super(key: key);

  final IndexController indexController = Get.find<IndexController>();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      drawer: const DrawerPage(),
        appBar: AppBar(
          title: Text("app_title".tr),
          actions: [
            ElevatedButton(onPressed: (){}, child: CatWidget(indexController: indexController,)),
            //CatWidget(indexController: indexController,),
        ],
      ),
      bottomNavigationBar: BottomAppBar(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Expanded(child: IconButton(icon: const Icon(Icons.camera_enhance), onPressed: (){},),),
            const Expanded(child:  Text('')),
            Expanded(child: IconButton(icon: const Icon(Icons.travel_explore), onPressed: (){
              if(indexController.currentUser.isNotEmpty){
                Get.toNamed(AppPages.TRAVEL);
              }
              else{
                Get.toNamed(AppPages.LOGIN);
              }
            }),),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: (){
          indexController.toggleMode();
              if(indexController.currentCat.isNotEmpty){
      print("###############");
      print(indexController.currentCat[0].toString());
    }
    
        },
        tooltip: 'Increment',
        child: const Icon(Icons.document_scanner),
        elevation: 4.0,
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      body: SafeArea(
        child: Column(
          children: [
            Container(
              padding: const EdgeInsets.symmetric(horizontal: 16.0),
              alignment: Alignment.centerLeft,
              height: 50.0,
              child: SingleChildScrollView(
                scrollDirection: Axis.horizontal,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    BreadCrumbWidget(),
                    Container(width: 24.0,),
                    Obx(()=>
                      indexController.currentCat.isNotEmpty ? Text(indexController.currentCat[0].toString()): Text("")
                    ),
                  ],
                ),
              ),
            ),
            Expanded(
              child: Obx(() => 
                indexController.mode == 0 ?
                MapWidget() :
                ListWidget(),
              )

            )
          ],
        ),
      ),
    );
  }

}