@extends('components.layout.master')
@section('title', ' Account Deletion')
@section('module-icon', 'mdi mdi-lock-outline')

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">Delete My Account</h4>
                            <p>We are sorry to see you go! If you are sure that you want to close your account, please
                                follow the steps below:</p>

                            <h5>Steps to Delete My Account:</h5>
                            <ul>
                                <li>Step 1: Make sure you have backed up any data that you want to keep.</li>
                                <li>Step 2: Ensure that there are no pending transactions or active services linked to your
                                    account.</li>
                                <li>Step 3: If you're sure, you can proceed with closing your account by clicking the "Delete
                                    My Account" button.</li>
                            </ul>

                            <p>Once your account is closed, all your personal data will be deleted, and you will no longer
                                have access to our services. This action is irreversible.</p>

                            <button class="btn btn-danger" onclick="window.location.href='{{ route('accountDeletion') }}'">Delete My
                                Account</button>

                            <p class="mt-4">If you have any questions or concerns, feel free to contact our support team.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('components.footertext')
    </div>


@endsection
@push('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
@endpush