import 'package:flutter/material.dart';
import 'package:tm_app/core/constants/strings.dart';
import 'package:tm_app/core/utils/size_config.dart';

import '../../core/constants/colors.dart';

class ProfileScreen extends StatelessWidget {
  const ProfileScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        backgroundColor: AppColors.backgroundColor,
        appBar: PreferredSize(
          preferredSize: Size.fromHeight(56.0.h()),
          child: Container(
            color: AppColors.backgroundColor,
            padding: EdgeInsets.symmetric(horizontal: 24.0.w()),
            height: 56.0.h(),
            width: double.infinity,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Text(
                  AppStrings.profile,
                  style: TextStyle(
                    fontSize: 20,
                    fontWeight: FontWeight.bold,
                    color: Color(0xFF222222),
                  ),
                ),
                Image.asset(
                  'assets/icons/tenderLogo.png',
                  width: 59.0.w(),
                  height: 28.0.h(),
                  fit: BoxFit.cover,
                ),
              ],
            ),
          ),
        ),
        body: Padding(
          padding: EdgeInsets.symmetric(
            horizontal: 24.0.w(),
            vertical: 16.0.h(),
          ),
          child: Column(
            children: [
              SizedBox(height: 36.0.h()),
              TitleDescription(
                title: 'Company Name',
                description: 'Telecom Solutions GmbH',
              ),
              TitleDescription(
                title: 'National ID',
                description: '12345678901',
              ),
              TitleDescription(
                title: 'Registration No.',
                description: 'DE-55667788',
              ),
              TitleDescription(
                title: 'Business Type',
                description: 'Telecommunications',
              ),
              TitleDescription(title: 'Founded', description: '2010'),
            ],
          ),
        ),
      ),
    );
  }
}

class TitleDescription extends StatelessWidget {
  const TitleDescription({
    required this.title,
    required this.description,
    super.key,
  });

  final String title;
  final String description;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.only(bottom: 24.0.h()),

      child: SizedBox(
        width: double.infinity,
        height: 43.0.h(),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Text(
                  title,
                  style: TextStyle(
                    fontSize: 16.0.sp(),
                    fontWeight: FontWeight.w400,
                    color: AppColors.grey60,
                  ),
                ),
                Text(
                  description,
                  style: TextStyle(
                    fontSize: 16.0.sp(),
                    fontWeight: FontWeight.w400,
                    color: AppColors.grey80,
                  ),
                ),
              ],
            ),
            Container(
              width: double.infinity,
              height: 1.0.h(),
              color: AppColors.dividerColor,
            ),
          ],
        ),
      ),
    );
  }
}