match_making/resources/views/auth/reset-password.blade.php
2025-01-02 09:09:28 +07:00

109 lines
4.1 KiB
PHP

@extends('landing page.main')
@section('content')
<style>
.btn-reset {
background-color: #007bff;
/* Warna biru */
color: white;
/* Warna teks putih */
border-radius: 5px;
padding: 12px 20px;
font-size: 16px;
transition: background-color 0.3s, transform 0.2s;
cursor: pointer;
border: none; /* Tambahkan border: none agar tidak ada border */
}
.btn-reset:hover {
background-color: #0056b3;
/* Warna saat hover */
transform: translateY(-2px);
/* Efek angkat saat hover */
}
</style>
<head>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</head>
<!-- Page Title -->
<div class="page-title-area">
<div class="d-table">
<div class="d-table-cell">
<div class="container">
<div class="title-item">
<h2>Reset Password</h2>
<ul>
<li><a href="/">Home</a></li>
<li><i class='bx bx-chevrons-right'></i></li>
<li><span>Reset Password</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- User Form -->
<div class="user-form-area ptb-100">
<div class="container">
<div class="user-item">
<h2>Reset Password</h2>
<!-- Session Status -->
@if (session('status'))
<div class="alert alert-success mb-4">
{{ session('status') }}
</div>
@endif
@if ($errors->any())
<div class="alert alert-danger mb-4">
{{ implode(', ', $errors->all()) }}
</div>
@endif
<form method="POST" action="{{ route('password.store') }}">
@csrf
<input type="hidden" name="token" value="{{ $request->route('token') }}">
<div class="row">
<div class="col-lg-12">
<div class="form-group">
<x-input-label for="email" :value="__('Email')" class="form-label" />
<x-text-input id="email" class="form-control" type="email" name="email"
:value="old('email', $request->email)" required autofocus autocomplete="username" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<x-input-label for="password" :value="__('Password')" class="form-label" />
<x-text-input id="password" class="form-control" type="password" name="password" required
autocomplete="new-password" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<x-input-label for="password_confirmation" :value="__('Confirm Password')" class="form-label" />
<x-text-input id="password_confirmation" class="form-control" type="password"
name="password_confirmation" required autocomplete="new-password" />
</div>
</div>
<div class="col-lg-12">
<div class="flex items-center justify-end mt-4">
<x-primary-button class="btn-reset">
{{ __('Reset Password') }}
</x-primary-button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
@endsection