import 'package:flutter/material.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/text_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/models/service_request/service_request.dart';
import 'package:test_sa/new_views/app_style/app_color.dart';
import 'package:test_sa/new_views/common_widgets/default_app_bar.dart';
import 'package:test_sa/service_request_latest/views/components/history_log_view.dart';

import 'components/request_detail_view.dart';

class RequestDetailMain extends StatelessWidget {
  final int requestId;
 const  RequestDetailMain({Key key,this.requestId}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return  Scaffold(
      backgroundColor: AppColor.neutral100,
      appBar: DefaultAppBar(title: context.translation.serviceDetails),
      body: DefaultTabController(
        length:  2,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Container(
              margin:  EdgeInsets.only(left: 16.toScreenWidth, right: 16.toScreenWidth,top: 12.toScreenHeight),
              decoration: BoxDecoration(color: context.isDark ? AppColor.neutral50 : AppColor.white10, borderRadius: BorderRadius.circular(10)),
              child: TabBar(
                //controller: _tabController,
                padding: EdgeInsets.symmetric(vertical: 4.toScreenHeight,horizontal: 4.toScreenWidth),
                labelColor: context.isDark ? AppColor.neutral30 : AppColor.black20,
                unselectedLabelColor: context.isDark ? AppColor.neutral30 : AppColor.black20,
                unselectedLabelStyle: AppTextStyles.bodyText,
                labelStyle: AppTextStyles.bodyText,
                indicatorPadding:  EdgeInsets.zero,
                indicator: BoxDecoration(color: context.isDark ? AppColor.neutral60 : AppColor.neutral110, borderRadius: BorderRadius.circular(7)),
                onTap: (index) {
                  // setState(() {});
                },
                tabs: [
                  Tab(text: context.translation.requestDetail, height: 57.toScreenHeight),
                  Tab(text: context.translation.historyLogs, height: 57.toScreenHeight),
                ],
              ),
            ),
            12.height,
             TabBarView(
              children: [
                RequestDetailView(
                  serviceRequest: ServiceRequest(id: requestId.toString()),
                  fromTabView: true,
                ),
               // HistoryLogView(),
               const HistoryLogView(),
                ],
            ).expanded,
          ],
        ),
      ),
    );
  }
}