v0.9.12 - Fixed CSS - Started working on wants_email button in account

skolehjem/resources/views/app/settings/index.blade.php

@@ -5,6 +5,66 @@
 @endsection
 
 @section("content")
+    <style>
+        /* The switch - the box around the slider */
+        .switch {
+            position: relative;
+            display: inline-block;
+            width: 60px;
+            height: 28px;
+        }
+
+        /* Hide default HTML checkbox */
+        .switch input {
+            opacity: 0;
+            width: 0;
+            height: 0;
+        }
+
+        /* The slider */
+        .slider {
+            position: absolute;
+            cursor: pointer;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: #ccc;
+            transition: .4s;
+        }
+
+        .slider:before {
+            position: absolute;
+            content: "";
+            height: 20px;
+            width: 20px;
+            left: 4px;
+            bottom: 4px;
+            background-color: white;
+            transition: .4s;
+        }
+
+        input:checked + .slider {
+            background-color: #00788A;
+        }
+
+        input:focus + .slider {
+            box-shadow: 0 0 1px #00788A;
+        }
+
+        input:checked + .slider:before {
+            transform: translateX(32px);
+        }
+
+        /* Rounded sliders */
+        .slider.round {
+            border-radius: 34px;
+        }
+
+        .slider.round:before {
+            border-radius: 50%;
+        }
+    </style>
     <script src="{{ asset("/js/jquery-3.2.1.min.js") }}"></script>
     <main style="justify-content: unset">
         <label for="langu" class="mt-2">Sprog / Languages:</label>
@@ -33,6 +93,17 @@
                 <option name="dark" style="color: black;" value="dark">{{ __("msg.mørk") }}</option>
             @endif
         </select>
+        <label for="dark">E-mail Notifikationer / E-mail Notifications:</label>
+        <div>
+            <label class="switch">
+                @if(\App\User::query()->where('id', '=', auth()->user()->id)->first()->wants_emails == true)
+                    <input type="checkbox" checked>
+                @else
+                    <input type="checkbox">
+                @endif
+                <span class="slider round"></span>
+            </label>
+        </div>
     </main>
     <script>
         $(document).ready(function (){