@extends('layouts.super-admin')

@section('title', 'Monitoring Akun Admin')

@push('styles')
    <link rel="stylesheet" href="{{ asset('super-admin/css/monitoring-admin.css') }}">
@endpush

@section('content')

<div class="super-container-fluid">

    @php
        $displayLastLogin = null;

        if (!empty($admin->last_login)) {
            $displayLastLogin = \Carbon\Carbon::parse($admin->last_login);
        }

        if ($lastLogin && $lastLogin->created_at) {
            $activityLoginDate = $lastLogin->created_at instanceof \Carbon\Carbon
                ? $lastLogin->created_at
                : \Carbon\Carbon::parse($lastLogin->created_at);

            if (!$displayLastLogin || $activityLoginDate->greaterThan($displayLastLogin)) {
                $displayLastLogin = $activityLoginDate;
            }
        }
    @endphp

    {{-- =====================================================
         ADMIN PROFILE CARD
    ====================================================== --}}
    <div class="super-card admin-monitor-card mt-4">

        <div class="admin-profile-section">

            {{-- Avatar --}}
            <div class="admin-avatar">
                @if (!empty($admin->foto))
                    <img
                        src="{{ asset('assets/images/admin/' . $admin->foto) }}"
                        alt="{{ $admin->nama_lengkap }}"
                    >
                @else
                    <i class="fa-solid fa-user"></i>
                @endif
            </div>

            {{-- Informasi Admin --}}
            <div class="admin-profile-info">

                <div class="admin-name-row">

                    <div>
                        <h2>
                            {{ $admin->nama_lengkap }}
                        </h2>

                        <p>
                            Administrator Sistem
                        </p>
                    </div>

                    @if (isset($admin->status) && $admin->status === 'inactive')
                        <span class="admin-status inactive" style="background: #fef2f2; color: #dc2626;">
                            <span class="status-dot" style="background: #ef4444;"></span>
                            Nonaktif
                        </span>
                    @else
                        <span class="admin-status active">
                            <span class="status-dot"></span>
                            Aktif
                        </span>
                    @endif

                </div>


                <div class="admin-information">

                    {{-- Username --}}
                    <div class="info-item">

                        <span class="info-label">
                            Username
                        </span>

                        <span class="info-value">
                            {{ $admin->username }}
                        </span>

                    </div>


                    {{-- Email --}}
                    <div class="info-item">

                        <span class="info-label">
                            Email
                        </span>

                        <span class="info-value">
                            {{ $admin->email }}
                        </span>

                    </div>


                    {{-- Terdaftar --}}
                    <div class="info-item">

                        <span class="info-label">
                            Terdaftar
                        </span>

                        <span class="info-value">

                            @if ($admin->created_at)
                                {{ $admin->created_at instanceof \Carbon\Carbon ? $admin->created_at->translatedFormat('d F Y') : \Carbon\Carbon::parse($admin->created_at)->translatedFormat('d F Y') }}
                            @else
                                -
                            @endif

                        </span>

                    </div>


                    {{-- Login Terakhir --}}
                    <div class="info-item">

                        <span class="info-label">
                            Login Terakhir
                        </span>

                        <span class="info-value">

                            @if ($displayLastLogin)

                                {{ $displayLastLogin->translatedFormat('d F Y, H:i') }}

                            @else

                                Belum pernah login

                            @endif

                        </span>

                    </div>

                </div>

            </div>

        </div>


        {{-- =====================================================
             ACTION BUTTON
        ====================================================== --}}
        <div class="admin-action-section">

            <button
                type="button"
                class="admin-action-btn reset"
                data-bs-toggle="modal"
                data-bs-target="#resetPasswordModal"
            >

                <i class="fa-solid fa-key"></i>

                <span>
                    Reset Password
                </span>

            </button>


            {{-- @if (isset($admin->status) && $admin->status === 'inactive')
                <button
                    type="button"
                    class="admin-action-btn deactivate"
                    disabled
                    style="opacity: 0.6; cursor: not-allowed;"
                    title="Akun sudah dinonaktifkan"
                >

                    <i class="fa-solid fa-lock"></i>

                    <span>
                        Akun Nonaktif
                    </span>

                </button>
            @else
                <button
                    type="button"
                    class="admin-action-btn deactivate"
                    data-bs-toggle="modal"
                    data-bs-target="#deactivateAccountModal"
                >

                    <i class="fa-solid fa-lock"></i>

                    <span>
                        Nonaktifkan Akun
                    </span>

                </button>
            @endif --}}


            <button
                type="button"
                class="admin-action-btn activity"
                data-bs-toggle="modal"
                data-bs-target="#activityModal"
            >

                <i class="fa-solid fa-clipboard-list"></i>

                <span>
                    Lihat Aktivitas
                </span>

            </button>

        </div>

    </div>


    {{-- =====================================================
         ACCOUNT STATISTICS
    ====================================================== --}}
    <div class="admin-stat-grid mt-4">

        {{-- Status --}}
        <div class="admin-stat-card">

            <div class="stat-icon status">
                <i class="fa-solid fa-circle-check"></i>
            </div>

            <div>

                <span class="stat-label">
                    Status Akun
                </span>

                @if (isset($admin->status) && $admin->status === 'inactive')
                    <strong class="stat-value" style="color: #dc2626;">
                        Nonaktif
                    </strong>
                @else
                    <strong class="stat-value active-text">
                        Aktif
                    </strong>
                @endif

            </div>

        </div>


        {{-- Login Terakhir --}}
        <div class="admin-stat-card">

            <div class="stat-icon login">
                <i class="fa-solid fa-right-to-bracket"></i>
            </div>

            <div>

                <span class="stat-label">
                    Login Terakhir
                </span>

                @if ($displayLastLogin)

                    <strong class="stat-value">
                        {{ $displayLastLogin->format('H:i') }}
                    </strong>

                    <small>
                        {{ $displayLastLogin->translatedFormat('d F Y') }}
                    </small>

                @else

                    <strong class="stat-value">
                        -
                    </strong>

                    <small>
                        Belum pernah login
                    </small>

                @endif

            </div>

        </div>


        {{-- Total Login --}}
        <div class="admin-stat-card">

            <div class="stat-icon total">
                <i class="fa-solid fa-chart-line"></i>
            </div>

            <div>

                <span class="stat-label">
                    Total Login
                </span>

                <strong class="stat-value">
                    {{ $totalLogin ?? 0 }}
                </strong>

                <small>
                    Aktivitas login
                </small>

            </div>

        </div>

    </div>


    {{-- =====================================================
         RECENT ACTIVITY
    ====================================================== --}}
    <div class="super-card activity-card mt-4">

        <div class="activity-header">

            <div>

                <h3>
                    <i class="fa-solid fa-clock-rotate-left"></i>
                    Aktivitas Terbaru
                </h3>

                <p>
                    Aktivitas terakhir yang dilakukan oleh akun Admin.
                </p>

            </div>


            <button
                type="button"
                class="view-all-btn"
                data-bs-toggle="modal"
                data-bs-target="#activityModal"
            >

                Lihat Semua

                <i class="fa-solid fa-arrow-right"></i>

            </button>

        </div>


        <div class="activity-list">

            @forelse ($activities as $activity)

                @php

                    $activityType = strtolower($activity->activity_type ?? '');

                    switch ($activityType) {

                        case 'login':
                            $activityIcon = 'fa-right-to-bracket';
                            $activityClass = 'login';
                            $activityTitle = 'Login ke sistem';
                            break;

                        case 'logout':
                            $activityIcon = 'fa-right-from-bracket';
                            $activityClass = 'logout';
                            $activityTitle = 'Logout dari sistem';
                            break;

                        case 'create':
                        case 'add':
                        case 'store':
                            $activityIcon = 'fa-plus';
                            $activityClass = 'add';
                            $activityTitle = 'Menambahkan data';
                            break;

                        case 'update':
                        case 'edit':
                            $activityIcon = 'fa-pen-to-square';
                            $activityClass = 'edit';
                            $activityTitle = 'Mengubah data';
                            break;

                        case 'delete':
                        case 'destroy':
                            $activityIcon = 'fa-trash';
                            $activityClass = 'delete';
                            $activityTitle = 'Menghapus data';
                            break;

                        case 'reset_password':
                            $activityIcon = 'fa-key';
                            $activityClass = 'edit';
                            $activityTitle = 'Reset password';
                            break;

                        case 'deactivate':
                            $activityIcon = 'fa-lock';
                            $activityClass = 'logout';
                            $activityTitle = 'Menonaktifkan akun';
                            break;

                        case 'security':
                            $activityIcon = 'fa-shield-halved';
                            $activityClass = 'edit';
                            $activityTitle = 'Aktivitas Keamanan';
                            break;

                        default:
                            $activityIcon = 'fa-clock-rotate-left';
                            $activityClass = 'login';
                            $activityTitle = ucwords(str_replace('_', ' ', $activityType ?: 'Aktivitas admin'));

                    }

                    $activityDescription = $activity->description ?: 'Admin melakukan aktivitas pada sistem SARPRAS.';

                @endphp


                <div class="activity-item">

                    <div class="activity-icon {{ $activityClass }}">

                        <i class="fa-solid {{ $activityIcon }}"></i>

                    </div>


                    <div class="activity-content">

                        <strong>
                            {{ $activityTitle }}
                        </strong>

                        <span>
                            {{ $activityDescription }}
                        </span>

                        <small>

                            <i class="fa-regular fa-clock"></i>

                            @if ($activity->created_at)
                                {{ $activity->created_at instanceof \Carbon\Carbon ? $activity->created_at->translatedFormat('d F Y, H:i') : \Carbon\Carbon::parse($activity->created_at)->translatedFormat('d F Y, H:i') }}
                            @else
                                -
                            @endif

                        </small>

                    </div>

                </div>

            @empty

                <div class="activity-item">

                    <div class="activity-icon login">

                        <i class="fa-solid fa-clock-rotate-left"></i>

                    </div>

                    <div class="activity-content">

                        <strong>
                            Belum ada aktivitas
                        </strong>

                        <span>
                            Belum terdapat riwayat aktivitas untuk akun Admin.
                        </span>

                        <small>
                            <i class="fa-regular fa-clock"></i>
                            -
                        </small>

                    </div>

                </div>

            @endforelse

        </div>

    </div>

