From 8093f639ac4cd06a01dd2449bbc5ccb5751ebe94 Mon Sep 17 00:00:00 2001
From: weskubo-cgi <Wesley.Kubo@gov.bc.ca>
Date: Thu, 5 Oct 2023 16:21:08 -0700
Subject: [PATCH] Added BCeID login for verification.

---
 frontend/src/views/LoginView.vue | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue
index bcbf49a0..1831926d 100644
--- a/frontend/src/views/LoginView.vue
+++ b/frontend/src/views/LoginView.vue
@@ -1,13 +1,13 @@
 <template>
   <v-container fluid class="full-height">
     <!-- login article -->
-    <article id="login-banner" class="top-banner">
-      <v-row align="center" justify="center">
+    <!-- <article id="login-banner" class="top-banner"> -->
+    <v-row align="center" justify="center">
+      <v-col align="center">
         <v-card class="login-card">
           <v-card-title class="gov-header">
-            <h4 id="login_text">Log In</h4>
+            <h4 id="login_text">IDIR</h4>
           </v-card-title>
-          <v-card-text id="login_descriptor"> To access the Student Administration Application, you must have a valid IDIR. </v-card-text>
           <v-card-actions>
             <v-row align="center" justify="center">
               <v-btn id="login-button" :href="routes.LOGIN_IDIR" class="ma-2 px-3" dark color="white" style="background-color: #003366" @click="clearStorage">
@@ -16,9 +16,25 @@
               </v-btn>
             </v-row>
           </v-card-actions>
+        </v-card></v-col
+      >
+      <v-col align="center">
+        <v-card class="login-card">
+          <v-card-title class="gov-header">
+            <h4 id="login_text">BCeID Log In</h4>
+          </v-card-title>
+          <v-card-actions>
+            <v-row align="center" justify="center">
+              <v-btn id="login-button" :href="routes.LOGIN" class="ma-2 px-3" dark color="white" style="background-color: #003366" @click="clearStorage">
+                Business BCeID
+                <v-icon>mdi-login</v-icon>
+              </v-btn>
+            </v-row>
+          </v-card-actions>
         </v-card>
-      </v-row>
-    </article>
+      </v-col>
+    </v-row>
+    <!-- </article> -->
   </v-container>
 </template>