83 lines
2.6 KiB
PHP
83 lines
2.6 KiB
PHP
<!-- Gathers the blueprint for login -->
|
|
@extends('layouts.login')
|
|
|
|
<!-- Marks the start of the section content -->
|
|
@section('content')
|
|
<div class="login-wrapper">
|
|
|
|
<div class="loginBox">
|
|
<span class="fs-4 titleText">@lang('login.title')</span>
|
|
|
|
<!-- Starts the form for login -->
|
|
<form class="m-0 pb-4" method="post" action="{{ route('authenticate') }}">
|
|
@csrf
|
|
<!-- Adds the label, depending on the language, and a text input for the user -->
|
|
<div class="form-group">
|
|
<!-- Label for user, depending on the language -->
|
|
<label for="user">@lang('user')</label>
|
|
<!-- The different information for user input -->
|
|
<label for="username"></label><input
|
|
type="text"
|
|
name="username"
|
|
id="username"
|
|
class="form-control"
|
|
style="width: 50%; margin-left:25%"
|
|
value="{{old('username')}}"
|
|
>
|
|
</div>
|
|
<div class="form-group">
|
|
<!-- Label for password, depending on the language -->
|
|
<label for="psw">@lang('password')</label>
|
|
<!-- The different information for password input -->
|
|
<input
|
|
type="password"
|
|
name="password"
|
|
id="password"
|
|
class="form-control"
|
|
style="width: 50%; margin-left: 25%"
|
|
value="{{old('password')}}"
|
|
>
|
|
</div>
|
|
<!-- Security provided by Laravel -->
|
|
<!-- Submit button for login form, the name depending on the language -->
|
|
<button type="submit" class="btn btn-primary mt-3">@lang('login.send')</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Ends the content section -->
|
|
@endsection
|
|
|
|
<style>
|
|
label {
|
|
color: white;
|
|
padding: 1.5em 0 1em 0;
|
|
}
|
|
|
|
.titleText {
|
|
color: white;
|
|
line-height: 2.5em;
|
|
}
|
|
|
|
.loginBox {
|
|
align-items: center;
|
|
vertical-align:middle;
|
|
text-align: center;
|
|
background-color: #606060;
|
|
width: 50%;
|
|
display: block;
|
|
margin: auto;
|
|
margin-top:10%;
|
|
}
|
|
|
|
.login-wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
.loginBox {
|
|
width: 100%;
|
|
}
|
|
}
|
|
</style>
|