Ekapp/skolehjem/resources/views/app/users/editpass.blade.php

77 lines
3.2 KiB
PHP
Raw Normal View History

2020-07-01 08:13:49 +00:00
@extends("app.layout.base")
@section("title")
Account
@endsection
@section("content")
2020-08-11 16:21:51 +00:00
<main style="justify-content: unset">
<h1 class="text-center sde-blue mt-1">{{__('msg.konto')}}</h1>
<form method="post" action="{{ route("users.accountupdate", ['user' => Auth::user()]) }}">
2020-07-01 08:13:49 +00:00
@csrf
@method("put")
<span>{{__('msg.nuværendepassword')}}:</span>
<div class="input-group text-left">
<input type="password" class="form-control" name="oldpassword" id="old" placeholder="******">
2020-08-03 07:53:57 +00:00
<span class="fa fa-fw fa-eye field-icon toggle-password" id="fa-old" onclick="show('old', 'fa-old')"></span>
</div>
<span>{{__('msg.nytpassword')}}:</span>
<div class="input-group text-left">
<input type="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Adgangskoden skal indeholde mindst et tal, et lille bogstav, et stort bogstav og have en minimumslængde på 8 karakterer" class="form-control" name="password" id="new" placeholder="******" required>
2020-08-03 07:53:57 +00:00
<span class="fa fa-fw fa-eye field-icon toggle-password" id="fa-new" onclick="show('new', 'fa-new')"></span>
</div>
<span>{{__('msg.confirmpassword')}}:</span>
<div class="input-group text-left">
<input type="password" class="form-control" name="confirmpassword" id="confirm" placeholder="******" required>
2020-08-03 07:53:57 +00:00
<span class="fa fa-fw fa-eye field-icon toggle-password" id="fa-confirm" onclick="show('confirm', 'fa-confirm')"></span>
</div>
{!! session()->get('error#notsamepass') !!}
{!! session()->get('error#oldpass') !!}
2020-08-11 16:21:51 +00:00
<button type="submit" style="margin-top: auto;" class="btn text-center btn-sde-blue mt-1">{{__('msg.rediger')}}</button>
<a onclick="window.history.back()" class="btn text-center btn-sde-blue mt-1">{{__('msg.tilbage')}}</a>
2020-07-01 08:13:49 +00:00
</form>
2020-08-07 06:51:05 +00:00
2020-07-01 08:13:49 +00:00
</main>
<style>
input {
width: calc(100% - 8px);
}
</style>
2020-07-01 08:13:49 +00:00
@endsection
@section("scripts")
2020-08-11 07:13:48 +00:00
@if(request()->cookie("mode") == "dark")
<script>
function show($passID, $faID) {
var inputPass = document.getElementById($passID);
var faEye = document.getElementById($faID);
if (inputPass.type === "password") {
inputPass.type = "text";
faEye.style.color = "#333333";
} else {
inputPass.type = "password";
faEye.style.color = "#ffffff";
}
}
2020-08-11 07:13:48 +00:00
</script>
@else
<script>
function show($passID, $faID) {
var inputPass = document.getElementById($passID);
var faEye = document.getElementById($faID);
if (inputPass.type === "password") {
inputPass.type = "text";
faEye.style.color = "#333333";
} else {
inputPass.type = "password";
faEye.style.color = "#808080";
}
}
</script>
@endif
@endsection