From a76ce0903a59ddce5002d7e4689130fde95d905e Mon Sep 17 00:00:00 2001
From: Elvis Yerel Roman <yerel9212@yahoo.es>
Date: Wed, 14 Aug 2024 21:48:59 -0500
Subject: [PATCH] Updated views

---
 resources/scss/pages.scss                     |  49 +++++++-
 .../views/auth/forgot-password.blade.php      |  45 ++++----
 resources/views/auth/login.blade.php          | 105 +++++++++++-------
 resources/views/auth/reset-password.blade.php |  69 ++++++------
 resources/views/auth/terms.blade.php          |   2 +-
 resources/views/client/register.blade.php     |  18 +--
 resources/views/factor/email.blade.php        |  96 ++++++++--------
 resources/views/layouts/app.blade.php         |  17 ---
 resources/views/layouts/footer.blade.php      |  22 ----
 resources/views/layouts/pages.blade.php       |   2 +
 10 files changed, 228 insertions(+), 197 deletions(-)
 delete mode 100644 resources/views/layouts/footer.blade.php

diff --git a/resources/scss/pages.scss b/resources/scss/pages.scss
index fadb312f..beb29ab2 100644
--- a/resources/scss/pages.scss
+++ b/resources/scss/pages.scss
@@ -182,13 +182,56 @@ body {
 
         &:last-child {
             display: flex;
-            background-color: var(--primary);
+            background: var(--primary);
             justify-content: center;
             align-items: center;
 
             .page {
-                padding: 0.5em;
-                text-align: center;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                flex-direction: column;
+                min-height: inherit;
+
+                div {
+                    text-align: center;
+
+                    h1 {
+                        font-size: 5em;
+                        color: var(--white);
+                        // animation: slide 5s linear infinite;
+                    }
+
+                    p {
+                        font-size: large;
+                        color: var(--first-color);
+                        font-size: 2em;
+                    }
+
+
+                    @keyframes slide {
+                        0% {
+                            color: var(--white);
+                        }
+
+                        25% {
+                            color: var(--secondary);
+                        }
+
+                        50% {
+                            color: var(--ternary);
+                        }
+
+
+                        75% {
+                            color: var(--quaternary);
+                        }
+
+                        100% {
+                            color: var(--code);
+                        }
+                    }
+                }
             }
 
         }
diff --git a/resources/views/auth/forgot-password.blade.php b/resources/views/auth/forgot-password.blade.php
index 7525bcce..8c560a5a 100755
--- a/resources/views/auth/forgot-password.blade.php
+++ b/resources/views/auth/forgot-password.blade.php
@@ -1,32 +1,33 @@
 @extends('layouts.pages')
 
 @section('content')
-    <div class="forgot-password">
-        <div class="head">
-            <p>{{ __('Request to change password') }}</p>
-            <p>
-                {{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
-            </p>
-        </div>
-        <div class="body">
-            <form action="{{ route('password.email') }}" method="post">
-                @csrf
-                <div class="item">
+    <div class="form-forgot-password">
+        <div class="forgot-password">
+            <div class="head">
+                <p>{{ __('Request to change password') }}</p>
+                <p>
+                    {{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
+                </p>
+            </div>
+            <div class="body">
+                <form action="{{ route('password.email') }}" method="post">
+                    @csrf
+                    <div class="item">
 
-                    <input type="email" class="form-control" name="email" placeholder="{{ __('Email') }}">
-                    @if ($errors->has('email'))
-                        @foreach ($errors->get('email') as $item)
-                            <span class="errors">{{ $item }}</span>
-                        @endforeach
-                    @endif
-                </div>
+                        <input type="email" class="form-control" name="email" placeholder="{{ __('Email') }}">
+                        @if ($errors->has('email'))
+                            @foreach ($errors->get('email') as $item)
+                                <span class="errors">{{ $item }}</span>
+                            @endforeach
+                        @endif
+                    </div>
 
-                <div class="buttons">
+                    <div class="buttons">
 
-                    <button type="submit">{{ __('Send Password Reset Link') }}</button>
+                        <button type="submit">{{ __('Send Password Reset Link') }}</button>
 
-                </div>
+                    </div>
+            </div>
         </div>
     </div>
-
 @endsection
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 5806fa51..9fb4cc12 100755
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -2,60 +2,81 @@
 
 @section('content')
     @if (session('status'))
-        <div class="message-status">
+        <div class="notify" id="notify">
             <p>
                 {{ session('status') }}
             </p>
         </div>
     @endif
 
-    <div class="login">
-        <div class="head">
-            <p>
-                {{ config('app.name') }}
-            </p>
-        </div>
-        <div class="body">
-            <form action="{{ route('login') }}" method="post">
-                @csrf
-
-                <div class="item">
-                    <input type="email" name="email" placeholder="{{ __('Email') }}">
-                    @if ($errors->has('email'))
-                        @foreach ($errors->get('email') as $item)
-                            <span class="errors">{{ $item }}</span>
-                        @endforeach
-                    @endif
-                </div>
+    <div class="login-form">
 
-                <div class="item">
-                    <a class="" href="/forgot-password">{{ __('Forgot your password?') }}</a>
-                    <input type="password" name="password" placeholder="{{ __('Password') }}">
-                    @if ($errors->has('password'))
-                        @foreach ($errors->get('password') as $item)
-                            <span class="errors">{{ $item }}</span>
-                        @endforeach
-                    @endif
+        <div class="box">
+            <div class="login">
+                <div class="head">
+                    <p>
+                        {{ config('app.name') }}
+                    </p>
                 </div>
-                <!--Do not remove this lines-->
-                <div>
-                    @foreach ($query as $item => $value)
-                        <input type="hidden" id="{{ $item }}" name="{{ $item }}"
-                            value="{{ $value }}">
-                    @endforeach
+                <div class="body">
+                    <form action="{{ route('login') }}" method="post">
+                        @csrf
+
+                        <div class="item">
+                            <input type="email" name="email" placeholder="{{ __('Email') }}">
+                            @if ($errors->has('email'))
+                                @foreach ($errors->get('email') as $item)
+                                    <span class="errors">{{ $item }}</span>
+                                @endforeach
+                            @endif
+                        </div>
+
+                        <div class="item">
+                            <a class="" href="/forgot-password">{{ __('Forgot your password?') }}</a>
+                            <input type="password" name="password" placeholder="{{ __('Password') }}">
+                            @if ($errors->has('password'))
+                                @foreach ($errors->get('password') as $item)
+                                    <span class="errors">{{ $item }}</span>
+                                @endforeach
+                            @endif
+                        </div>
+                        <!--Do not remove this lines-->
+                        <div>
+                            @foreach ($query as $item => $value)
+                                <input type="hidden" id="{{ $item }}" name="{{ $item }}"
+                                    value="{{ $value }}">
+                            @endforeach
+                        </div>
+                        <!--end of the lines-->
+                        <div class="buttons">
+
+                            <button type="submit">
+                                {{ __('Sign in') }}
+                            </button>
+
+                            <a href="{{ route('register') }}">
+                                {{ __("Don't have an account? Sign up.") }}
+                            </a>
+                        </div>
+                    </form>
                 </div>
-                <!--end of the lines-->
-                <div class="buttons">
+            </div>
+        </div>
 
-                    <button type="submit">
-                        {{ __('Sing in') }}
-                    </button>
+        <div class="box">
 
-                    <a href="{{ route('register') }}">
-                        {{ __("Don't have an account? Sign up.") }}
-                    </a>
+            <div class="page">
+                <div>
+                    <h1>
+                        Astian. Inc
+                    </h1>
+                </div>
+                <div class="body">
+                    <p>
+                        {{ __('A new way to browse the internet.') }}
+                    </p>
                 </div>
-            </form>
+            </div>
         </div>
     </div>
 @endsection
diff --git a/resources/views/auth/reset-password.blade.php b/resources/views/auth/reset-password.blade.php
index c4037d7f..0ddc01f7 100755
--- a/resources/views/auth/reset-password.blade.php
+++ b/resources/views/auth/reset-password.blade.php
@@ -1,44 +1,45 @@
 @extends('layouts.pages')
 
 @section('content')
+    <div class="form-reset-password">
+        <div class="reset-password">
+            <div class="head">
+                <p>{{ __('Update your password') }}</p>
+                <p>{{ __('Dear User in this section you can reset a new password') }}</p>
+            </div>
+            <div class="body">
+                <form action="{{ route('password.store') }}" method="post">
+                    @csrf
+                    <input type="hidden" name="token" id="token" value="{{ $token }}">
 
-    <div class="reset-password">
-        <div class="head">
-            <p>{{ __('Update your password') }}</p>
-            <p>{{ __('Dear User in this section you can reset a new password') }}</p>
-        </div>
-        <div class="body">
-            <form action="{{ route('password.store') }}" method="post">
-                @csrf
-                <input type="hidden" name="token" id="token" value="{{ $token }}">
-
-                <div class="item">
-                    <input type="email" name="email" id="email" value="{{ $email }}">
-                    @if ($errors->has('email'))
-                        @foreach ($errors->get('email') as $item)
-                            <span class="errors">{{ $item }}</span>
-                        @endforeach
-                    @endif
-                </div>
-                <div class="item">
-                    <input type="password" name="password" id="password" placeholder="{{ __('New Password') }}">
-                    @if ($errors->has('password'))
-                        @foreach ($errors->get('password') as $item)
-                            <span class="errors">{{ $item }}</span>
-                        @endforeach
-                    @endif
-                </div>
+                    <div class="item">
+                        <input type="email" name="email" id="email" value="{{ $email }}">
+                        @if ($errors->has('email'))
+                            @foreach ($errors->get('email') as $item)
+                                <span class="errors">{{ $item }}</span>
+                            @endforeach
+                        @endif
+                    </div>
+                    <div class="item">
+                        <input type="password" name="password" id="password" placeholder="{{ __('New Password') }}">
+                        @if ($errors->has('password'))
+                            @foreach ($errors->get('password') as $item)
+                                <span class="errors">{{ $item }}</span>
+                            @endforeach
+                        @endif
+                    </div>
 
-                <div class="item">
-                    <input type="password" name="password_confirmation" id="password_confirmation"
-                        placeholder="{{ __('Confirm New Password') }}">
-                </div>
+                    <div class="item">
+                        <input type="password" name="password_confirmation" id="password_confirmation"
+                            placeholder="{{ __('Confirm New Password') }}">
+                    </div>
 
-                <div class="buttons">
-                    <button type="submit">{{ __('Change Password') }}</button>
-                </div>
+                    <div class="buttons">
+                        <button type="submit">{{ __('Change Password') }}</button>
+                    </div>
 
-            </form>
+                </form>
+            </div>
         </div>
     </div>
 @endsection
diff --git a/resources/views/auth/terms.blade.php b/resources/views/auth/terms.blade.php
index 3e487aab..795210b9 100644
--- a/resources/views/auth/terms.blade.php
+++ b/resources/views/auth/terms.blade.php
@@ -15,7 +15,7 @@
                         By choosing this option, you accept the <a href="{{ env('MIX_HOME_PAGE') }}" target="_black">Astian
                             Inc</a>. <a href="{{ env('MIX_HOME_POLICY') }}" target="_black">Services Agreement,
                             Privacy Statement</a>, and
-                        <a href="{{ config('MIX_HOME_COOKIES') }}" target="_black"> Cookies Policy </a>.
+                        <a href="{{ env('MIX_HOME_COOKIES') }}" target="_black"> Cookies Policy </a>.
                     </label>
                 </p>
                 @if ($errors->has('accept_terms'))
diff --git a/resources/views/client/register.blade.php b/resources/views/client/register.blade.php
index 53d2297d..c46cfae9 100644
--- a/resources/views/client/register.blade.php
+++ b/resources/views/client/register.blade.php
@@ -2,7 +2,7 @@
 
 @section('content')
 
-    <div class="register-client">
+    <div class="form-register-client">
 
         <div class="form">
 
@@ -46,7 +46,7 @@
 
                     <div class="item">
                         <label for="birthday">{{ __('Date of birth') }}</label>
-                        <input type="date" id="birthday" name="birthday" placeholder="{{ __('Birthday') }}"
+                        <input type="text" id="birthday" name="birthday" placeholder="{{ __('Birthday') }}"
                             value="{{ old('birthday') }}">
                         @if ($errors->has('birthday'))
                             @foreach ($errors->get('birthday') as $item)
@@ -75,30 +75,30 @@
                         @endif
                     </div>
                     <div class="terms">
-                        <p>
+                        <div class="box">
                             <input name="accept_terms" id="accept_terms" value="{{ true }}" type="checkbox">
+                        </div>
+                        <div class="box">
                             <label for="accept_terms">
                                 By choosing this option, you accept the <a href="{{ env('MIX_HOME_PAGE') }}"
                                     target="_black">Astian
                                     Inc</a>. <a href="{{ env('MIX_HOME_POLICY') }}" target="_black">Services Agreement,
                                     Privacy Statement</a>, and
-                                <a href="{{ config('MIX_HOME_COOKIES') }}" target="_black"> Cookies Policy </a>.
+                                <a href="{{ env('MIX_HOME_COOKIES') }}" target="_black"> Cookies Policy </a>.
                             </label>
-                        </p>
+                        </div>
                     </div>
-
                     @if ($errors->has('accept_terms'))
                         @foreach ($errors->get('accept_terms') as $item)
-                            <span class="errors">{{ $item }}</span>
+                            <p class="errors">{{ $item }}</p>
                         @endforeach
                     @endif
-
-
                     <div class="buttons">
                         <button type="submit">{{ __('Register') }}</button>
                     </div>
                 </form>
             </div>
         </div>
+
     </div>
 @endsection
diff --git a/resources/views/factor/email.blade.php b/resources/views/factor/email.blade.php
index 802d93c0..af816afd 100644
--- a/resources/views/factor/email.blade.php
+++ b/resources/views/factor/email.blade.php
@@ -1,57 +1,59 @@
 @extends('layouts.pages')
 
 @section('content')
-    <div class="factor-2fa">
-        <div class="head">
-            <p>{{ __('verify my account') }}</p>
-            <p>
-                {{ __('please check your email address and type your code in the field below.') }}
-            </p>
+    <div class="form-factor">
+        <div class="factor-2fa">
+            <div class="head">
+                <p>{{ __('verify my account') }}</p>
+                <p>
+                    {{ __('please check your email address and type your code in the field below.') }}
+                </p>
 
-        </div>
-        <div class="body">
-            <form action="{{ route('factor.email.login') }}" method="post">
-                <div class="item">
-                    @csrf
-                    <input type="hidden" id="email" name="email" value="{{ session('email') ?: old('email') }}">
-                    <input type="text" id="token" name="token">
-                </div>
-                @if ($errors->has('token'))
-                    <span class="errors">
-                        {{ $errors->first('token') }}
-                    </span>
-                @endif
-                <div class="buttons">
-                    <button>{{ __('Check my account') }}</button>
-                </div>
-
-                <div class="item">
-                    @if (session('warning'))
-                        {{ session('warning') }}
+            </div>
+            <div class="body">
+                <form action="{{ route('factor.email.login') }}" method="post">
+                    <div class="item">
+                        @csrf
+                        <input type="hidden" id="email" name="email" value="{{ session('email') ?: old('email') }}">
+                        <input type="text" id="token" name="token">
+                    </div>
+                    @if ($errors->has('token'))
+                        <span class="errors">
+                            {{ $errors->first('token') }}
+                        </span>
                     @endif
-                </div>
+                    <div class="buttons">
+                        <button>{{ __('Check my account') }}</button>
+                    </div>
 
-                @foreach ($query as $item => $value)
-                    <input type="hidden" id="{{ $item }}" name="{{ $item }}" value="{{ $value }}">
-                @endforeach
+                    <div class="item">
+                        @if (session('warning'))
+                            {{ session('warning') }}
+                        @endif
+                    </div>
 
-                <div class="item">
-                    <a href="{{ route('login') }}">
-                        {{ __('Does your code expired?. Please try again.') }}
-                    </a>
-                </div>
+                    @foreach ($query as $item => $value)
+                        <input type="hidden" id="{{ $item }}" name="{{ $item }}"
+                            value="{{ $value }}">
+                    @endforeach
 
-            </form>
-        </div>
-        <div class="foot">
-            @if (session('status'))
-                <div class="message-status ">
-                    <p>
-                        {{ session('status') }}
-                    </p>
-                </div>
-            @endif
+                    <div class="item">
+                        <a href="{{ route('login') }}">
+                            {{ __('Is your code expired? Please try again.') }}
+                        </a>
+                    </div>
+
+                </form>
+            </div>
+            <div class="foot">
+                @if (session('status'))
+                    <div class="message-status ">
+                        <p>
+                            {{ session('status') }}
+                        </p>
+                    </div>
+                @endif
+            </div>
         </div>
     </div>
-
-@endsection
\ No newline at end of file
+@endsection
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 26c42ac6..3221c7fa 100755
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -9,15 +9,6 @@
     <title>{{ config('app.name', 'Laravel') }}</title>
     <link rel="icon" href="{{ config('app.url') }}/favicon.svg" type="image/svg+xml">
     <link rel="stylesheet" href="{{ mix('/css/app.css') }}">
-    <style>
-        body {
-            display: none;
-        }
-
-        .app-loaded body {
-            display: block;
-        }
-    </style>
 
 </head>
 
@@ -25,14 +16,6 @@
     <div id="app">
     </div>
     <script src="{{ mix('/js/app.js') }}"></script>
-
-    @include('layouts.footer')
-
-    <script>
-        window.addEventListener('load', function() {
-            document.documentElement.classList.add('app-loaded');
-        });
-    </script>
 </body>
 
 </html>
diff --git a/resources/views/layouts/footer.blade.php b/resources/views/layouts/footer.blade.php
deleted file mode 100644
index 2e2f45e6..00000000
--- a/resources/views/layouts/footer.blade.php
+++ /dev/null
@@ -1,22 +0,0 @@
-<footer class="footer">
-    <div class="items">
-        <a href="{{ env('MIX_HOME_POLICY') }}" target="_blank">{{ __('Privacy Policy') }}</a>
-
-        <a href="{{ env('MIX_HOME_DEVELOPER') }}" target="_blank">{{ __('Developers') }}</a>
-
-        <a href="{{ env('MIX_HOME_TERMS') }}" target="_blank">{{ __('Terms of Service') }}</a>
-
-        <a href="{{ env('MIX_HOME_CONTACT') }}" target="_blank">{{ __('Contact Us') }}</a>
-    </div>
-
-    <div class="author">
-
-        <p>
-            Copyright ©
-            {{ date('Y') }}
-            -
-            <strong>  Astian .Inc </strong>, All Rights Reserved
-        </p>
-
-    </div>
-</footer>
diff --git a/resources/views/layouts/pages.blade.php b/resources/views/layouts/pages.blade.php
index 41fa33cb..2f9cab41 100755
--- a/resources/views/layouts/pages.blade.php
+++ b/resources/views/layouts/pages.blade.php
@@ -9,12 +9,14 @@
     <title>{{ config('app.name', 'Laravel') }}</title>
     <link rel="icon" href="{{ config('app.url') }}/favicon.svg" type="image/svg+xml">
     <link rel="stylesheet" href="{{ mix('/css/pages.css') }}">
+
 </head>
 
 <body>
     <div class="content">
         @yield('content')
     </div>
+    <script src="{{ mix('/js/pages.js') }}"></script>
 </body>
 
 </html>