mirfalah-tech
/
digital-card
Watch 12
Star 0
Fork 0

12 Commits
61f4562464 ... a72c1b4aeb

Author SHA1 Message Date
  farhan a72c1b4aeb shadow front cover 4 months ago
  farhan a133ea1216 flower position 4 months ago
  farhan e63b8073f4 insert flower to front page 4 months ago
  farhan 703757be6c hide all focus 4 months ago
  farhan 41901bccfe e-money ui fix 4 months ago
  farhan f83a243250 fix calendar 4 months ago
  farhan 3c7a756a95 remove dark mode for calendar 4 months ago
  farhan fa97073c97 reset form 4 months ago
  farhan 246ffea426 clear code for success message 4 months ago
  farhan 16fb3c7284 change success message to info color 4 months ago
  farhan 464ab57bba avoid auto zoom 4 months ago
  farhan 9782552d21 success message for action forms 4 months ago
11 changed files with 88 additions and 128 deletions
Unified View Show Diff Stats
  1. 3
    6
      app/Http/Controllers/MainController.php
  2. BIN
      public/assets/qr-bank.jpeg
  3. 5
    0
      resources/css/app.css
  4. 4
    2
      resources/views/components/front-cover.blade.php
  5. 4
    2
      resources/views/digital-card.blade.php
  6. 39
    39
      resources/views/modals/calendar-modal.blade.php
  7. 7
    11
      resources/views/modals/emoney-modal.blade.php
  8. 8
    23
      resources/views/modals/guestbook-modal.blade.php
  9. 7
    20
      resources/views/modals/rsvp-modal.blade.php
  10. 10
    21
      resources/views/rsvp-digital-card.blade.php
  11. 1
    4
      routes/web.php

+ 3
- 6
app/Http/Controllers/MainController.php View File

19 
             return view('rsvp-digital-card');
 19 
             return view('rsvp-digital-card');
20 
         } else {
 20 
         } else {
21 
             return view('digital-card', compact(['rsvp', 'guestbook']));
 21 
             return view('digital-card', compact(['rsvp', 'guestbook']));
22 
+            // return view('rsvp-digital-card');
22 
         }
 23 
         }
23 
     }
 24 
     }
24
25
31
32
32 
         session()->flash('success', 'Terima kasih kerana sudi menghadirkan diri!');
 33 
         session()->flash('success', 'Terima kasih kerana sudi menghadirkan diri!');
33
34
34 
-        return response()->json(['message' => 'RSVP form submitted successfully']);
35 
+        return response()->json(['message' => 'Terima kasih kerana sudi menghadirkan diri!']);
35 
     }
 36 
     }
36
37
37 
     public function saveSpeech(Request $request) {
 38 
     public function saveSpeech(Request $request) {
42
43
43 
         session()->flash('success', 'Terima kasih atas ucapan anda!');
 44 
         session()->flash('success', 'Terima kasih atas ucapan anda!');
44
45
45 
-        return response()->json(['message' => 'Speech form submitted successfully']);
46 
-    }
47 
-
48 
-    public function rsvpmain() {
49 
-        return view('rsvp-digital-card');
46 
+        return response()->json(['message' => 'Terima kasih atas ucapan anda!']);
50 
     }
 47 
     }
51 
 }
 48 
 }

BIN
public/assets/qr-bank.jpeg View File


+ 5
- 0
resources/css/app.css View File

26 
     .dark\:text-white {
 26 
     .dark\:text-white {
27 
         color: #000000 !important;
 27 
         color: #000000 !important;
28 
     }
 28 
     }
29 
+}
30 
+
31 
+/* Remove outline on focus for all elements */
32 
+*:focus {
33 
+    outline: none;
29 
 }
 34 
 }

+ 4
- 2
resources/views/components/front-cover.blade.php View File

1 
-<div class="part left fixed left-0 w-1/2 h-screen bg-babyblue shadow-xl">
1 
+<div class="part left fixed left-0 w-1/2 h-screen bg-babyblue shadow-lg">
2 
     <div class="flex flex-col justify-center h-full gap-10">
 2 
     <div class="flex flex-col justify-center h-full gap-10">