</div>


{{-- =========================================================
     MODAL RESET PASSWORD
========================================================= --}}
<div
    class="modal fade"
    id="resetPasswordModal"
    tabindex="-1"
    aria-labelledby="resetPasswordModalLabel"
    aria-hidden="true"
>

    <div class="modal-dialog modal-dialog-centered">

        <div class="modal-content admin-modal">

            <div class="modal-header">

                <div class="modal-title-wrapper">

                    <div class="modal-icon reset">

                        <i class="fa-solid fa-key"></i>

                    </div>

                    <div>

                        <h5 id="resetPasswordModalLabel">
                            Reset Password
                        </h5>

                        <p>
                            Ubah password akun Admin.
                        </p>

                    </div>

                </div>


                <button
                    type="button"
                    class="btn-close"
                    data-bs-dismiss="modal"
                    aria-label="Close"
                ></button>

            </div>


            <div class="modal-body">

                <div class="reset-info">

                    <i class="fa-solid fa-circle-info"></i>

                    <p>

                        Silakan masukkan password baru untuk akun

                        <strong>
                            {{ $admin->nama_lengkap }}
                        </strong>.

                    </p>

                </div>

                {{-- Alert Box JS --}}
                <div id="resetPasswordAlert" class="alert d-none" role="alert" style="font-size: 0.8rem; border-radius: 8px; margin-bottom: 15px;"></div>

                <div class="form-group">

                    <label for="newPassword">
                        Password Baru
                    </label>

                    <div class="password-input">

                        <input
                            type="password"
                            id="newPassword"
                            class="form-control"
                            placeholder="Masukkan password baru (min. 8 karakter)"
                            autocomplete="new-password"
                        >

                        <button
                            type="button"
                            onclick="togglePassword('newPassword', this)"
                        >

                            <i class="fa-solid fa-eye"></i>

                        </button>

                    </div>

                </div>


                <div class="form-group mt-3">

                    <label for="confirmPassword">
                        Konfirmasi Password
                    </label>

                    <div class="password-input">

                        <input
                            type="password"
                            id="confirmPassword"
                            class="form-control"
                            placeholder="Konfirmasi password baru"
                            autocomplete="new-password"
                        >

                        <button
                            type="button"
                            onclick="togglePassword('confirmPassword', this)"
                        >

                            <i class="fa-solid fa-eye"></i>

                        </button>

                    </div>

                </div>

            </div>


            <div class="modal-footer">

                <button
                    type="button"
                    class="modal-btn cancel"
                    data-bs-dismiss="modal"
                >
                    Batal
                </button>


                <button
                    type="button"
                    class="modal-btn primary"
                    id="btnSubmitResetPassword"
                    onclick="resetPassword()"
                >

                    <i class="fa-solid fa-key"></i>

                    <span>Reset Password</span>

                </button>

            </div>

        </div>

    </div>

