1 files changed, 115 insertions, 0 deletions
diff --git a/lib/presentation/screens/media/media.dart b/lib/presentation/screens/media/media.dart
new file mode 100644
index 0000000..b7ce9e1
--- /dev/null
+++ b/lib/presentation/screens/media/media.dart
@@ -0,0 +1,115 @@
+import 'package:flutter_ics_homescreen/export.dart';
+import 'package:flutter_ics_homescreen/presentation/screens/media/media_player.dart';
+import 'package:flutter_ics_homescreen/presentation/screens/media/radio_player.dart';
+import 'widgets/media_volume_bar.dart';
+import 'media_nav_notifier.dart';
+import 'player_navigation.dart';
+
+class MediaPage extends StatelessWidget {
+  const MediaPage({super.key});
+
+  static Page<void> page() => const MaterialPage<void>(child: MediaPage());
+  @override
+  Widget build(BuildContext context) {
+    Size size = MediaQuery.sizeOf(context);
+
+    return Stack(
+      children: [
+        // SizedBox(
+        //   width: size.width,
+        //   height: size.height,
+        //   //color: Colors.black,
+        //   // decoration:
+        //   //   BoxDecoration(gradient: AGLDemoColors.gradientBackgroundColor),
+        //   child: SvgPicture.asset(
+        //     'assets/Media.svg',
+        //     alignment: Alignment.center,
+        //     fit: BoxFit.cover,
+        //     //width: 200,
+        //     //height: 200,
+        //   ),
+        // ),
+        SizedBox(
+          width: size.width,
+          height: size.height,
+          // color: Colors.black,
+          child: SvgPicture.asset(
+            'assets/MediaPlayerBackgroundTextures.svg',
+            // alignment: Alignment.center,
+            fit: BoxFit.cover,
+            //width: 200,
+            //height: 200,
+          ),
+        ),
+        const Padding(
+          padding: EdgeInsets.symmetric(vertical: 50, horizontal: 50),
+          child: Media(),
+        )
+      ],
+    );
+  }
+}
+
+class Media extends ConsumerStatefulWidget {
+  const Media({super.key});
+
+  @override
+  ConsumerState<Media> createState() => _MediaState();
+}
+
+class _MediaState extends ConsumerState<Media> {
+  //late MediaNavState selectedNav;
+
+  //@override
+  //initState() {
+  //  selectedNav = ref.read(mediaNavStateProvider);
+  //  super.initState();
+  //}
+
+  onPressed(MediaNavState type) {
+    setState(() {
+      if (type == MediaNavState.fm) {
+        ref.read(mediaNavStateProvider.notifier).set(MediaNavState.fm);
+        ref.read(radioClientProvider).start();
+      } else if (type == MediaNavState.media) {
+        ref.read(mediaNavStateProvider.notifier).set(MediaNavState.media);
+        ref.read(radioClientProvider).stop();
+      }
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    var navState = ref.watch(mediaNavStateProvider);
+
+    return SingleChildScrollView(
+      child: Column(
+        children: [
+          const SizedBox(
+            height: 55,
+          ),
+          PlayerNavigation(
+            onPressed: (val) {
+              onPressed(val);
+            },
+          ),
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 80),
+            child: SingleChildScrollView(
+              child: navState == MediaNavState.media
+                  ? const MediaPlayer()
+                  : navState == MediaNavState.fm
+                      ? const RadioPlayer()
+                      : Container(),
+            ),
+          ),
+          if (navState == MediaNavState.media || navState == MediaNavState.fm)
+            const Padding(
+              padding: EdgeInsets.symmetric(horizontal: 144, vertical: 23.5),
+              child: CustomVolumeSlider(),
+            ),
+        ],
+      ),
+    );
+  }
+}