3 
         <div class="flex justify-end items-center">
 3 
         <div class="flex justify-end items-center">
4 
             <img src="{{ asset('assets/logo-left.png') }}" alt="Logo" class="logo-img">
 4 
             <img src="{{ asset('assets/logo-left.png') }}" alt="Logo" class="logo-img">
6 
         <div class="flex justify-end items-center">
 6 
         <div class="flex justify-end items-center">
7 
             <img src="{{ asset('assets/name-left.png') }}" alt="Name Left" class="logo-img">
 7 
             <img src="{{ asset('assets/name-left.png') }}" alt="Name Left" class="logo-img">
8 
         </div>
 8 
         </div>
9 
+        <img src="{{asset('assets/flower-left.png')}}" alt="" class="absolute -left-2/4 top-72 h-96 w-96">
9 
     </div>
 10 
     </div>
10 
 </div>
 11 
 </div>
11 
-<div class="part right fixed right-0 w-1/2 h-screen bg-babyblue shadow-xl">
12 
+<div class="part right fixed right-0 w-1/2 h-screen bg-babyblue shadow-lg">
12 
     <div class="flex flex-col justify-center h-full gap-10">
 13 
     <div class="flex flex-col justify-center h-full gap-10">
13 
         <div class="flex justify-start items-center">
 14 
         <div class="flex justify-start items-center">
14 
             <img src="{{ asset('assets/logo-right.png') }}" alt="Logo" class="logo-img">
 15 
             <img src="{{ asset('assets/logo-right.png') }}" alt="Logo" class="logo-img">
16 
         <div class="flex justify-start items-center">
 17 
         <div class="flex justify-start items-center">
17 
             <img src="{{ asset('assets/name-right.png') }}" alt="Name Right" class="logo-img">
 18 
             <img src="{{ asset('assets/name-right.png') }}" alt="Name Right" class="logo-img">
18 
         </div>
 19 
         </div>
20 
+        <img src="{{asset('assets/flower-right.png')}}" alt="" class="absolute -right-2/4 top-32 h-96 w-96">
19 
     </div>
 21 
     </div>
20 
 </div>
 22 
 </div>

+ 4
- 2
resources/views/digital-card.blade.php View File

2 
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-theme="light">
 2 
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-theme="light">
3 
     <head>
 3 
     <head>
4 
         <meta charset="utf-8">
 4 
         <meta charset="utf-8">
5 
-        <meta name="viewport" content="width=device-width, initial-scale=1">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
6 
         <meta name="color-scheme" content="light only">
 6 
         <meta name="color-scheme" content="light only">
7
7
8 
         <title>{{config('app.name')}}</title>
 8 
         <title>{{config('app.name')}}</title>
46 
         </style>
 46 
         </style>
47 
     </head>
 47 
     </head>
48 
     <body class="antialiased font-serif no-scroll">
 48 
     <body class="antialiased font-serif no-scroll">
49 
+        <div role="alert" class="alert alert-info hidden z-40 fixed w-1/2 top-3 right-3">
50 
+            <span></span>
51 
+        </div>
49 
         <div class="petal-overlay" id="petalOverlay">
 52 
         <div class="petal-overlay" id="petalOverlay">
50 
             <img src="{{ asset('assets/petal.gif') }}" alt="Falling Petals">
 53 
             <img src="{{ asset('assets/petal.gif') }}" alt="Falling Petals">
51 
         </div>
 54 
         </div>
141 
                 });
 144 
                 });
142 
             });
 145 
             });
143 
         </script>
 146 
         </script>
144 
-        <div id="alert-success"></div>
145 
         <div class="parent absolute h-screen w-full">
 147 
         <div class="parent absolute h-screen w-full">
146 
             {{-- <audio src="{{asset('assets/paper-ripping.mp3')}}"></audio> --}}
 148 
             {{-- <audio src="{{asset('assets/paper-ripping.mp3')}}"></audio> --}}
147 
             @include('components.front-cover')
 149 
             @include('components.front-cover')