</div>


{{-- =========================================================
     MODAL NONAKTIFKAN AKUN
========================================================= --}}
<div
    class="modal fade"
    id="deactivateAccountModal"
    tabindex="-1"
    aria-labelledby="deactivateAccountModalLabel"
    aria-hidden="true"
>

    <div class="modal-dialog modal-dialog-centered">

        <div class="modal-content admin-modal">

            <div class="modal-header">

                <div class="modal-title-wrapper">

                    <div class="modal-icon deactivate">

                        <i class="fa-solid fa-lock"></i>

                    </div>

                    <div>

                        <h5 id="deactivateAccountModalLabel">
                            Nonaktifkan Akun
                        </h5>

                        <p>
                            Konfirmasi perubahan status akun.
                        </p>

                    </div>

                </div>


                <button
                    type="button"
                    class="btn-close"
                    data-bs-dismiss="modal"
                    aria-label="Close"
                ></button>

            </div>


            <div class="modal-body">

                {{-- Alert Box JS --}}
                <div id="deactivateAlert" class="alert d-none" role="alert" style="font-size: 0.8rem; border-radius: 8px; margin-bottom: 15px;"></div>

                <div class="warning-box">

                    <div class="warning-icon">

                        <i class="fa-solid fa-triangle-exclamation"></i>

                    </div>


                    <div>

                        <strong>
                            Nonaktifkan akun Admin?
                        </strong>

                        <p>

                            Setelah dinonaktifkan, akun

                            <strong>
                                {{ $admin->nama_lengkap }}
                            </strong>

                            tidak dapat digunakan untuk masuk ke sistem.

                        </p>

                    </div>

                </div>

            </div>


            <div class="modal-footer">

                <button
                    type="button"
                    class="modal-btn cancel"
                    data-bs-dismiss="modal"
                >
                    Batal
                </button>


                <button
                    type="button"
                    class="modal-btn danger"
                    id="btnSubmitDeactivate"
                    onclick="deactivateAccount()"
                >

                    <i class="fa-solid fa-lock"></i>

                    <span>Nonaktifkan Akun</span>

                </button>

            </div>

        </div>

    </div>

