feat: get list outlet id

lib/presentation/home/widgets/home_title.dart

@@ -1,4 +1,6 @@
+import 'package:enaklo_pos/core/components/spaces.dart';
 import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
+import 'package:enaklo_pos/presentation/home/dialog/outlet_dialog.dart';
 import 'package:flutter/material.dart';
 
 import '../../../core/components/search_input.dart';
@@ -25,12 +27,24 @@ class HomeTitle extends StatelessWidget {
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
-          const Text(
-            'DEFAULT OUTLET',
-            style: TextStyle(
-              color: AppColors.primary,
-              fontSize: 20,
-              fontWeight: FontWeight.w600,
+          GestureDetector(
+            onTap: () => showDialog(
+              context: context,
+              builder: (context) => OutletDialog(),
+            ),
+            child: Row(
+              children: [
+                const Text(
+                  'DEFAULT OUTLET',
+                  style: TextStyle(
+                    color: AppColors.primary,
+                    fontSize: 20,
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+                SpaceWidth(2),
+                Icon(Icons.keyboard_arrow_down, color: AppColors.primary),
+              ],
             ),
           ),
           SizedBox(

lib/presentation/home/widgets/outlet_card.dart

@@ -0,0 +1,53 @@
+import 'package:enaklo_pos/core/components/spaces.dart';
+import 'package:enaklo_pos/core/constants/colors.dart';
+import 'package:enaklo_pos/presentation/home/models/outlet_model.dart';
+import 'package:flutter/material.dart';
+
+class OutletCard extends StatelessWidget {
+  final Outlet outlet;
+  const OutletCard({super.key, required this.outlet});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(
+        horizontal: 16.0,
+        vertical: 12.0,
+      ),
+      margin: EdgeInsets.only(bottom: 12),
+      decoration: BoxDecoration(
+        color: AppColors.white,
+        border: Border.all(color: AppColors.primary),
+        borderRadius: const BorderRadius.all(Radius.circular(8.0)),
+      ),
+      child: Row(
+        children: [
+          Icon(Icons.store, color: AppColors.primary),
+          SpaceWidth(12),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  outlet.name ?? "",
+                  style: const TextStyle(
+                    fontSize: 16,
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+                Text(
+                  outlet.address ?? "",
+                  style: const TextStyle(
+                    fontSize: 12,
+                  ),
+                  overflow: TextOverflow.ellipsis,
+                  maxLines: 1,
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}