+ 39
- 39
resources/views/modals/calendar-modal.blade.php View File

3 
       <h3 class="text-lg font-bold">Kalendar</h3>
 3 
       <h3 class="text-lg font-bold">Kalendar</h3>
4 
       <div class="flex items-center justify-center py-8 px-4">
 4 
       <div class="flex items-center justify-center py-8 px-4">
5 
           <div class="max-w-sm w-full shadow-lg">
 5 
           <div class="max-w-sm w-full shadow-lg">
6 
-              <div class="md:p-8 p-5 dark:bg-gray-800 bg-babyblue rounded-t">
6 
+              <div class="md:p-8 p-5 bg-babyblue rounded-t">
7 
                   <div class="flex items-center justify-center">
 7 
                   <div class="flex items-center justify-center">
8 
-                      <span  tabindex="0" class="focus:outline-none  text-base font-bold dark:text-gray-100 text-gray-800">August 2024</span>
8 
+                      <span  tabindex="0" class="focus:outline-none  text-base font-bold text-gray-800">August 2024</span>
9 
                   </div>
 9 
                   </div>
10 
                   <div class="flex items-center justify-between pt-12 overflow-x-auto">
 10 
                   <div class="flex items-center justify-between pt-12 overflow-x-auto">
11 
                       <table class="w-full">
 11 
                       <table class="w-full">
13 
                               <tr>
 13 
                               <tr>
14 
                                   <th>
 14 
                                   <th>
15 
                                       <div class="w-full flex justify-center">
 15 
                                       <div class="w-full flex justify-center">
16 
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Mo</p>
16 
+                                          <p class="text-base font-medium text-center text-gray-800">Mo</p>
17 
                                       </div>
 17 
                                       </div>
18 
                                   </th>
 18 
                                   </th>
19 
                                   <th>
 19 
                                   <th>
20 
                                       <div class="w-full flex justify-center">
 20 
                                       <div class="w-full flex justify-center">
21 
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Tu</p>
21 
+                                          <p class="text-base font-medium text-center text-gray-800">Tu</p>
22 
                                       </div>
 22 
                                       </div>
23 
                                   </th>
 23 
                                   </th>
24 
                                   <th>
 24 
                                   <th>
25 
                                       <div class="w-full flex justify-center">
 25 
                                       <div class="w-full flex justify-center">
26 
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">We</p>
26 
+                                          <p class="text-base font-medium text-center text-gray-800">We</p>
27 
                                       </div>
 27 
                                       </div>
28 
                                   </th>
 28 
                                   </th>
29 
                                   <th>
 29 
                                   <th>
30 
                                       <div class="w-full flex justify-center">
 30 
                                       <div class="w-full flex justify-center">
31 
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Th</p>
31 
+                                          <p class="text-base font-medium text-center text-gray-800">Th</p>
32 
                                       </div>
 32 
                                       </div>
33 
                                   </th>
 33 
                                   </th>
34 
                                   <th>
 34 
                                   <th>
35 
                                       <div class="w-full flex justify-center">
 35 
                                       <div class="w-full flex justify-center">
36 
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Fr</p>
36 
+                                          <p class="text-base font-medium text-center text-gray-800">Fr</p>
37 
                                       </div>
 37 
                                       </div>
38 
                                   </th>
 38 
                                   </th>
39 
                                   <th>
 39 
                                   <th>
40 
                                       <div class="w-full flex justify-center">
 40 
                                       <div class="w-full flex justify-center">
41 
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Sa</p>
41 
+                                          <p class="text-base font-medium text-center text-gray-800">Sa</p>
42 
                                       </div>
 42 
                                       </div>
43 
                                   </th>
 43 
                                   </th>
44 
                                   <th>
 44 
                                   <th>
45 
                                       <div class="w-full flex justify-center">
 45 
                                       <div class="w-full flex justify-center">
46 
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Su</p>
46 
+                                          <p class="text-base font-medium text-center text-gray-800">Su</p>
47 
                                       </div>
 47 
                                       </div>
