import 'package:flutter/material.dart';
import 'package:adaptive_navbar/adaptive_navbar.dart';
import 'package:shared_preferences/shared_preferences.dart';

import '../responsive.dart';

class CustomAppBarChatbot extends StatelessWidget
    implements PreferredSizeWidget {
  @override
  Size get preferredSize => Size.fromHeight(kToolbarHeight);

  Future<void> logout(BuildContext context) async {
    final prefs = await SharedPreferences.getInstance();
    final String? token = prefs.getString('token');

    if (token != null && token.isNotEmpty) {
      await prefs.clear();
      Navigator.pushNamed(context, 'phone');
    }
  }

  @override
  Widget build(BuildContext context) {
    final sw = MediaQuery.of(context).size.width;
    final isPoliciesPage = Uri.base.fragment == 'policies';
    return ClipRRect(
      borderRadius: Responsive.isDesktop(context) || isPoliciesPage
          ? BorderRadius.zero
          : BorderRadius.only(
              bottomLeft: Radius.circular(32.0),
              bottomRight: Radius.circular(32.0),
            ),
      child: AppBar(
        backgroundColor: const Color(0xFFFFFBDE),
        elevation: 0, // Set background color for AppBar
        toolbarHeight: kToolbarHeight,
        titleSpacing: 0.0,
        automaticallyImplyLeading: false,
        title: Padding(
          padding: Responsive.isDesktop(context)
              ? EdgeInsets.symmetric(horizontal: 16.0)
              : EdgeInsets.symmetric(horizontal: 10),
          child: Row(
            children: [
              // Logo Column
              Expanded(
                flex: Responsive.isDesktop(context) ? 3 : 9,
                child: Row(
                  mainAxisAlignment: Responsive.isDesktop(context)
                      ? MainAxisAlignment.spaceEvenly
                      : MainAxisAlignment
                          .start, // Adjust the alignment as needed
                  children: [
                    Container(
                      margin: EdgeInsets.only(
                          top: 10, bottom: 10, left: 10, right: 10),
                      width: Responsive.isDesktop(context) ? 230 : 170,
                      height: Responsive.isDesktop(context) ? 230 : 170,
                      child: Image.asset(
                        'assets/nhance_client_logo.png',
                        fit: BoxFit.contain, // Adjust the fit as needed
                      ),
                    ),
                  ],
                ),
              ),
              // AdaptiveNavBar Column

              Expanded(
                flex: Responsive.isDesktop(context) ? 9 : 3,
                child: GestureDetector(
                  onTap: () {
                    Navigator.pop(context);
                  },
                  child: Icon(
                    Icons.close_outlined, // Replace with your desired icon
                    size: 24.0, // Adjust the icon size
                    color: Colors.black, // Adjust the icon color
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}