import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

import '../../../core/design/tokens.dart';
import '../../../core/design/tripz_colors.dart';
import '../../../core/l10n/l10n.dart';
import '../../../core/ui/tripz_button.dart';
import '../../../core/ui/tripz_card.dart';
import '../../../core/ui/tripz_scaffold.dart';
import '../../../core/session/session_cubit.dart';
import '../../../core/session/session_state.dart';

/// هيكل مؤقّت — تحلّ محلّه شاشة الخريطة وطلب الرحلة في م4 (docs/37).
/// الغرض الآن: إثبات أن سلسلة الدخول والجلسة والتوجيه تعمل طرفاً لطرف.
class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<SessionCubit, SessionState>(
      builder: (context, session) {
        final user = session.user;
        return TripzScaffold(
          title: context.l10n.appTitle,
          child: ListView(
            children: [
              TripzCard(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      user?.name ?? '',
                      style: context.texts.titleMedium,
                    ),
                    const SizedBox(height: Space.xxs),
                    Text(
                      user?.phone ?? '',
                      textDirection: TextDirection.ltr,
                      style: context.texts.bodySmall?.copyWith(
                        color: context.colors.onSurfaceVariant,
                      ),
                    ),
                  ],
                ),
              ),
              const SizedBox(height: Space.lg),
              TripzButton.secondary(
                label: context.l10n.actionCancel,
                expanded: true,
                onPressed: context.read<SessionCubit>().logout,
              ),
            ],
          ),
        );
      },
    );
  }
}