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

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

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

  const LocationPermissionModal({
    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: [
          // Location Icon
          SvgPicture.asset(
            'assets/images/New/Location.svg',
          ),
          const SizedBox(height: 24),
          // Title
          Txt(
            text: "share_your_location",
            style: TextStyle(
              color: Colors.black,
              fontSize: 20,
              fontFamily: isArabic ? "Readex_Pro" : 'Inter',
              fontWeight: FontWeight.w700,
            ),
          ),
          const SizedBox(height: 12),

          // Description
          Txt(
            text: "allow_drivers_and_riders_see_your_location",
            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: 'continue',
            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,
          // ),
        ],
      ),
    );
  }
}