</div>


{{-- =========================================================
     MODAL AKTIVITAS
========================================================= --}}
<div
    class="modal fade"
    id="activityModal"
    tabindex="-1"
    aria-labelledby="activityModalLabel"
    aria-hidden="true"
>

    <div class="modal-dialog modal-dialog-centered modal-lg">

        <div class="modal-content admin-modal">

            <div class="modal-header">

                <div class="modal-title-wrapper">

                    <div class="modal-icon activity">

                        <i class="fa-solid fa-clock-rotate-left"></i>

                    </div>

                    <div>

                        <h5 id="activityModalLabel">
                            Aktivitas Admin
                        </h5>

                        <p>
                            Riwayat aktivitas akun
                            {{ $admin->nama_lengkap }}.
                        </p>

                    </div>

                </div>


                <button
                    type="button"
                    class="btn-close"
                    data-bs-dismiss="modal"
                    aria-label="Close"
                ></button>

            </div>


            <div class="modal-body activity-modal-body">

                <div class="full-activity-list">

                    @php
                        $listToDisplay = isset($allActivities) && count($allActivities) > 0 ? $allActivities : $activities;
                    @endphp

                    @forelse ($listToDisplay as $activity)

                        @php

                            $activityType = strtolower($activity->activity_type ?? '');

                            switch ($activityType) {

                                case 'login':
                                    $activityIcon = 'fa-right-to-bracket';
                                    $activityClass = 'login';
                                    $activityTitle = 'Login ke sistem';
                                    break;

                                case 'logout':
                                    $activityIcon = 'fa-right-from-bracket';
                                    $activityClass = 'logout';
                                    $activityTitle = 'Logout dari sistem';
                                    break;

                                case 'create':
                                case 'add':
                                case 'store':
                                    $activityIcon = 'fa-plus';
                                    $activityClass = 'add';
                                    $activityTitle = 'Menambahkan data';
                                    break;

                                case 'update':
                                case 'edit':
                                    $activityIcon = 'fa-pen-to-square';
                                    $activityClass = 'edit';
                                    $activityTitle = 'Mengubah data';
                                    break;

                                case 'delete':
                                case 'destroy':
                                    $activityIcon = 'fa-trash';
                                    $activityClass = 'delete';
                                    $activityTitle = 'Menghapus data';
                                    break;

                                case 'reset_password':
                                    $activityIcon = 'fa-key';
                                    $activityClass = 'edit';
                                    $activityTitle = 'Reset password';
                                    break;

                                case 'deactivate':
                                    $activityIcon = 'fa-lock';
                                    $activityClass = 'logout';
                                    $activityTitle = 'Menonaktifkan akun';
                                    break;

                                case 'security':
                                    $activityIcon = 'fa-shield-halved';
                                    $activityClass = 'edit';
                                    $activityTitle = 'Aktivitas Keamanan';
                                    break;

                                default:
                                    $activityIcon = 'fa-clock-rotate-left';
                                    $activityClass = 'login';
                                    $activityTitle = ucwords(
                                        str_replace(
                                            '_',
                                            ' ',
                                            $activityType ?: 'Aktivitas admin'
                                        )
                                    );

                            }

                            $activityDescription = $activity->description ?: 'Admin melakukan aktivitas pada sistem SARPRAS.';

                        @endphp


                        <div class="full-activity-item">

                            <div class="full-activity-icon {{ $activityClass }}">

                                <i class="fa-solid {{ $activityIcon }}"></i>

                            </div>


                            <div class="full-activity-content">

                                <strong>
                                    {{ $activityTitle }}
                                </strong>

                                <p>
                                    {{ $activityDescription }}
                                </p>

                                <span>

                                    @if ($activity->created_at)

                                        {{ $activity->created_at instanceof \Carbon\Carbon ? $activity->created_at->translatedFormat('d F Y, H:i') : \Carbon\Carbon::parse($activity->created_at)->translatedFormat('d F Y, H:i') }}

                                    @else

                                        -

                                    @endif

                                </span>

                            </div>

                        </div>

                    @empty

                        <div class="full-activity-item">

                            <div class="full-activity-icon login">

                                <i class="fa-solid fa-clock-rotate-left"></i>

                            </div>


                            <div class="full-activity-content">

                                <strong>
                                    Belum ada aktivitas
                                </strong>

                                <p>
                                    Belum terdapat riwayat aktivitas untuk akun Admin.
                                </p>

                                <span>
                                    -
                                </span>

                            </div>

                        </div>

                    @endforelse

                </div>

            </div>


            <div class="modal-footer">

                <button
                    type="button"
                    class="modal-btn cancel"
                    data-bs-dismiss="modal"
                >
                    Tutup
                </button>

            </div>

        </div>

    </div>