48 
                                   </th>
 48 
                                   </th>
49 
                               </tr>
 49 
                               </tr>
61 
                                   </td>
 61 
                                   </td>
62 
                                   <td class="pt-6">
 62 
                                   <td class="pt-6">
63 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 63 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
64 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">1</p>
64 
+                                          <p class="text-base text-gray-500 font-medium">1</p>
65 
                                       </div>
 65 
                                       </div>
66 
                                   </td>
 66 
                                   </td>
67 
                                   <td class="pt-6">
 67 
                                   <td class="pt-6">
68 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 68 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
69 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">2</p>
69 
+                                          <p class="text-base text-gray-500 font-medium">2</p>
70 
                                       </div>
 70 
                                       </div>
71 
                                   </td>
 71 
                                   </td>
72 
                                   <td class="pt-6">
 72 
                                   <td class="pt-6">
73 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 73 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
74 
-                                          <p class="text-base text-gray-500 dark:text-gray-100">3</p>
74 
+                                          <p class="text-base text-gray-500">3</p>
75 
                                       </div>
 75 
                                       </div>
76 
                                   </td>
 76 
                                   </td>
77 
                                   <td class="pt-6">
 77 
                                   <td class="pt-6">
78 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 78 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
79 
-                                          <p class="text-base text-gray-500 dark:text-gray-100">4</p>
79 
+                                          <p class="text-base text-gray-500">4</p>
80 
                                       </div>
 80 
                                       </div>
81 
                                   </td>
 81 
                                   </td>
82 
                               </tr>
 82 
                               </tr>
83 
                               <tr>
 83 
                               <tr>
84 
                                   <td>
 84 
                                   <td>
85 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 85 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
86 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">5</p>
86 
+                                          <p class="text-base text-gray-500 font-medium">5</p>
87 
                                       </div>
 87 
                                       </div>
88 
                                   </td>
 88 
                                   </td>
89 
                                   <td>
 89 
                                   <td>
90 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 90 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
91 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">6</p>
91 
+                                          <p class="text-base text-gray-500 font-medium">6</p>
92 
                                       </div>
 92 
                                       </div>
93 
                                   </td>
 93 
                                   </td>
94 
                                   <td>
 94 
                                   <td>
95 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 95 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
96 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">7</p>
96 
+                                          <p class="text-base text-gray-500 font-medium">7</p>
97 
                                       </div>
 97 
                                       </div>
98 
                                   </td>
 98 
                                   </td>
99 
                                   <td>
 99 
                                   <td>
100 
                                     <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 100 
                                     <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
101 
-                                        <p class="text-base text-gray-500 dark:text-gray-100 font-medium">8</p>
101 
+                                        <p class="text-base text-gray-500 font-medium">8</p>
102 
                                     </div>
 102 
                                     </div>
103 
                                   </td>
 103 
                                   </td>
104 
                                   <td>
 104 
                                   <td>
105 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 105 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
106 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">9</p>
106 
+                                          <p class="text-base text-gray-500 font-medium">9</p>
107 
                                       </div>
 107 
                                       </div>
108 
                                   </td>
 108 
                                   </td>
109 
                                   <td>
 109 
                                   <td>
110 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 110 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
111 
-                                          <p class="text-base text-gray-500 dark:text-gray-100">10</p>
111 
+                                          <p class="text-base text-gray-500">10</p>
112 
                                       </div>
 112 
                                       </div>
113 
                                   </td>
 113 
                                   </td>
114 
                                   <td>
 114 
                                   <td>
115 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 115 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
116 
-                                          <p class="text-base text-gray-500 dark:text-gray-100">11</p>
116 
+                                          <p class="text-base text-gray-500">11</p>
117 
                                       </div>
 117 
                                       </div>
118 
                                   </td>
 118 
                                   </td>
119 
                               </tr>
 119 
                               </tr>
120 
                               <tr>
 120 
                               <tr>
121 
                                   <td>
 121 
                                   <td>
122 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 122 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
123 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">12</p>
123 
+                                          <p class="text-base text-gray-500 font-medium">12</p>
124 
                                       </div>
 124 
                                       </div>
