bug fix frontend for ui login integration

app/Models/User.php

@@ -26,7 +26,7 @@ class User extends Authenticatable
      *
      * @var array<int, string>
      */
-    protected $fillable = ['name', 'email', 'password', 'document', 'type', 'status', 'unidade', 'curso_id'];
+    protected $fillable = ['name', 'email', 'password', 'document', 'type', 'status', 'unidade'];
 
     /**
      * The attributes that should be hidden for serialization.

database/migrations/2022_02_22_021925_remove_field_curso_id.php

+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class RemoveFieldCursoId extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        //
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        //
+    }
+}

public/css/starter-template.css

+/*
+.logo-upe{
+  position: relative;
+  top: 0px;
+  width: 88%; 
+  padding: 18px 6% 60px 6%;
+  margin: 100px 420px 100px 100px;
+}
+
+/* formatando texto da div de stylos */
+h2 {
+  margin-top: -10px;
+  font-size: 16px;
+  color: #ffffff;
+  font-family: Arial;
+  font-weight: bold;
+  text-align: left;
+}
+
+h3 {
+  margin-top: -10px;
+  margin-bottom: -10px;
+  font-size: 22px;
+  color: #ffffff;
+  font-family: Arial;
+  font-weight: bold;
+  text-align: left;
+}
+
+/* content que contem o formulário e o quadro de avisos */
+.content {
+  position: relative;
+  top: 0px;
+  width: 68%;
+  padding: 18px 6% 60px 6%;
+  margin: 0 0 35px 0;
+  background: #e6e7e8;
+
+  border-radius: 5px;
+}
+
+/* formatando o cabeçalho dos formulários */
+h1 {
+  font-size: 22px;
+  color: #000000;
+  padding: 10px 0;
+  font-family: Arial, sans-serif;
+  font-weight: bold;
+  text-align: center;
+  padding-bottom: 30px;
+}
+h1:after {
+  content: " ";
+  display: block;
+  width: 100%;
+  height: 2px;
+  margin-top: 10px;
+  background: -webkit-linear-gradient(left, rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, rgba(147, 184, 189, 1) 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%);
+  background: linear-gradient(left, rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, rgba(147, 184, 189, 1) 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%);
+}
+
+p {
+  margin-bottom: 15px;
+}
+p:first-child {
+  margin: 0px;
+}
+label {
+  color: #405c60;
+  position: relative;
+}
+
+/* Icons e sua formatação */
+.icon-list {
+  padding-left: 0;
+  list-style: none;
+}
+.icon-list li {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 0.25rem;
+}
+.icon-list li::before {
+  display: block;
+  flex-shrink: 0;
+  width: 1.5em;
+  height: 1.5em;
+  margin-right: 0.5rem;
+  content: "";
+  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E")
+      no-repeat center center / 100% auto;
+}
+
+/* formatando o login */
+.form-signin {
+  width: 100%;
+  max-width: 330px;
+  padding: 15px;
+  margin: auto;
+}
+
+.form-signin .checkbox {
+  font-weight: 400;
+}
+
+.form-signin .form-floating:focus-within {
+  z-index: 2;
+}
+
+.form-signin input[type="email"] {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.form-signin input[type="password"] {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+/* Stylo de formatação das barras divs sub e infe. */
+.stylo {
+  margin-top: 0px;
+  background: -webkit-gradient(linear, left top, right top, from(#ed1c24), to(#1b3e70)) no-repeat;
+  background: -moz-linear-gradient(left, #ed1c24, #1b3e70);
+  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ED1C24', EndColorStr='#1B3E70');
+}
+
+
+
+
+.container {
+  background-color: #24141c;
+  color: #cccccc;
+  font-family: "Nunito", sans-serif;
+  width: 70%;
+  border-radius: 7px;
+  padding: 5%;
+  margin: 5% auto;
+}
+
+.flex {
+  display: flex;
+  justify-content: space-around;
+
+  &2 {
+    border-right: 0.1px solid rgba(178, 170, 171, 0.185);
+  }
+
+  &_content {
+    padding: 5% 10%;
+    flex: 1;
+
+    h2 {
+      font-weight: 600;
+    }
+
+    h4 {
+      font-weight: 400;
+    }
+
+    span {
+      font-weight: 200;
+    }
+
+    h4 {
+      margin: 0;
+    }
+
+    ul {
+      padding-inline-start: 7%;
+      margin: 20% 0;
+
+      li {
+        font-weight: 200;
+      }
+    }
+
+    button {
+      outline: none;
+      border: none;
+      background: #aa2b33;
+      color: #ffffff;
+      width: 100%;
+      height: 50px;
+      border-radius: 5px;
+      font-family: "Nunito", sans-serif;
+      cursor: pointer;
+    }
+
+    &:nth-of-type(1) {
+      button {
+        background: transparent;
+        border: 1px solid #aa2b33;
+        color: #aa2b33;
+      }
+    }
+  }
+}
+
+
+@media screen and (max-width: 540px) {
+  .flex {
+    flex-direction: column;
+
+    &2{
+      border: none;
+    }
+  }
+}

public/css/style.css

+/* Formatando Texto Corpo pagina */
+body {
+    font-family: "Lato", Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.8;
+    font-weight: normal;
+    background: #f8f9fd;
+    color: #000;
+}
+
+/* Formatação Texto Hs */
+h1,
+h4,
+h5,
+.h1,
+.h4,
+.h5 {
+    line-height: 1.5;
+    font-weight: 400;
+    font-family: "Lato", Arial, sans-serif;
+    color: #000;
+}
+
+/* Container INFORMAÇÕES */
+.bg-primary {
+    background: #cad2d6 !important;
+}
+
+.ftco-section {
+    padding: 7em 0;
+}
+
+/* Container LOGIN */
+.login-wrap {
+    position: relative;
+    width: 100%;
+    overflow: hidden;
+    background: #fff;
+    border-radius: 5px;
+    -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
+    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
+    box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
+}
+
+/* Formatando Container INFORMAÇÕES */
+.half {
+    width: 100%;
+}
+@media (min-width: 992px) {
+    .half {
+        width: 50%;
+    }
+}
+
+/* Formatando Container LOGIN */
+.form-group {
+    position: relative;
+    z-index: 0;
+    margin-bottom: 20px !important;
+}
+.form-group a {
+    color: #fff;
+}
+
+/* Formatando campus do Formulario */
+.form-control {
+    height: 48px;
+    background: #fff;
+    color: #000;
+    font-size: 16px;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border-radius: 0;
+    border: none;
+    padding: 0;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.form-control::-webkit-input-placeholder {
+    /* Chrome/Opera/Safari */
+    color: rgba(0, 0, 0, 0.2) !important;
+}
+.form-control::-moz-placeholder {
+    /* Firefox 19+ */
+    color: rgba(0, 0, 0, 0.2) !important;
+}
+.form-control:-ms-input-placeholder {
+    /* IE 10+ */
+    color: rgba(0, 0, 0, 0.2) !important;
+}
+.form-control:-moz-placeholder {
+    /* Firefox 18- */
+    color: rgba(0, 0, 0, 0.2) !important;
+}
+.form-control:focus,
+.form-control:active {
+    outline: none !important;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border-color: #17223b;
+}
+
+/* Formatando Botao Visualizar Senha */
+.field-icon {
+    position: absolute;
+    top: 50%;
+    right: 0;
+    -webkit-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    color: rgba(0, 0, 0, 0.3);
+    margin-top: 20px;
+}
+
+/* Criando o checkbox customizado */
+.checkbox-wrap {
+    display: block;
+    position: relative;
+    padding-left: 30px;
+    margin-bottom: 12px;
+    cursor: pointer;
+    font-size: 14px;
+    font-weight: 400;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+/* Esconde a caixa de seleção padrão do navegador */
+.checkbox-wrap input {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    height: 0;
+    width: 0;
+}
+
+/* Criando o checkbox customizado */
+.checkmark {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+/* Criando CheckBox LEMBRAR-ME (hidden when not checked) */
+.checkmark:after {
+    content: "\f0c8";
+    font-family: "FontAwesome";
+    position: absolute;
+    color: #17223b;
+    font-size: 20px;
+    margin-top: -4px;
+    -webkit-transition: 0.3s;
+    -o-transition: 0.3s;
+    transition: 0.3s;
+}
+
+/* Mostrar CheckBox LEMBRAR-ME checado */
+.checkbox-wrap input:checked ~ .checkmark:after {
+    display: block;
+    content: "\f14a";
+    font-family: "FontAwesome";
+    color: #17223b;
+}
+
+/* Stylo CheckBox LEMBRAR-ME */
+.checkbox-primary {
+    color: gray;
+}
+.checkbox-primary input:checked ~ .checkmark:after {
+    color: #17223b;
+}
+
+/* Botao ENTRAR */
+.btn {
+    cursor: pointer;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+    font-size: 15px;
+    padding: 10px 20px;
+}
+.btn:hover,
+.btn:active,
+.btn:focus {
+    outline: none;
+}
+.btn.btn-secondary {
+    background: #17223b !important;
+    border: 1px solid #17223b !important;
+    color: #fff !important;
+}
+
+/* formatando texto da div de stylos */
+h2 {
+    margin-top: -10px;
+    font-size: 16px;
+    color: #ffffff;
+    font-family: Arial;
+    font-weight: bold;
+    text-align: left;
+  }
+  
+  h3 {
+    margin-top: -10px;
+    margin-bottom: -10px;
+    font-size: 22px;
+    color: #ffffff;
+    font-family: Arial;
+    font-weight: bold;
+    text-align: left;
+  }
+
+/* Stylo de formatação das barras divs sub e infe. */
+.stylo {
+    margin-top: 0px;
+    background: -webkit-gradient(linear, left top, right top, from(#ed1c24), to(#1b3e70)) no-repeat;
+    background: -moz-linear-gradient(left, #ed1c24, #1b3e70);
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ED1C24', EndColorStr='#1B3E70');
+  }
\ No newline at end of file

public/js/app copy.js

+require('./bootstrap');
+
+import Alpine from 'alpinejs';
+
+window.Alpine = Alpine;
+
+Alpine.start();

resources/css/starter-template.css

+/*
+.logo-upe{
+  position: relative;
+  top: 0px;
+  width: 88%; 
+  padding: 18px 6% 60px 6%;
+  margin: 100px 420px 100px 100px;
+}
+
+/* formatando texto da div de stylos */
+h2 {
+  margin-top: -10px;
+  font-size: 16px;
+  color: #ffffff;
+  font-family: Arial;
+  font-weight: bold;
+  text-align: left;
+}
+
+h3 {
+  margin-top: -10px;
+  margin-bottom: -10px;
+  font-size: 22px;
+  color: #ffffff;
+  font-family: Arial;
+  font-weight: bold;
+  text-align: left;
+}
+
+/* content que contem o formulário e o quadro de avisos */
+.content {
+  position: relative;
+  top: 0px;
+  width: 68%;
+  padding: 18px 6% 60px 6%;
+  margin: 0 0 35px 0;
+  background: #e6e7e8;
+
+  border-radius: 5px;
+}
+
+/* formatando o cabeçalho dos formulários */
+h1 {
+  font-size: 22px;
+  color: #000000;
+  padding: 10px 0;
+  font-family: Arial, sans-serif;
+  font-weight: bold;
+  text-align: center;
+  padding-bottom: 30px;
+}
+h1:after {
+  content: " ";
+  display: block;
+  width: 100%;
+  height: 2px;
+  margin-top: 10px;
+  background: -webkit-linear-gradient(left, rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, rgba(147, 184, 189, 1) 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%);
+  background: linear-gradient(left, rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, rgba(147, 184, 189, 1) 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%);
+}
+
+p {
+  margin-bottom: 15px;
+}
+p:first-child {
+  margin: 0px;
+}
+label {
+  color: #405c60;
+  position: relative;
+}
+
+/* Icons e sua formatação */
+.icon-list {
+  padding-left: 0;
+  list-style: none;
+}
+.icon-list li {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 0.25rem;
+}
+.icon-list li::before {
+  display: block;
+  flex-shrink: 0;
+  width: 1.5em;
+  height: 1.5em;
+  margin-right: 0.5rem;
+  content: "";
+  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E")
+      no-repeat center center / 100% auto;
+}
+
+/* formatando o login */
+.form-signin {
+  width: 100%;
+  max-width: 330px;
+  padding: 15px;
+  margin: auto;
+}
+
+.form-signin .checkbox {
+  font-weight: 400;
+}
+
+.form-signin .form-floating:focus-within {
+  z-index: 2;
+}
+
+.form-signin input[type="email"] {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.form-signin input[type="password"] {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+/* Stylo de formatação das barras divs sub e infe. */
+.stylo {
+  margin-top: 0px;
+  background: -webkit-gradient(linear, left top, right top, from(#ed1c24), to(#1b3e70)) no-repeat;
+  background: -moz-linear-gradient(left, #ed1c24, #1b3e70);
+  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ED1C24', EndColorStr='#1B3E70');
+}
+
+
+
+
+.container {
+  background-color: #24141c;
+  color: #cccccc;
+  font-family: "Nunito", sans-serif;
+  width: 70%;
+  border-radius: 7px;
+  padding: 5%;
+  margin: 5% auto;
+}
+
+.flex {
+  display: flex;
+  justify-content: space-around;
+
+  &2 {
+    border-right: 0.1px solid rgba(178, 170, 171, 0.185);
+  }
+
+  &_content {
+    padding: 5% 10%;
+    flex: 1;
+
+    h2 {
+      font-weight: 600;
+    }
+
+    h4 {
+      font-weight: 400;
+    }
+
+    span {
+      font-weight: 200;
+    }
+
+    h4 {
+      margin: 0;
+    }
+
+    ul {
+      padding-inline-start: 7%;
+      margin: 20% 0;
+
+      li {
+        font-weight: 200;
+      }
+    }
+
+    button {
+      outline: none;
+      border: none;
+      background: #aa2b33;
+      color: #ffffff;
+      width: 100%;
+      height: 50px;
+      border-radius: 5px;
+      font-family: "Nunito", sans-serif;
+      cursor: pointer;
+    }
+
+    &:nth-of-type(1) {
+      button {
+        background: transparent;
+        border: 1px solid #aa2b33;
+        color: #aa2b33;
+      }
+    }
+  }
+}
+
+
+@media screen and (max-width: 540px) {
+  .flex {
+    flex-direction: column;
+
+    &2{
+      border: none;
+    }
+  }
+}

resources/css/style.css

+/* Formatando Texto Corpo pagina */
+body {
+    font-family: "Lato", Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.8;
+    font-weight: normal;
+    background: #f8f9fd;
+    color: #000;
+}
+
+/* Formatação Texto Hs */
+h1,
+h4,
+h5,
+.h1,
+.h4,
+.h5 {
+    line-height: 1.5;
+    font-weight: 400;
+    font-family: "Lato", Arial, sans-serif;
+    color: #000;
+}
+
+/* Container INFORMAÇÕES */
+.bg-primary {
+    background: #cad2d6 !important;
+}
+
+.ftco-section {
+    padding: 7em 0;
+}
+
+/* Container LOGIN */
+.login-wrap {
+    position: relative;
+    width: 100%;
+    overflow: hidden;
+    background: #fff;
+    border-radius: 5px;
+    -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
+    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
+    box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
+}
+
+/* Formatando Container INFORMAÇÕES */
+.half {
+    width: 100%;
+}
+@media (min-width: 992px) {
+    .half {
+        width: 50%;
+    }
+}
+
+/* Formatando Container LOGIN */
+.form-group {
+    position: relative;
+    z-index: 0;
+    margin-bottom: 20px !important;
+}
+.form-group a {
+    color: #fff;
+}
+
+/* Formatando campus do Formulario */
+.form-control {
+    height: 48px;
+    background: #fff;
+    color: #000;
+    font-size: 16px;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border-radius: 0;
+    border: none;
+    padding: 0;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.form-control::-webkit-input-placeholder {
+    /* Chrome/Opera/Safari */
+    color: rgba(0, 0, 0, 0.2) !important;
+}
+.form-control::-moz-placeholder {
+    /* Firefox 19+ */
+    color: rgba(0, 0, 0, 0.2) !important;
+}
+.form-control:-ms-input-placeholder {
+    /* IE 10+ */
+    color: rgba(0, 0, 0, 0.2) !important;
+}
+.form-control:-moz-placeholder {
+    /* Firefox 18- */
+    color: rgba(0, 0, 0, 0.2) !important;
+}
+.form-control:focus,
+.form-control:active {
+    outline: none !important;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border-color: #17223b;
+}
+
+/* Formatando Botao Visualizar Senha */
+.field-icon {
+    position: absolute;
+    top: 50%;
+    right: 0;
+    -webkit-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    color: rgba(0, 0, 0, 0.3);
+    margin-top: 20px;
+}
+
+/* Criando o checkbox customizado */
+.checkbox-wrap {
+    display: block;
+    position: relative;
+    padding-left: 30px;
+    margin-bottom: 12px;
+    cursor: pointer;
+    font-size: 14px;
+    font-weight: 400;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+/* Esconde a caixa de seleção padrão do navegador */
+.checkbox-wrap input {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    height: 0;
+    width: 0;
+}
+
+/* Criando o checkbox customizado */
+.checkmark {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+/* Criando CheckBox LEMBRAR-ME (hidden when not checked) */
+.checkmark:after {
+    content: "\f0c8";
+    font-family: "FontAwesome";
+    position: absolute;
+    color: #17223b;
+    font-size: 20px;
+    margin-top: -4px;
+    -webkit-transition: 0.3s;
+    -o-transition: 0.3s;
+    transition: 0.3s;
+}
+
+/* Mostrar CheckBox LEMBRAR-ME checado */
+.checkbox-wrap input:checked ~ .checkmark:after {
+    display: block;
+    content: "\f14a";
+    font-family: "FontAwesome";
+    color: #17223b;
+}
+
+/* Stylo CheckBox LEMBRAR-ME */
+.checkbox-primary {
+    color: gray;
+}
+.checkbox-primary input:checked ~ .checkmark:after {
+    color: #17223b;
+}
+
+/* Botao ENTRAR */
+.btn {
+    cursor: pointer;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+    font-size: 15px;
+    padding: 10px 20px;
+}
+.btn:hover,
+.btn:active,
+.btn:focus {
+    outline: none;
+}
+.btn.btn-secondary {
+    background: #17223b !important;
+    border: 1px solid #17223b !important;
+    color: #fff !important;
+}
+
+/* formatando texto da div de stylos */
+h2 {
+    margin-top: -10px;
+    font-size: 16px;
+    color: #ffffff;
+    font-family: Arial;
+    font-weight: bold;
+    text-align: left;
+  }
+  
+  h3 {
+    margin-top: -10px;
+    margin-bottom: -10px;
+    font-size: 22px;
+    color: #ffffff;
+    font-family: Arial;
+    font-weight: bold;
+    text-align: left;
+  }
+
+/* Stylo de formatação das barras divs sub e infe. */
+.stylo {
+    margin-top: 0px;
+    background: -webkit-gradient(linear, left top, right top, from(#ed1c24), to(#1b3e70)) no-repeat;
+    background: -moz-linear-gradient(left, #ed1c24, #1b3e70);
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ED1C24', EndColorStr='#1B3E70');
+  }
\ No newline at end of file

resources/views/auth/login.blade.php

 <x-guest-layout>
-    <x-auth-card>
-        <x-slot name="logo">
+
+    <slot name="logo">
         <a href="/">
-                <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
+            <application-logo class="w-20 h-20 fill-current text-gray-500" />
         </a>
-        </x-slot>
+    </slot>
 
     <!-- Session Status -->
-        <x-auth-session-status class="mb-4" :status="session('status')" />
+    <auth-session-status class="mb-4" :status="session('status')" />
 
     <!-- Validation Errors -->
-        <x-auth-validation-errors class="mb-4" :errors="$errors" />
+    <auth-validation-errors class="mb-4" :errors="$errors" />
 
     <form method="POST" action="{{ route('login') }}">
         @csrf
 
         <!-- Email Address -->
         <div>
-                <x-label for="email" :value="__('Email')" />
+            <label for="email" :value="__('Email')" />
 
-                <x-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus />
+            <input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required
+                autofocus />
         </div>
 
         <!-- Password -->
         <div class="mt-4">
-                <x-label for="password" :value="__('Password')" />
+            <label for="password" :value="__('Password')" />
 
-                <x-input id="password" class="block mt-1 w-full"
-                                type="password"
-                                name="password"
-                                required autocomplete="current-password" />
+            <input id="password" class="block mt-1 w-full" type="password" name="password" required
+                autocomplete="current-password" />
         </div>
 
         <!-- Remember Me -->
         <div class="block mt-4">
             <label for="remember_me" class="inline-flex items-center">
-                    <input id="remember_me" type="checkbox" class="rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="remember">
+                <input id="remember_me" type="checkbox"
+                    class="rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+                    name="remember">
                 <span class="ml-2 text-sm text-gray-600">{{ __('Remember me') }}</span>
             </label>
         </div>
@@ -47,10 +48,10 @@
                 </a>
             @endif
 
-                <x-button class="ml-3">
+            <button class="ml-3">
                 {{ __('Log in') }}
-                </x-button>
+            </button>
         </div>
     </form>
-    </x-auth-card>
+
 </x-guest-layout>

resources/views/layouts/guest.blade.php

-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <meta name="csrf-token" content="{{ csrf_token() }}">
-
-        <title>{{ config('app.name', 'Laravel') }}</title>
-
-        <!-- Fonts -->
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">
-
-        <!-- Styles -->
-        <link rel="stylesheet" href="{{ asset('css/app.css') }}">
-
-        <!-- Scripts -->
-        <script src="{{ asset('js/app.js') }}" defer></script>
-    </head>
-    <body>
-        <div class="font-sans text-gray-900 antialiased">
+<!doctype html>
+<html lang="pt" >
+
+<head>
+
+    <title>Avaliação de Desempanho Docente - PAD</title>
+    <!-- Meta tags Obrigatórias -->
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
+    <!-- Principal CSS do Bootstrap -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
+        integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
+    <!-- Estilos customizados para esse template -->
+    <link rel="stylesheet" href="{{ asset('css/style.css') }}" />
+</head>
+
+<body>
+    <header>
+        <div class="navbar shadow-sm" alt="Max-width 100%">
+            <div class="container d-flex justify-content-between">
+                <a class="navbar-brand d-flex align-items-center" href="#">
+                    <img src="http://www.avaliacaodocente.upe.br/assets/img/logo-upe.png" class="img-fluid"
+                        width="128" height="93" alt="" />
+                </a>
+                <a class="navbar-brand d-flex align-items-center" href="#">
+                    <img src="https://www.gestaododesempenho.pe.gov.br/AvaliacaoDesempenho/public/resources/images/logos-direita.png"
+                        class="img-fluid" width="268" height="100" alt="" />
+                </a>
+            </div>
+        </div>
+    </header>
+
+    <div class="stylo p-3 n-flex">
+        <h2>Portal de acesso ao</h2>
+        <h3>Plano de Atividades Docentes - PAD</h3>
+    </div>
+
+    <section class="ftco-section">
         {{ $slot }}
+    </section>
+
+    <div class="stylo p-2"> </div>
+
+    <footer class="pt-3 my-3 align-items-center border-top" alt="Max-width 100%">
+        <div class="w-100">
+            <p class="copyright-upe d-flex text-center text-muted justify-content-center">
+                Copyright &#9400;2022. Universidade de Pernambuco - Todos os direitos reservados
+            </p>
         </div>
-    </body>
+    </footer>
+
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
+        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
+    </script>
+    <script src="{{ asset('js/popper.js+bootstrap.min.js+main.js.pagespeed.jc.c79nEe_inO.js') }}"></script>
+    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v652eace1692a40cfa3763df669d7439c1639079717194"
+        integrity="sha512-Gi7xpJR8tSkrpF7aordPZQlW2DLtzUlZcumS8dMQjwDHEnw9I7ZLyiOj/6tZStRBGtGgN6ceN6cMH8z7etPGlw=="
+        data-cf-beacon='{"rayId":"6df01a98acf16055","token":"cd0b4b3a733644fc843ef0b185f98241","version":"2021.12.0","si":100}'
+        crossorigin="anonymous">
+    </script>
+    <script>
+        eval(mod_pagespeed_VcNR616gfD);
+    </script>
+    <script>
+        eval(mod_pagespeed_HoJGMAFhmT);
+    </script>
+    <script>
+        eval(mod_pagespeed_u6s2d2DVy8);
+    </script>
+</body>
+
 </html>

routes/web.php

@@ -14,7 +14,7 @@ use Illuminate\Support\Facades\Route;
 */
 
 Route::get('/', function () {
-    return view('welcome');
+    return view('auth/login');
 });
 
 Route::get('/dashboard', function () {