sc-android-app/lib/screens/verification_documents_screen.dart

import 'package:cheminova/provider/collect_kyc_provider.dart';
import 'package:flutter/material.dart';
import 'package:cheminova/widgets/common_background.dart';
import 'package:cheminova/widgets/common_drawer.dart';
import 'package:cheminova/widgets/common_elevated_button.dart';
import 'package:cheminova/screens/data_submit_successfull.dart';
import 'package:provider/provider.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      drawer: const CommonDrawer(),
      body: CommonBackground(
        child: Padding(
          padding: const EdgeInsets.all(16.0),
          child: SingleChildScrollView(
            physics: const BouncingScrollPhysics(),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Consumer<CollectKycProvider>(
                  builder: (BuildContext context, CollectKycProvider value, Widget? child) => _buildSection(
                    'Retailer Details',
                    {
                      'Trade Name': value.tradeNameController.text,
                      'Name': value.nameController.text,
                      'Address': value.addressController.text,
                      'Town/City':  value.townCityController.text,
                      'District': value.districtController.text,
                      'State': value.stateController.text,
                      'Pincode': value.pinCodeController.text,
                      'Mobile Number': value.mobileNumberController.text,
                      'Aadhar Number': value.aadharNumberController.text,
                      'PAN Number': value.panNumberController.text,
                      'GST Number': value.gstNumberController.text,
                      'Mapped Principal Distributor': value.selectedDistributor ?? '',
                    },
                    onEdit: () {
                      value.tabController.animateTo(0);
                      // Handle edit for retailer details
                      debugPrint('Edit retailer details');
                    },
                  ),
                ),
                const SizedBox(height: 20),
                Consumer<CollectKycProvider>(
                  builder: (BuildContext context, CollectKycProvider value, Widget? child) => _buildSection(
                    'Uploaded Documents',
                    {
                      'PAN Card': 'pan_card.pdf',
                      'Aadhar Card': 'aadhar_card.pdf',
                      'GST Registration': 'gst_registration.pdf',
                      'Pesticide License': 'pesticide_license.pdf',
                      'Fertilizer License': 'fertilizer_license.pdf (Optional)',
                      'Selfie of Entrance Board': 'entrance_board_selfie.jpg',
                    },
                    onEdit: () {
                      value.tabController.animateTo(1);

                      // Handle edit for uploaded documents
                      debugPrint('Edit uploaded documents');
                    },
                  ),
                ),
                const SizedBox(height: 30),
                Align(
                  alignment: Alignment.center,
                  child: CommonElevatedButton(
                    borderRadius: 30,
                    width: double.infinity,
                    height: kToolbarHeight - 10,
                    text: ('SAVE AND CONFIRM'),
                    backgroundColor: const Color(0xff004791),
                    onPressed: () {
                      // Handle final submission
                      Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) => const DataSubmitSuccessfull(),
                        ),
                      );
                    },
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }

  Widget _buildSection(String title, Map<String, String> details, {required VoidCallback onEdit}) {
    return Container(
      padding: const EdgeInsets.all(20.0),
      // margin: const EdgeInsets.symmetric(horizontal: 30.0),
      decoration: BoxDecoration(
        border: Border.all(color: Colors.white),
        color: const Color(0xffB4D1E5).withOpacity(0.9),
        borderRadius: BorderRadius.circular(24.0),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                title,
                style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
              ),
              ElevatedButton(
                onPressed: onEdit,
                style: ElevatedButton.styleFrom(
                  backgroundColor: const Color(0xffFFFFFF),
                  elevation: 0,
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(20),
                  ),
                ),
                child: const Text('Edit'),
              ),
            ],
          ),
          const SizedBox(height: 10),
          ...details.entries.map((entry) => _buildDetailRow(entry.key, entry.value)),
        ],
      ),
    );
  }

  Widget _buildDetailRow(String label, String value) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 5.0),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Expanded(
            flex: 2,
            child: Text(
              label,
              style: const TextStyle(fontWeight: FontWeight.bold),
            ),
          ),
          Expanded(
            flex: 3,
            child: Text(value),
          ),
        ],
      ),
    );
  }
}