import 'dart:math';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:hengyi/detail/country_detail.dart';
import 'package:hengyi/home/about_us.dart';
import 'package:hengyi/home/contact_us.dart';
import 'package:hengyi/widget/common_footer.dart';
import 'package:hengyi/widget/common_title.dart';

import '../utils/common_util.dart';

class DetailPageWidget extends StatefulWidget {
  DetailPageWidget(this.countryId, {super.key});

  final int countryId;

  @override
  State<DetailPageWidget> createState() => _DetailPageWidgetState();
}

class _DetailPageWidgetState extends State<DetailPageWidget>
    with SingleTickerProviderStateMixin {
  late TabController _tabController;
  List tabs = ["了解目的地", "联系我们", "关于我们"];
  var tabBarTextSize = 0.0;
  @override
  void initState() {
    super.initState();
    if(Util.isWeb()){
      tabBarTextSize = 40.sp;
    }else{
      tabBarTextSize = 60.sp;
    }
    _tabController = TabController(length: tabs.length, vsync: this);
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "夫为",
      home: Scaffold(
        body: Column(
          children: [
            CommonTitleWidget(),
            Material(
              color: Colors.grey[100],
              child: TabBar(
                  labelColor: Colors.black,
                  unselectedLabelColor: Colors.grey,
                  controller: _tabController,
                  onTap: (value) {
                    if (value == 0) {
                      Navigator.pop(context);
                    }
                  },
                  tabs: tabs
                      .map((e) => Tab(
                              child: Text(
                            e,
                            style: TextStyle(fontSize: tabBarTextSize),
                          )))
                      .toList()),
            ),
            Expanded(
                child: TabBarView(
              controller: _tabController,
              children: [
                CountryDetailWidget(widget.countryId),
                ContactUSWidget(),
                AboutUSWidget(),
              ],
            )),
            CommonFooterWidget(),
          ],
        ),
      ),
    );
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }
}