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

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

class NotificationsPermissionModal extends StatelessWidget {
  final VoidCallback onAllow;
  final VoidCallback onMaybeLater;
  final bool isArabic;

  const NotificationsPermissionModal({
    Key? key,
    required this.onAllow,
    required this.onMaybeLater,
    this.isArabic = false,
  }) : super(key: key);

  @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: [
          // Notification Bell Icon
          SvgPicture.asset(
            'assets/images/New/Notifications.svg',
          ),
          const SizedBox(height: 24),

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

          // Description
          Txt(
            text: "get_updates_on_location_through_push_notifications",
            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),

          // Allow Access Button
          CustomButton(
            onClick: onAllow,
            fontSize: 16,
            width: double.infinity,
            height: 50,
            borderRadius: 12,
            txtColor: Colors.white,
            title: 'allow_access',
            backgroundColor: const Color(0xFF6C5CE7),
            borderColor: const Color(0xFF6C5CE7),
          ),
          const SizedBox(height: 12),

          // Maybe Later Button
          CustomButton(
            onClick: onMaybeLater,
            fontSize: 16,
            width: double.infinity,
            height: 50,
            borderRadius: 12,
            txtColor: const Color(0xFF6C5CE7),
            title: 'maybe_later',
            backgroundColor: const Color(0xFF6C5CE7).withOpacity(0.1),
            borderColor: Colors.transparent,
          ),
        ],
      ),
    );
  }
}