125 
                                   </td>
 125 
                                   </td>
126 
                                   <td>
 126 
                                   <td>
127 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 127 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
128 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">13</p>
128 
+                                          <p class="text-base text-gray-500 font-medium">13</p>
129 
                                       </div>
 129 
                                       </div>
130 
                                   </td>
 130 
                                   </td>
131 
                                   <td>
 131 
                                   <td>
132 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 132 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
133 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">14</p>
133 
+                                          <p class="text-base text-gray-500 font-medium">14</p>
134 
                                       </div>
 134 
                                       </div>
135 
                                   </td>
 135 
                                   </td>
136 
                                   <td>
 136 
                                   <td>
137 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 137 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
138 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">15</p>
138 
+                                          <p class="text-base text-gray-500 font-medium">15</p>
139 
                                       </div>
 139 
                                       </div>
140 
                                   </td>
 140 
                                   </td>
141 
                                   <td>
 141 
                                   <td>
142 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 142 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
143 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">16</p>
143 
+                                          <p class="text-base text-gray-500 font-medium">16</p>
144 
                                       </div>
 144 
                                       </div>
145 
                                   </td>
 145 
                                   </td>
146 
                                   <td>
 146 
                                   <td>
152 
                                   </td>
 152 
                                   </td>
153 
                                   <td>
 153 
                                   <td>
154 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 154 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
155 
-                                          <p class="text-base text-gray-500 dark:text-gray-100">18</p>
155 
+                                          <p class="text-base text-gray-500">18</p>
156 
                                       </div>
 156 
                                       </div>
157 
                                   </td>
 157 
                                   </td>
158 
                               </tr>
 158 
                               </tr>
159 
                               <tr>
 159 
                               <tr>
160 
                                   <td>
 160 
                                   <td>
161 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 161 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
162 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">19</p>
162 
+                                          <p class="text-base text-gray-500 font-medium">19</p>
163 
                                       </div>
 163 
                                       </div>
164 
                                   </td>
 164 
                                   </td>
165 
                                   <td>
 165 
                                   <td>
166 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 166 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
167 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">20</p>
167 
+                                          <p class="text-base text-gray-500 font-medium">20</p>
168 
                                       </div>
 168 
                                       </div>
169 
                                   </td>
 169 
                                   </td>
170 
                                   <td>
 170 
                                   <td>
171 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 171 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
172 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">21</p>
172 
+                                          <p class="text-base text-gray-500 font-medium">21</p>
173 
                                       </div>
 173 
                                       </div>
174 
                                   </td>
 174 
                                   </td>
175 
                                   <td>
 175 
                                   <td>
176 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 176 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
177 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">22</p>
177 
+                                          <p class="text-base text-gray-500 font-medium">22</p>
178 
                                       </div>
 178 
                                       </div>
179 
                                   </td>
 179 
                                   </td>
180 
                                   <td>
 180 
                                   <td>
181 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 181 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
182 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">23</p>
182 
+                                          <p class="text-base text-gray-500 font-medium">23</p>
183 
                                       </div>
 183 
                                       </div>
184 
                                   </td>
 184 
                                   </td>
185 
                                   <td>
 185 
                                   <td>
186 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 186 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
187 
-                                          <p class="text-base text-gray-500 dark:text-gray-100">24</p>
187 
+                                          <p class="text-base text-gray-500">24</p>
188 
                                       </div>
 188 
                                       </div>
189 
                                   </td>
 189 
                                   </td>
190 
                                   <td>
 190 
                                   <td>
191 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 191 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
192 
-                                          <p class="text-base text-gray-500 dark:text-gray-100">25</p>
192 
+                                          <p class="text-base text-gray-500">25</p>
193 
                                       </div>
 193 
                                       </div>
194 
                                   </td>
 194 
                                   </td>
195 
                               </tr>
 195 
                               </tr>
196 
                               <tr>
 196 
                               <tr>
197 
                                   <td>
 197 
                                   <td>
