watermanagement-suppliernew/lib/signup/signup.dart

import 'package:flutter/material.dart';

import '../common/settings.dart';

class SignUp extends StatefulWidget {
  const SignUp({super.key});

  @override
  State<SignUp> createState() => _SignUpState();
}

class _SignUpState extends State<SignUp> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.white,
        elevation: 0,
        scrolledUnderElevation: 0,

      ),
      backgroundColor: Colors.white,
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            // Top image
            Container(
              width: 24,
              height: 24,
              decoration: const BoxDecoration(
                image: DecorationImage(
                  image: AssetImage('images/business.png'),
                  fit: BoxFit.contain, // Optional: can also use BoxFit.cover
                ),
              ),
            ),

            const SizedBox(height: 12),

            Text(
              'Tell us about your water tanker business',
              style: fontTextStyle(12,   Color(0xFF2D2E30),FontWeight.w400),
            ),

            const SizedBox(height: 24),

            Text(
              "BUSINESS REGISTRATION",
              style: fontTextStyle(10,   Color(0xFF2D2E30),FontWeight.w600),
            ),
            const SizedBox(height: 10),

            _buildTextField('Business Name *', 'Enter your Business Name'),
            _buildTextField('Registration Number *', 'Business Registration Number'),
            _buildTextField('Years in Business *', 'Years of operation'),

            const SizedBox(height: 24),
            Text(
              "CONTACT INFORMATION",
              style: fontTextStyle(10,   Color(0xFF2D2E30),FontWeight.w600),
            ),
            const SizedBox(height: 10),

            _buildTextField('Primary Contact Name *', 'Full Name'),
            _buildTextField('Position/Title *', 'Job title'),
            _buildTextField('Mobile Number *', 'Mobile Number'),
            _buildTextField('Additional Mobile Number', 'Alternate Number'),
            _buildTextField('Email Address', 'Email Address'),

            const SizedBox(height: 24),
            Text(
              "BUSINESS ADDRESS",
              style: fontTextStyle(10,   Color(0xFF2D2E30),FontWeight.w600),
            ),
            const SizedBox(height: 10),

            _buildTextField('Address Line 1 *', '123 Main St'),
            _buildTextField('Address Line 2(Optional)', 'Area'),
            _buildTextField('City *', 'City'),
            _buildTextField('State/Province *', 'State'),
            _buildTextField('ZIP/Postal Code ', '12345'),

            const SizedBox(height: 10),
            Padding(
              padding: const EdgeInsets.only(left: 45.0), // Add space on the left
              child: Row(
                children: [
                  Image.asset(
                    'images/maps.png',
                    width: 20,
                    height: 20,
                    color: primaryColor,
                  ),
                  const SizedBox(width: 8),
                  Text(
                    "Add Location from Maps",
                    style: fontTextStyle(14,   Color(0xFF2D2E30),FontWeight.w500),
                  ),
                ],
              ),
            ),
            const SizedBox(height: 20),
            SizedBox(
              width: double.infinity,
              child: ElevatedButton(
                onPressed: () {
                  // Submit logic goes here
                },
                style: ElevatedButton.styleFrom(
                  backgroundColor: Colors.blueAccent,
                  padding: const EdgeInsets.symmetric(vertical: 16),
                ),
                child: Text(
                  'Submit',
                  style: fontTextStyle(16, Colors.white, FontWeight.w600),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildTextField(String label, String hint) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          label,
          style: fontTextStyle(12,   Color(0xFF2D2E30),FontWeight.w500),
        ),
        const SizedBox(height: 6),
        TextField(
          decoration: InputDecoration(
            hintText: hint,
            hintStyle: fontTextStyle(13, Colors.grey.shade600, FontWeight.normal),
            border: OutlineInputBorder(
              borderRadius: BorderRadius.circular(8),
            ),
            contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 14),
          ),
        ),
        const SizedBox(height: 16),
      ],
    );
  }
}