Improved account status notifications in the dashboard

resources/js/components/ExampleComponent.vue

@@ -1,23 +0,0 @@
-<template>
-    <div class="container">
-        <div class="row justify-content-center">
-            <div class="col-md-8">
-                <div class="card">
-                    <div class="card-header">Example Component</div>
-
-                    <div class="card-body">
-                        I'm an example component.
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-    export default {
-        mounted() {
-            console.log('Component mounted.')
-        }
-    }
-</script>

resources/views/dashboard/dashboard.blade.php

@@ -81,35 +81,26 @@
 
     @endif
 
-    <div class="row mt-5">
+    @if (!Auth::user()->isStaffMember())
-
-      <div class="col">
-
-          <div class="text-center">
-
-              <h4>{{__('messages.welcome_back')}} {{ Auth::user()->name }}!</h4>
-
-          </div>
-
-      </div>
-
-
-    </div>
-
 
         <div class="row mb-3">
-
             <div class="col">
-            <div class="alert alert-info">
+                @if ($isEligibleForApplication)
-                <p>{{__('messages.eligibility_status', ['badgeStatus' => '<span class="badge badge-warning"> ' . ($isEligibleForApplication) ? __('messages.eligible') : __('messages.ineligible') .'</span>'])}}</p>
+                    <x-alert id="eligibleAlertCard" alert-type="success" title="{{ __('Account status notification') }}" icon="fa-info-circle">
+                        <p>{{ __('You do not have any active applications, therefore your account is authorized to submit an application at this time. Feel free to submit one when you\'re ready.') }}</p>
+                    </x-alert>
+                @else
+                    <x-alert id="eligibleAlertCard" alert-type="warning" title="{{ __('Account status notification') }}" icon="fa-exclamation-triangle">
+                        <p>{{ __('Since you already submitted an application, you will not be able to submit a new one. If our team did not approve your application, you will be able submit another one in :daysRemaining days.', ['daysRemaining' => $eligibilityDaysRemaining]) }}</p>
+
+                        <x-button id="viewApplications" link="{{ route('showUserApps') }}" type="button" color="info" icon="fas fa-arrow-right">
+                            {{ __('My applications') }}
+                        </x-button>
+                    </x-alert>
+                @endif
             </div>
         </div>
 
-    </div>
-
-
-    @if (!Auth::user()->isStaffMember())
-
       <div class="row">
             <div class="col-lg-3 col-3 offset-3">
               <!-- small box -->

resources/views/dashboard/user/applications.blade.php

@@ -19,25 +19,12 @@
     <div class="row">
 
         <div class="col">
-
             <div class="callout callout-warning">
                 <h5>{{__('messages.user.app_process.title')}}</h5>
 
                 <p>{{__('messages.user.app_process.line1')}}</p>
                 <p>{{__('messages.user.app_process.line2')}}</p>
             </div>
-
-            <div class="alert alert-info">
-                <b><i class="fa fa-info-circle"></i> {{__('messages.user.account_standing')}}</b>
-
-                <p>{{__('messages.user.account_eligibility', ['eligibility' => ($isEligibleForApplication) ? __('messages.eligible') : __('messages.ineligible')])}}</p>
-
-                @if (!$isEligibleForApplication)
-                    <p>{{__('messages.user.days_remaining_acc_alt', ['days' => $eligibilityDaysRemaining])}}</p>
-                @endif
-
-            </div>
-
         </div>
 
     </div>