198 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 198 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
199 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">26</p>
199 
+                                          <p class="text-base text-gray-500 font-medium">26</p>
200 
                                       </div>
 200 
                                       </div>
201 
                                   </td>
 201 
                                   </td>
202 
                                   <td>
 202 
                                   <td>
203 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 203 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
204 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">27</p>
204 
+                                          <p class="text-base text-gray-500 font-medium">27</p>
205 
                                       </div>
 205 
                                       </div>
206 
                                   </td>
 206 
                                   </td>
207 
                                   <td>
 207 
                                   <td>
208 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 208 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
209 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">28</p>
209 
+                                          <p class="text-base text-gray-500 font-medium">28</p>
210 
                                       </div>
 210 
                                       </div>
211 
                                   </td>
 211 
                                   </td>
212 
                                   <td>
 212 
                                   <td>
213 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 213 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
214 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">29</p>
214 
+                                          <p class="text-base text-gray-500 font-medium">29</p>
215 
                                       </div>
 215 
                                       </div>
216 
                                   </td>
 216 
                                   </td>
217 
                                   <td>
 217 
                                   <td>
218 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 218 
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
219 
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">30</p>
219 
+                                          <p class="text-base text-gray-500 font-medium">30</p>
220 
                                       </div>
 220 
                                       </div>
221 
                                   </td>
 221 
                                   </td>
222 
                                   <td>
 222 
                                   <td>
223 
                                     <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
 223 
                                     <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
224 
-                                        <p class="text-base text-gray-500 dark:text-gray-100">31</p>
224 
+                                        <p class="text-base text-gray-500">31</p>
225 
                                     </div>
 225 
                                     </div>
226 
                                 </td>
 226 
                                 </td>
227 
                               </tr>
 227 
                               </tr>

+ 7
- 11
resources/views/modals/emoney-modal.blade.php View File

1 
-<style>
2 
-  .copy-link {
3 
-            color: blue;
4 
-            text-decoration: underline;
5 
-            cursor: pointer;
6 
-            float: right;
7 
-        }
8 
-</style>
9 
 <dialog id="emoney" class="modal">
 1 
 <dialog id="emoney" class="modal">
10 
   <div class="modal-box w-11/12 max-w-5xl">
 2 
   <div class="modal-box w-11/12 max-w-5xl">
11 
     <h3 class="text-lg font-bold">Hadiah</h3>
 3 
     <h3 class="text-lg font-bold">Hadiah</h3>
13 
       <div class="label">
 5 
       <div class="label">
14 
         <span class="label-text">Nama Bank</span>
 6 
         <span class="label-text">Nama Bank</span>
15 
       </div>
 7 
       </div>
16 
-      <input type="text" value="RHB Bank Berhad" class="input input-bordered input-sm input-accent w-full max-w-xs" disabled/>
8 
+      <p class="input input-bordered input-sm input-accent w-full max-w-xs">
9 
+        RHB Bank Berhad
10 
+      </p>
17 
     </label>
 11 
     </label>
18 
     <label class="form-control w-full max-w-xs">
 12 
     <label class="form-control w-full max-w-xs">
19 
       <div class="label">
 13 
       <div class="label">
20 
         <span class="label-text">No. Akaun</span>
 14 
         <span class="label-text">No. Akaun</span>
21 
       </div>
 15 
       </div>
22 
       <p class="input input-bordered input-sm input-accent w-full max-w-xs">
 16 
       <p class="input input-bordered input-sm input-accent w-full max-w-xs">
23 
-        15601700275298
24 
-          <span id="copyText" class="copy-link">(copy)</span>
17 
+          15601700275298
18 
+          <span id="copyText" class="copy-link cursor-pointer float-end">
19 
+            <i class="fa-regular fa-copy"></i>
20 
+          </span>
25 
       </p>
 21 
       </p>
26 
       <p id="copyMessage" class="text-green-500" style="display:none;">Copied to clipboard!</p>
 22 
       <p id="copyMessage" class="text-green-500" style="display:none;">Copied to clipboard!</p>
27 
     </label>
 23 
     </label>

