Okay, let's create a basic Flutter Hall Booking application. This version will handle input, display a confirmation, and allow sharing. We'll keep data management simple for now (in-memory). name: hall_booking_app description: A simple hall booking application. publish_to: 'none' # Remove this line if you wish to publish to pub.dev version: 1.0.0+1 environment: sdk: '>=3.0.0 <4.0.0' # Adjusted SDK constraint dependencies: flutter: sdk: flutter intl: ^0.19.0 # For date formatting share_plus: ^9.0.0 # For sharing functionality uuid: ^4.0.0 # For generating unique booking codes provider: ^6.0.0 # For state management (optional but good practice) cupertino_icons: ^1.0.6 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^3.0.0 flutter: uses-material-design: true import 'package:flutter/material.dart'; class Booking { final String id; final String name; final String contact; final DateTime startDate; final DateTime endDate; final String bookingCode; final double totalRent; final String bookingType; // Example: 'Wedding', 'Conference' Booking({ required this.id, required this.name, required this.contact, required this.startDate, required this.endDate, required this.bookingCode, required this.totalRent, this.bookingType = 'General', // Default value }); int get durationInDays { // Ensure endDate is after startDate if (endDate.isBefore(startDate)) { return 0; } // Add 1 because booking includes the start and end date return endDate.difference(startDate).inDays + 1; } // Factory constructor for creating a new booking with calculations factory Booking.create({ required String name, required String contact, required DateTime startDate, required DateTime endDate, String bookingType = 'General', double dailyRate = 150.0, // Example daily rate }) { final id = UniqueKey().toString(); // Simple unique ID final bookingCode = 'HALL-${DateTime.now().millisecondsSinceEpoch.toString().substring(6)}'; // Simple booking code final duration = endDate.difference(startDate).inDays + 1; final totalRent = duration > 0 ? duration * dailyRate : 0.0; return Booking( id: id, name: name, contact: contact, startDate: startDate, endDate: endDate, bookingCode: bookingCode, totalRent: totalRent, bookingType: bookingType, ); } } import 'package:flutter/foundation.dart'; import '../models/booking.dart'; class BookingProvider with ChangeNotifier { final List _bookings = []; List get bookings => [..._bookings]; // Return a copy void addBooking(Booking booking) { _bookings.add(booking); notifyListeners(); // Notify listeners about the change } // Add methods to fetch, update, delete bookings if needed later } import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; import 'package:provider/provider.dart'; import 'package:share_plus/share_plus.dart'; import '../models/booking.dart'; import '../providers/booking_provider.dart'; class BookingFormScreen extends StatefulWidget { const BookingFormScreen({super.key}); @override State createState() => _BookingFormScreenState(); } class _BookingFormScreenState extends State { final _formKey = GlobalKey(); final _nameController = TextEditingController(); final _contactController = TextEditingController(); DateTime? _startDate; DateTime? _endDate; String _bookingType = 'General'; // Default booking type @override void dispose() { _nameController.dispose(); _contactController.dispose(); super.dispose(); } Future _selectDate(BuildContext context, bool isStartDate) async { final initialDate = isStartDate ? (_startDate ?? DateTime.now()) : (_endDate ?? _startDate ?? DateTime.now()); final firstDate = isStartDate ? DateTime.now() : (_startDate ?? DateTime.now()); final lastDate = DateTime.now().add(const Duration(days: 365 * 2)); // Allow booking up to 2 years in advance final picked = await showDatePicker( context: context, initialDate: initialDate, firstDate: firstDate, lastDate: lastDate, ); if (picked != null) { setState(() { if (isStartDate) { _startDate = picked; // Reset end date if it's before the new start date if (_endDate != null && _endDate!.isBefore(_startDate!)) { _endDate = null; } } else { _endDate = picked; } }); } } void _submitBooking() { if (_formKey.currentState!.validate()) { if (_startDate == null || _endDate == null) { ScaffoldMessenger.of(context).showSnackBar( const SnackBar(content: Text('Please select start and end dates.')), ); return; } final newBooking = Booking.create( name: _nameController.text, contact: _contactController.text, startDate: _startDate!, endDate: _endDate!, bookingType: _bookingType, // dailyRate: 150.0, // You can adjust the rate here or pass it ); // Add booking using Provider Provider.of(context, listen: false).addBooking(newBooking); // Show confirmation dialog _showConfirmationDialog(newBooking); // Clear form _formKey.currentState!.reset(); _nameController.clear(); _contactController.clear(); setState(() { _startDate = null; _endDate = null; _bookingType = 'General'; }); } } String _formatDate(DateTime? date) { if (date == null) return 'Not Set'; return DateFormat('EEE, MMM d, yyyy').format(date); } String _buildConfirmationMessage(Booking booking) { final dateFormat = DateFormat('EEE, MMM d, yyyy'); return ''' 📅 *Hall Booking Confirmation* 📅 👤 *Name:* ${booking.name} 📞 *Contact:* ${booking.contact} 🗓 *Start Date:* ${dateFormat.format(booking.startDate)} 🗓 *End Date:* ${dateFormat.format(booking.endDate)} ⏳ *Duration:* ${booking.durationInDays} day(s) 🔖 *Booking Code:* ${booking.bookingCode} 💰 *Total Rent:* \$${booking.totalRent.toStringAsFixed(2)} 📌 *Booking Type:* ${booking.bookingType} Thank you for booking with us! '''; } void _showConfirmationDialog(Booking booking) { final confirmationMessage = _buildConfirmationMessage(booking); showDialog( context: context, builder: (ctx) => AlertDialog( title: const Text('✅ Booking Confirmed!'), content: SingleChildScrollView( // Make content scrollable child: Text(confirmationMessage), ), actions: [ TextButton.icon( icon: const Icon(Icons.share), label: const Text('Share'), onPressed: () { Share.share(confirmationMessage); }, ), TextButton( child: const Text('Okay'), onPressed: () { Navigator.of(ctx).pop(); }, ), ], ), ); } @override Widget build(BuildContext context) { return SingleChildScrollView( padding: const EdgeInsets.all(16.0), child: Form( key: _formKey, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text('Enter Booking Details', style: Theme.of(context).textTheme.titleLarge), const SizedBox(height: 20), TextFormField( controller: _nameController, decoration: const InputDecoration( labelText: 'Name', icon: Icon(Icons.person), border: OutlineInputBorder(), ), validator: (value) { if (value == null || value.isEmpty) { return 'Please enter your name'; } return null; }, ), const SizedBox(height: 16), TextFormField( controller: _contactController, decoration: const InputDecoration( labelText: 'Contact Number', icon: Icon(Icons.phone), border: OutlineInputBorder(), ), keyboardType: TextInputType.phone, validator: (value) { if (value == null || value.isEmpty) { return 'Please enter your contact number'; } // Basic phone number validation (optional) // if (!RegExp(r'^\+?[0-9\s\-()]+$').hasMatch(value)) { // return 'Please enter a valid phone number'; // } return null; }, ), const SizedBox(height: 20), Text('Select Dates', style: Theme.of(context).textTheme.titleMedium), const SizedBox(height: 8), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text('Start Date:'), Text( _formatDate(_startDate), style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16), ), ], ), ), ElevatedButton.icon( icon: const Icon(Icons.calendar_today), label: const Text('Select'), onPressed: () => _selectDate(context, true), ), ], ), const SizedBox(height: 12), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text('End Date:'), Text( _formatDate(_endDate), style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16), ), ], ), ), ElevatedButton.icon( icon: const Icon(Icons.calendar_today), label: const Text('Select'), onPressed: _startDate == null ? null : () => _selectDate(context, false), // Disable if start date not set ), ], ), const SizedBox(height: 20), Text('Booking Type', style: Theme.of(context).textTheme.titleMedium), DropdownButton( value: _bookingType, isExpanded: true, onChanged: (String? newValue) { setState(() { _bookingType = newValue!; }); }, items: ['General', 'Wedding', 'Conference', 'Party', 'Meeting'] .map>((String value) { return DropdownMenuItem( value: value, child: Text(value), ); }).toList(), ), const SizedBox(height: 30), Center( child: ElevatedButton.icon( icon: const Icon(Icons.check_circle_outline), label: const Text('Confirm Booking'), style: ElevatedButton.styleFrom( padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 15), textStyle: const TextStyle(fontSize: 16), ), onPressed: _submitBooking, ), ), ], ), ), ); } } import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; import 'package:provider/provider.dart'; import '../providers/booking_provider.dart'; import '../models/booking.dart'; class BookingListScreen extends StatelessWidget { const BookingListScreen({super.key}); @override Widget build(BuildContext context) { // Listen to changes in BookingProvider final bookingProvider = Provider.of(context); final bookings = bookingProvider.bookings; final dateFormat = DateFormat('dd/MM/yy'); return Scaffold( appBar: AppBar( title: const Text('Existing Bookings'), ), body: bookings.isEmpty ? const Center( child: Text( 'No bookings yet.', style: TextStyle(fontSize: 18, color: Colors.grey), ), ) : ListView.builder( itemCount: bookings.length, itemBuilder: (ctx, index) { final booking = bookings[index]; return Card( margin: const EdgeInsets.symmetric(vertical: 8, horizontal: 10), elevation: 3, child: ListTile( leading: CircleAvatar( child: Text('${index + 1}'), ), title: Text( booking.name, style: const TextStyle(fontWeight: FontWeight.bold), ), subtitle: Text( '${dateFormat.format(booking.startDate)} - ${dateFormat.format(booking.endDate)} (${booking.bookingType})', ), trailing: Text( '\$${booking.totalRent.toStringAsFixed(2)}', style: TextStyle( fontWeight: FontWeight.bold, color: Theme.of(context).primaryColor, ), ), // Optional: Add onTap to view details or edit/delete // onTap: () { // // Navigate to detail screen or show dialog // }, ), ); }, ), ); } } import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'providers/booking_provider.dart'; import 'screens/booking_form_screen.dart'; import 'screens/booking_list_screen.dart'; // Import the list screen void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { // Wrap the entire app with ChangeNotifierProvider return ChangeNotifierProvider( create: (context) => BookingProvider(), child: MaterialApp( title: 'Hall Booking App', theme: ThemeData( primarySwatch: Colors.teal, // Changed theme color visualDensity: VisualDensity.adaptivePlatformDensity, inputDecorationTheme: InputDecorationTheme( // Consistent input decoration border: OutlineInputBorder( borderRadius: BorderRadius.circular(8.0), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide(color: Colors.teal.shade700, width: 2.0), borderRadius: BorderRadius.circular(8.0), ), labelStyle: TextStyle(color: Colors.teal.shade900), ), elevatedButtonTheme: ElevatedButtonThemeData( // Consistent button style style: ElevatedButton.styleFrom( backgroundColor: Colors.teal.shade600, foregroundColor: Colors.white, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8.0), ), padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 16.0), ), ), appBarTheme: AppBarTheme( // Consistent AppBar style backgroundColor: Colors.teal.shade700, foregroundColor: Colors.white, elevation: 4, ), cardTheme: CardTheme( // Consistent Card style elevation: 2, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10.0), ), margin: const EdgeInsets.symmetric(vertical: 6, horizontal: 8), ), ), home: const HomeScreen(), ), ); } } class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State { int _selectedIndex = 0; // Index for BottomNavigationBar static const List _widgetOptions = [ BookingFormScreen(), // Your booking form BookingListScreen(), // Screen to show list of bookings ]; void _onItemTapped(int index) { setState(() { _selectedIndex = index; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(_selectedIndex == 0 ? 'Book a Hall' : 'View Bookings'), ), body: Center( child: _widgetOptions.elementAt(_selectedIndex), ), bottomNavigationBar: BottomNavigationBar( items: const [ BottomNavigationBarItem( icon: Icon(Icons.add_circle_outline), label: 'New Booking', ), BottomNavigationBarItem( icon: Icon(Icons.list_alt), label: 'View Bookings', ), ], currentIndex: _selectedIndex, selectedItemColor: Colors.teal[800], onTap: _onItemTapped, ), ); } } This sets up a Flutter application with: 1. **Dependencies:** `intl` for date formatting, `share_plus` for sharing, `uuid` for unique IDs (though a simpler one is used for booking code now), and `provider` for state management. 2. **Model (`booking.dart`):** Defines the `Booking` class with relevant fields and a factory constructor to calculate duration, code, and rent. 3. **Provider (`booking_provider.dart`):** Manages the list of bookings using `ChangeNotifier`. 4. **Booking Form (`booking_form_screen.dart`):** Contains the form fields, date pickers, booking type dropdown, submission logic, confirmation dialog, and sharing functionality. 5. **Booking List (`booking_list_screen.dart`):** Displays the list of bookings fetched from the `BookingProvider`. 6. **Main (`main.dart`):** Sets up the app, includes `ChangeNotifierProvider`, defines a basic theme, and uses a `BottomNavigationBar` to switch between the booking form and the booking list screens. To run this: 1. Ensure you have Flutter installed. 2. Save the files as specified. 3. Run `flutter pub get` in your terminal in the project directory. 4. Run `flutter run` to launch the app on an emulator or connected device.