TIF_NGANJUK_E41220778/resources/views/profile/partials/delete-user-form.blade.php

69 lines
3.1 KiB
PHP

<section>
<header>
<h2 class="h5 fw-bold text-danger">
{{ __('Delete Account') }}
</h2>
<p class="mt-1 text-muted small">
{{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.') }}
</p>
</header>
{{-- Tombol Pemicu Modal --}}
<button type="button" class="btn btn-danger mt-3" data-bs-toggle="modal" data-bs-target="#confirmUserDeletionModal">
{{ __('Delete Account') }}
</button>
{{-- Modal Konfirmasi --}}
<div class="modal fade" id="confirmUserDeletionModal" tabindex="-1" aria-labelledby="confirmUserDeletionModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form method="post" action="{{ route('profile.destroy') }}" class="p-3">
@csrf
@method('delete')
<div class="modal-header border-0">
<h5 class="modal-title fw-bold" id="confirmUserDeletionModalLabel">
{{ __('Are you sure you want to delete your account?') }}
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p class="small text-muted">
{{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.') }}
</p>
<div class="mt-3">
<label for="password_delete" class="form-label visually-hidden">{{ __('Password') }}</label>
<input id="password_delete" name="password" type="password"
class="form-control @error('password', 'userDeletion') is-invalid @enderror"
placeholder="{{ __('Password') }}">
@error('password', 'userDeletion')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
<div class="modal-footer border-0">
<button type="button" class="btn btn-secondary"
data-bs-dismiss="modal">{{ __('Cancel') }}</button>
<button type="submit" class="btn btn-danger">{{ __('Delete Account') }}</button>
</div>
</form>
</div>
</div>
</div>
</section>
{{-- Script untuk membuka modal jika ada error validasi --}}
@if ($errors->userDeletion->isNotEmpty())
<script>
document.addEventListener('DOMContentLoaded', function() {
var modal = new bootstrap.Modal(document.getElementById('confirmUserDeletionModal'));
modal.show();
});
</script>
@endif