+ 8
- 23
resources/views/modals/guestbook-modal.blade.php View File

42 
             data: formData,
 42 
             data: formData,
43 
             success: function(response) {
 43 
             success: function(response) {
44 
               $('#closeSpeechForm').submit();
 44 
               $('#closeSpeechForm').submit();
45 
-              if ('{{ session('success') }}') {
46 
-                  showSuccessMessage('{{ session('success') }}');
47 
-              }
45 
+              $('#speechForm')[0].reset();
46 
+              var alertContainer = $('.alert-info');
47 
+              alertContainer.find('span').text(response.message); // Set message text
48 
+              alertContainer.fadeIn().removeClass('hidden'); // Show the alert
49 
+              setTimeout(function() {
50 
+                  alertContainer.fadeOut().addClass('hidden'); // Hide the alert after 5 seconds
51 
+              }, 3000);
48 
             },
 52 
             },
49 
             error: function(xhr, status, error) {
 53 
             error: function(xhr, status, error) {
50 
               console.error('Error submitting form:', error);
 54 
               console.error('Error submitting form:', error);
51 
             }
 55 
             }
52 
           });
 56 
           });
53 
         });
 57 
         });
54 
-      })
55 
-
56 
-      function showSuccessMessage(message) {
57 
-          // Create a dynamic success message element
58 
-          var successAlert = $('<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative" role="alert">' +
59 
-              '<span class="block sm:inline">' + message + '</span>' +
60 
-              '</div>');
61 
-
62 
-          // Append the message to a suitable container in your HTML (e.g., modal, form, or body)
63 
-          $('#alert-success').append(successAlert);
64 
-
65 
-          // Automatically remove the message after 3 seconds
66 
-          setTimeout(function() {
67 
-              successAlert.fadeOut('slow', function() {
68 
-                  $(this).remove();
69 
-              });
70 
-          }, 3000); // 3 seconds
71 
-
72 
-          // session()->forget('success');
73 
-      }
58 
+      });
74 
     </script>
 59 
     </script>
75 
 @endpush
 60 
 @endpush

+ 7
- 20
resources/views/modals/rsvp-modal.blade.php View File

48 
           data: formData,
 48 
           data: formData,
49 
           success: function(response) {
 49 
           success: function(response) {
50 
             $('#closeRsvpForm').submit();
 50 
             $('#closeRsvpForm').submit();
51 
-            if ('{{ session('success') }}') {
52 
-                showSuccessMessage('{{ session('success') }}');
53 
-            }
51 
+            $('#rsvpForm')[0].reset();
52 
+            var alertContainer = $('.alert-info');
53 
+            alertContainer.find('span').text(response.message); // Set message text
54 
+            alertContainer.fadeIn().removeClass('hidden'); // Show the alert
55 
+            setTimeout(function() {
56 
+                alertContainer.fadeOut().addClass('hidden'); // Hide the alert after 5 seconds
57 
+            }, 3000);
54 
           },
 58 
           },
55 
           error: function(xhr, status, error) {
 59 
           error: function(xhr, status, error) {
56 
             console.error('Error submitting form:', error);
 60 
             console.error('Error submitting form:', error);
58 
         });
 62 
         });
59 
       });
 63 
       });
60 
     });
 64 
     });
61 
-
62 
-    function showSuccessMessage(message) {
63 
-        // Create a dynamic success message element
64 
-        var successAlert = $('<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative" role="alert">' +
65 
-            '<span class="block sm:inline">' + message + '</span>' +
66 
-            '</div>');
67 
-
68 
-        // Append the message to a suitable container in your HTML (e.g., modal, form, or body)
69 
-        $('#alert-success').append(successAlert);
70 
-
71 
-        // Automatically remove the message after 3 seconds
72 
-        setTimeout(function() {
73 
-            successAlert.fadeOut('slow', function() {
74 
-                $(this).remove();
75 
-            });
76 
-        }, 3000); // 3 seconds
77 
-    }
78 
   </script>
 65 
   </script>
79 
 @endpush
 66 
 @endpush

