From 68b026cd10b8d68810f44edd41d475a54d339a62 Mon Sep 17 00:00:00 2001
From: imadnajam <118115991+Imadnajam@users.noreply.github.com>
Date: Sat, 13 Jan 2024 19:45:38 +0100
Subject: [PATCH] add share script component

---
 resources/views/components/indexMD.blade.php  | 59 ++---------------
 .../views/components/seriesDetaile.blade.php  |  4 ++
 .../frontend/components/sharescript.blade.php | 64 +++++++++++--------
 3 files changed, 45 insertions(+), 82 deletions(-)

diff --git a/resources/views/components/indexMD.blade.php b/resources/views/components/indexMD.blade.php
index b84adb8..726ccc2 100644
--- a/resources/views/components/indexMD.blade.php
+++ b/resources/views/components/indexMD.blade.php
@@ -6,6 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>{{ $movie['original_title'] }}</title>
+    <script>
+        const movieData = @json($movie);
+    </script>
     <!--
     - favicon
   -->
@@ -397,65 +400,11 @@
 
                         </div>
                     </div>
-
-
-
                 </footer>
-
-
-
-
-
-                <!--
-      - #GO TO TOP
-    -->
-
                 <a href="#top" class="go-top" data-go-top>
                     <ion-icon name="chevron-up"></ion-icon>
                 </a>
-
-
-
-
-
-
-                <script>
-                    document.addEventListener('DOMContentLoaded', function() {
-                        // Get the WhatsApp and Facebook share buttons
-                        const whatsappShareButton = document.getElementById('whatsappShare');
-                        const facebookShareButton = document.getElementById('facebookShare');
-
-                        // Retrieve movie data from data-movie attribute
-                        const movieData = JSON.parse(document.body.getAttribute('data-movie'));
-
-                        // Add a click event listener to the WhatsApp share button
-                        whatsappShareButton.addEventListener('click', function() {
-                            // Generate the sharing message based on the movie details
-                            const shareMessage =
-                                `${movieData.original_title} - ${movieData.overview}\n${window.location.href}`;
-
-                            // Open the WhatsApp sharing link with the message
-                            const whatsappLink = `https://wa.me/?text=${encodeURIComponent(shareMessage)}`;
-                            window.open(whatsappLink, '_blank');
-                        });
-
-                        // Add a click event listener to the Facebook share button
-                        facebookShareButton.addEventListener('click', function() {
-                            // Generate the sharing link based on the movie details
-                            const shareLink = window.location.href; // You can customize this based on your requirements
-
-                            // Open the Facebook sharing link
-                            const facebookLink =
-                                `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareLink)}`;
-                            window.open(facebookLink, '_blank');
-                        });
-                    });
-                </script>
-
-
-                <!--
-      - ionicon link
-    -->
+                @include('frontend.components.sharescript')
                 <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
                 <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
 
diff --git a/resources/views/components/seriesDetaile.blade.php b/resources/views/components/seriesDetaile.blade.php
index 55632b5..d56a75a 100644
--- a/resources/views/components/seriesDetaile.blade.php
+++ b/resources/views/components/seriesDetaile.blade.php
@@ -6,6 +6,10 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{{$tvSeriesData['name']}}</title>
+<!-- Inside the head tag or somewhere before the JavaScript code -->
+<script>
+  const movieData = @json($tvSeriesData);
+</script>
 
   <!-- 
     - favicon
diff --git a/resources/views/frontend/components/sharescript.blade.php b/resources/views/frontend/components/sharescript.blade.php
index aa567c8..42db8d9 100644
--- a/resources/views/frontend/components/sharescript.blade.php
+++ b/resources/views/frontend/components/sharescript.blade.php
@@ -1,29 +1,39 @@
 <script>
     document.addEventListener('DOMContentLoaded', function() {
-     // Get the WhatsApp and Facebook share buttons
-     const whatsappShareButton = document.getElementById('whatsappShare');
-     const facebookShareButton = document.getElementById('facebookShare');
- 
-     // Add a click event listener to the WhatsApp share button
-     whatsappShareButton.addEventListener('click', function() {
-         // Generate the sharing message based on your movie details
-         const shareMessage = `${$movie['original_title']} - ${$movie['overview']}\n${window.location.href}`;
- 
-         // Open the WhatsApp sharing link with the message
-         const whatsappLink = `https://wa.me/?text=${encodeURIComponent(shareMessage)}`;
-         window.open(whatsappLink, '_blank');
-     });
- 
-     // Add a click event listener to the Facebook share button
-     facebookShareButton.addEventListener('click', function() {
-         // Generate the sharing link based on your movie details
-         const shareLink = window.location.href; // You can customize this based on your requirements
- 
-         // Open the Facebook sharing link
-         const facebookLink =
-             `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareLink)}`;
-         window.open(facebookLink, '_blank');
-     });
- });
- 
- </script>
\ No newline at end of file
+        // Get the WhatsApp and Facebook share buttons
+        const whatsappShareButton = document.getElementById('whatsappShare');
+        const facebookShareButton = document.getElementById('facebookShare');
+
+        // Check if the WhatsApp share button exists
+        if (whatsappShareButton) {
+            // Add a click event listener to the WhatsApp share button
+            whatsappShareButton.addEventListener('click', function() {
+                // Generate the sharing message based on movie details
+                const shareMessage = `${movieData['original_title']} - ${movieData['overview']}\n${window.location.href}`;
+
+                // Open the WhatsApp sharing link with the message
+                const whatsappLink = `https://wa.me/?text=${encodeURIComponent(shareMessage)}`;
+
+                // Open the link in a new window
+                window.open(whatsappLink, '_blank');
+            });
+        } else {
+            console.error('WhatsApp share button not found.');
+        }
+
+        // Check if the Facebook share button exists
+        if (facebookShareButton) {
+            // Add a click event listener to the Facebook share button
+            facebookShareButton.addEventListener('click', function() {
+                // Generate the sharing link based on your movie details
+                const shareLink = window.location.href;
+
+                // Open the Facebook sharing link in a new window
+                const facebookLink = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareLink)}`;
+                window.open(facebookLink, '_blank');
+            });
+        } else {
+            console.error('Facebook share button not found.');
+        }
+    });
+</script>