initial

lib/widgets/connection_card.dart

@@ -0,0 +1,79 @@
+import 'package:flutter/material.dart';
+import '../services/ble_service.dart';
+import '../siab_config.dart';
+
+class ConnectionCard extends StatelessWidget {
+  final BLEService ble;
+
+  const ConnectionCard({super.key, required this.ble});
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      margin: const EdgeInsets.all(8),
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              children: [
+                Icon(
+                  ble.isConnected
+                      ? Icons.bluetooth_connected
+                      : Icons.bluetooth_disabled,
+                  color: ble.isConnected ? Colors.green : Colors.grey,
+                ),
+                const SizedBox(width: 8),
+                Text(
+                  ble.isConnected ? 'Connected' : 'Disconnected',
+                  style: Theme.of(context).textTheme.titleLarge,
+                ),
+                const Spacer(),
+                if (ble.isScanning || ble.isConnecting)
+                  const SizedBox(
+                    width: 20,
+                    height: 20,
+                    child: CircularProgressIndicator(strokeWidth: 2),
+                  ),
+              ],
+            ),
+            if (ble.isConnected) ...[
+              const SizedBox(height: 8),
+              if (ble.deviceName != null)
+                Text('Device: ${ble.deviceName}'),
+              if (ble.deviceAddress != null)
+                Text(
+                  'Address: ${ble.deviceAddress}',
+                  style: Theme.of(context).textTheme.bodySmall,
+                ),
+            ],
+            if (!ble.isConnected && !ble.isScanning && !ble.isConnecting) ...[
+              const SizedBox(height: 8),
+              SizedBox(
+                width: double.infinity,
+                child: ElevatedButton.icon(
+                  onPressed: () async {
+                    final success = await ble.autoConnect();
+                    if (!success && context.mounted) {
+                      ScaffoldMessenger.of(context).showSnackBar(
+                        SnackBar(
+                          content: Text(
+                            'Failed to find ${SiabConfig.deviceName} device',
+                          ),
+                          backgroundColor: Colors.orange,
+                        ),
+                      );
+                    }
+                  },
+                  icon: const Icon(Icons.search),
+                  label: const Text('Scan & Connect'),
+                ),
+              ),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+}