+ 10
- 21
resources/views/rsvp-digital-card.blade.php View File

2 
 <html lang="en" data-theme="light">
 2 
 <html lang="en" data-theme="light">
3 
 <head>
 3 
 <head>
4 
     <meta charset="UTF-8">
 4 
     <meta charset="UTF-8">
5 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6 
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 6 
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 
     <meta name="color-scheme" content="light only">
 7 
     <meta name="color-scheme" content="light only">
8 
     <title>{{config('app.name')}}</title>
 8 
     <title>{{config('app.name')}}</title>
15 
     @vite(['resources/css/app.css'])
 15 
     @vite(['resources/css/app.css'])
16 
 </head>
 16 
 </head>
17 
 <body class="antialiased font-serif">
 17 
 <body class="antialiased font-serif">
18 
+    <div role="alert" class="alert alert-info hidden z-40 fixed w-1/2 top-3 right-3">
19 
+        <span></span>
20 
+    </div>
18 
     <audio id="player" autoplay="autoplay" loop>
 21 
     <audio id="player" autoplay="autoplay" loop>
19 
         <source src="{{asset('assets/background-musicv2.mp3')}}" type="audio/mp3">
 22 
         <source src="{{asset('assets/background-musicv2.mp3')}}" type="audio/mp3">
20 
     </audio>
 23 
     </audio>
77 
               type: 'POST',
 80 
               type: 'POST',
78 
               data: formData,
 81 
               data: formData,
79 
               success: function(response) {
 82 
               success: function(response) {
80 
-                if ('{{ session('success') }}') {
81 
-                    showSuccessMessage('{{ session('success') }}');
82 
-                }
83 
                 $('#RSVPForm')[0].reset();
 83 
                 $('#RSVPForm')[0].reset();
84 
+                var alertContainer = $('.alert-info');
85 
+                alertContainer.find('span').text(response.message); // Set message text
86 
+                alertContainer.fadeIn().removeClass('hidden'); // Show the alert
87 
+                setTimeout(function() {
88 
+                    alertContainer.fadeOut().addClass('hidden'); // Hide the alert after 5 seconds
89 
+                }, 3000);
84 
               },
 90 
               },
85 
               error: function(xhr, status, error) {
 91 
               error: function(xhr, status, error) {
86 
                 console.error('Error submitting form:', error);
 92 
                 console.error('Error submitting form:', error);
87 
               }
 93 
               }
88 
             });
 94 
             });
89 
           });
 95 
           });
90 
-
91 
-          function showSuccessMessage(message) {
92 
-                // Create a dynamic success message element
93 
-                var successAlert = $('<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative" role="alert">' +
94 
-                    '<span class="block sm:inline">' + message + '</span>' +
95 
-                    '</div>');
96 
-
97 
-                // Append the message to a suitable container in your HTML (e.g., modal, form, or body)
98 
-                $('#alert-success').append(successAlert);
99 
-
100 
-                // Automatically remove the message after 3 seconds
101 
-                setTimeout(function() {
102 
-                    successAlert.fadeOut('slow', function() {
103 
-                        $(this).remove();
104 
-                    });
105 
-                }, 3000); // 3 seconds
106 
-            }
107 
         });
 96 
         });
108 
     </script>
 97 
     </script>
109 
 </body>
 98 
 </body>

+ 1
- 4
routes/web.php View File

16
16
17 
 Route::get('/', [MainController::class, 'main']);
 17 
 Route::get('/', [MainController::class, 'main']);
18 
 Route::post('/saveRsvp', [MainController::class, 'saveRsvp'])->name('rsvp.save');
 18 
 Route::post('/saveRsvp', [MainController::class, 'saveRsvp'])->name('rsvp.save');
19 
-Route::post('/saveSpeech', [MainController::class, 'saveSpeech'])->name('speech.save');
20 
-
21 
-
22 
-Route::get('/rsvp', [MainController::class, 'rsvpmain']);
19 
+Route::post('/saveSpeech', [MainController::class, 'saveSpeech'])->name('speech.save');

Write Preview
Loading…
Cancel
Save