MIF_E31230690/project/resources/views/profile/edit.blade.php

67 lines
3.0 KiB
PHP

@extends('layouts.dashboard')
@section('title', 'Profil Petugas')
@section('content')
<div class="pagetitle">
<h1>Pengaturan Profil</h1>
</div>
<section class="section profile">
<div class="row">
<div class="col-xl-4">
<div class="card">
<div class="card-body profile-card pt-4 d-flex flex-column align-items-center">
<img src="https://ui-avatars.com/api/?name={{ urlencode(auth()->user()->name) }}&background=9c3a5b&color=fff" alt="Profile" class="rounded-circle mb-3" width="100">
<h3 style="text-">{{ $user->nama }}</h3>
</div>
</div>
</div>
<div class="col-xl-8">
<div class="card">
<div class="card-body pt-3">
<h5 class="card-title">Ubah Password</h5>
@if(session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif
<form action="{{ route('profile.password.update') }}" method="POST">
@csrf
@method('PUT')
<div class="row mb-3">
<label for="current_password" class="col-md-4 col-lg-3 col-form-label">Password Saat Ini</label>
<div class="col-md-8 col-lg-9">
<input name="current_password" type="password" class="form-control @error('current_password') is-invalid @enderror" id="current_password">
@error('current_password') <div class="invalid-feedback">{{ $message }}</div> @enderror
</div>
</div>
<div class="row mb-3">
<label for="newPassword" class="col-md-4 col-lg-3 col-form-label">Password Baru</label>
<div class="col-md-8 col-lg-9">
<input name="password" type="password" class="form-control @error('password') is-invalid @enderror" id="newPassword">
@error('password') <div class="invalid-feedback">{{ $message }}</div> @enderror
</div>
</div>
<div class="row mb-3">
<label for="renewPassword" class="col-md-4 col-lg-3 col-form-label">Konfirmasi Password Baru</label>
<div class="col-md-8 col-lg-9">
<input name="password_confirmation" type="password" class="form-control" id="renewPassword">
</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary" style="background-color: #9c3a5b; border: none;">Simpan Perubahan</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
@endsection