content: import 'package:find_seat/app/auth_bloc/bloc.dart';
  import 'package:find_seat/presentation/common_widgets/widget_spacer.dart';
  import 'package:find_seat/presentation/custom_ui/svg_image.dart';
  import 'package:find_seat/presentation/router.dart';
  import 'package:find_seat/utils/my_const/my_const.dart';
  import 'package:flutter/material.dart';
  
  import 'package:flutter_bloc/flutter_bloc.dart';
  
  class WidgetHomeToolbar extends StatefulWidget {
    @override
    _WidgetHomeToolbarState createState() => _WidgetHomeToolbarState();
  }
  
  class _WidgetHomeToolbarState extends State<WidgetHomeToolbar> {
    @override
    Widget build(BuildContext context) {
      return Container(
        color: COLOR_CONST.BLUE,
        height: 70,
        child: Row(
          children: <Widget>[
            _buildAvatar(),
            _buildNames(),
            _buildActions(),
          ],
        ),
      );
    }
  
    _buildActions() {
      return Padding(
        padding: const EdgeInsets.only(right: 16),
        child: Row(
          children: <Widget>[
            GestureDetector(
              onTap: () {
                Navigator.of(context).pushNamed(AppRouter.LIST_MY_TICKET);
              },
              child: MySvgImage(
                path: "assets/ic_ticket.svg",
                width: 20,
                height: 20,
              ),
            ),
          ],
        ),
      );
    }
  
    _buildNames() {
      return Expanded(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('Khoa Hoang', style: FONT_CONST.SEMIBOLD_WHITE_16),
            GestureDetector(
              onTap: () {
                _clickSignOut();
              },
              child: Opacity(
                child: Row(
                  children: <Widget>[
                    Text('Vietnam', style: FONT_CONST.REGULAR_WHITE_12),
                    Icon(Icons.keyboard_arrow_down, color: COLOR_CONST.WHITE)
                  ],
                ),
                opacity: 0.5,
              ),
            )
          ],
        ),
      );
    }
  
    _buildAvatar() {
      return Padding(
        padding: const EdgeInsets.symmetric(horizontal: 12),
        child: Container(
          width: 42,
          height: 42,
          decoration: BoxDecoration(
            shape: BoxShape.rectangle,
            borderRadius: BorderRadius.all(Radius.circular(22)),
            border: Border.all(
              color: Colors.white,
              width: 2.0,
            ),
            image: DecorationImage(image: AssetImage("images/sample_avatar.jpg")),
          ),
        ),
      );
    }
  
    _clickSignOut() {
      BlocProvider.of<AuthenticationBloc>(context).add(LoggedOut());
    }
  }
  