import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';

import '../../../config/custom_text.dart';
import '../../../widgets/custom_button.dart';

class ProfileCompletedModal extends StatelessWidget {
  final VoidCallback onContinue;
  final bool isArabic;

  const ProfileCompletedModal({
    super.key,
    required this.onContinue,
    this.isArabic = false,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.all(24),
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(24),
      ),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          // Success Check Icon
          SvgPicture.asset(
            'assets/images/New/Profile.svg',
          ),
          const SizedBox(height: 24),

          // Title
          Txt(
            text: "profile_completed",
            style: TextStyle(
              color: Colors.black,
              fontSize: 20,
              fontFamily: isArabic ? "Readex_Pro" : 'Inter',
              fontWeight: FontWeight.w700,
            ),
          ),
          const SizedBox(height: 12),

          // Description
          Txt(
            text: "you_can_now_share_and_receive_rides",
            textAlign: TextAlign.center,
            style: TextStyle(
              color: const Color(0xFF8C929C),
              fontSize: 14,
              fontFamily: isArabic ? "Readex_Pro" : 'Inter',
              fontWeight: FontWeight.w400,
              height: 1.4,
            ),
          ),
          const SizedBox(height: 32),

          // Continue Button - This will trigger the permissions flow
          CustomButton(
            onClick: onContinue,
            fontSize: 16,
            width: double.infinity,
            height: 50,
            borderRadius: 12,
            txtColor: Colors.white,
            title: 'continue',
            backgroundColor: const Color(0xFF6C5CE7),
            borderColor: const Color(0xFF6C5CE7),
          ),
        ],
      ),
    );
  }
}