</div>


{{-- =========================================================
     JAVASCRIPT
========================================================= --}}
@push('scripts')

<script>

    const resetPasswordUrl = "{{ route('superadmin.admin.reset-password') }}";
    const deactivateUrl = "{{ route('superadmin.admin.deactivate') }}";
    const csrfToken = "{{ csrf_token() }}";

    /*
    |--------------------------------------------------------------------------
    | TOGGLE PASSWORD
    |--------------------------------------------------------------------------
    */

    function togglePassword(inputId, button) {

        const input = document.getElementById(inputId);

        if (!input) {
            return;
        }

        const icon = button.querySelector('i');

        if (!icon) {
            return;
        }


        if (input.type === 'password') {

            input.type = 'text';

            icon.classList.remove('fa-eye');

            icon.classList.add('fa-eye-slash');

        } else {

            input.type = 'password';

            icon.classList.remove('fa-eye-slash');

            icon.classList.add('fa-eye');

        }

    }


    /*
    |--------------------------------------------------------------------------
    | HELPER SHOW ALERT
    |--------------------------------------------------------------------------
    */
    function showAlert(element, type, message) {
        if (!element) return;
        element.className = `alert alert-${type}`;
        element.textContent = message;
        element.classList.remove('d-none');
    }


    /*
    |--------------------------------------------------------------------------
    | RESET PASSWORD AJAX
    |--------------------------------------------------------------------------
    */

    function resetPassword() {

        const passwordInput = document.getElementById('newPassword');
        const confirmPasswordInput = document.getElementById('confirmPassword');
        const alertBox = document.getElementById('resetPasswordAlert');
        const submitBtn = document.getElementById('btnSubmitResetPassword');

        const password = passwordInput ? passwordInput.value.trim() : '';
        const confirmPassword = confirmPasswordInput ? confirmPasswordInput.value.trim() : '';

        if (alertBox) {
            alertBox.className = 'alert d-none';
            alertBox.textContent = '';
        }

        if (!password || !confirmPassword) {
            showAlert(alertBox, 'danger', 'Password baru dan konfirmasi password wajib diisi.');
            return;
        }

        if (password.length < 8) {
            showAlert(alertBox, 'danger', 'Password minimal 8 karakter.');
            return;
        }

        if (password !== confirmPassword) {
            showAlert(alertBox, 'danger', 'Konfirmasi password tidak sesuai.');
            return;
        }

        if (submitBtn) {
            submitBtn.disabled = true;
            submitBtn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> <span>Menyimpan...</span>';
        }

        fetch(resetPasswordUrl, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': csrfToken,
                'Accept': 'application/json'
            },
            body: JSON.stringify({
                password: password,
                password_confirmation: confirmPassword
            })
        })
        .then(response => response.json().then(data => ({ status: response.status, body: data })))
        .then(({ status, body }) => {
            if (status === 200 && body.success) {
                showAlert(alertBox, 'success', body.message || 'Password Admin berhasil direset.');
                if (passwordInput) passwordInput.value = '';
                if (confirmPasswordInput) confirmPasswordInput.value = '';

                setTimeout(() => {
                    const modalElement = document.getElementById('resetPasswordModal');
                    if (modalElement) {
                        const modal = bootstrap.Modal.getInstance(modalElement);
                        if (modal) modal.hide();
                    }
                    window.location.reload();
                }, 1200);
            } else {
                showAlert(alertBox, 'danger', body.message || 'Gagal mereset password.');
            }
        })
        .catch(error => {
            console.error('Error:', error);
            showAlert(alertBox, 'danger', 'Terjadi kesalahan sistem saat menghubungi server.');
        })
        .finally(() => {
            if (submitBtn) {
                submitBtn.disabled = false;
                submitBtn.innerHTML = '<i class="fa-solid fa-key"></i> <span>Reset Password</span>';
            }
        });

    }


    /*
    |--------------------------------------------------------------------------
    | DEACTIVATE ACCOUNT AJAX
    |--------------------------------------------------------------------------
    */

    function deactivateAccount() {

        const alertBox = document.getElementById('deactivateAlert');
        const submitBtn = document.getElementById('btnSubmitDeactivate');

        if (submitBtn) {
            submitBtn.disabled = true;
            submitBtn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> <span>Memproses...</span>';
        }

        fetch(deactivateUrl, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': csrfToken,
                'Accept': 'application/json'
            }
        })
        .then(response => response.json().then(data => ({ status: response.status, body: data })))
        .then(({ status, body }) => {
            if (status === 200 && body.success) {
                if (alertBox) {
                    showAlert(alertBox, 'success', body.message || 'Akun Admin berhasil dinonaktifkan.');
                }
                setTimeout(() => {
                    const modalElement = document.getElementById('deactivateAccountModal');
                    if (modalElement) {
                        const modal = bootstrap.Modal.getInstance(modalElement);
                        if (modal) modal.hide();
                    }
                    window.location.reload();
                }, 1200);
            } else {
                if (alertBox) {
                    showAlert(alertBox, 'danger', body.message || 'Gagal menonaktifkan akun.');
                } else {
                    alert(body.message || 'Gagal menonaktifkan akun.');
                }
            }
        })
        .catch(error => {
            console.error('Error:', error);
            if (alertBox) {
                showAlert(alertBox, 'danger', 'Terjadi kesalahan sistem.');
            } else {
                alert('Terjadi kesalahan sistem saat menghubungi server.');
            }
        })
        .finally(() => {
            if (submitBtn) {
                submitBtn.disabled = false;
                submitBtn.innerHTML = '<i class="fa-solid fa-lock"></i> <span>Nonaktifkan Akun</span>';
            }
        });

    }


    /*
    |--------------------------------------------------------------------------
    | RESET FORM SAAT MODAL DITUTUP
    |--------------------------------------------------------------------------
    */

    const resetPasswordModal =
        document.getElementById('resetPasswordModal');


    if (resetPasswordModal) {

        resetPasswordModal.addEventListener(
            'hidden.bs.modal',
            function () {

                const newPassword =
                    document.getElementById('newPassword');

                const confirmPassword =
                    document.getElementById('confirmPassword');

                const alertBox =
                    document.getElementById('resetPasswordAlert');


                if (newPassword) {
                    newPassword.value = '';
                }

                if (confirmPassword) {
                    confirmPassword.value = '';
                }

                if (alertBox) {
                    alertBox.className = 'alert d-none';
                    alertBox.textContent = '';
                }

            }
        );

    }

    const deactivateAccountModal =
        document.getElementById('deactivateAccountModal');

    if (deactivateAccountModal) {

        deactivateAccountModal.addEventListener(
            'hidden.bs.modal',
            function () {

                const alertBox =
                    document.getElementById('deactivateAlert');

                if (alertBox) {
                    alertBox.className = 'alert d-none';
                    alertBox.textContent = '';
                }

            }
        );

    }

</script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

@endpush

@endsection