Admin

name	type	size	perms	modified	actions
[parent directory]
components/	dir	-	0775	2026-08-24 19:18:54
layouts/	dir	-	0775	2026-08-24 19:18:54
shop/	dir	-	0775	2026-08-24 19:18:54
user/	dir	-	0775	2026-08-24 19:18:54
address-input.blade.php	file	9,883 B	0664	2026-05-06 09:10:24	edit
aqiqah.blade.php	file	636 B	0664	2026-04-26 14:07:05	edit
dashboard.blade.php	file	7,295 B	0664	2026-04-26 14:07:05	edit
detail-pemesanan.blade.php	file	9,703 B	0664	2026-04-26 14:07:05	edit
done-payment.blade.php	file	7,857 B	0664	2026-04-26 14:07:05	edit
faq.blade.php	file	11,981 B	0664	2026-04-26 14:07:05	edit
home.blade.php	file	14,376 B	0664	2026-04-26 14:07:05	edit
keycloak-migration.blade.php	file	8,143 B	0664	2026-04-26 14:07:05	edit
merchandise.blade.php	file	641 B	0664	2026-04-26 14:07:05	edit
profile.blade.php	file	4,932 B	0664	2026-05-01 08:26:45	edit
refund-policy.blade.php	file	6,308 B	0664	2026-04-26 14:07:05	edit
riwayat.blade.php	file	33,396 B	0664	2026-05-25 08:29:46	edit
story.blade.php	file	2,726 B	0664	2026-05-13 07:45:29	edit
terms.blade.php	file	8,139 B	0664	2026-05-21 04:07:16	edit
welcome.blade.php	file	82,357 B	0664	2026-04-26 14:07:05	edit

editing: keycloak-migration.blade.php

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Migrasi ke Keycloak - QurbanPlus</title>
    
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
    
    
    <link rel="stylesheet" href="{{ asset('css/design-system.css') }}?v=20260202">
    <script src="{{ asset('js/design-system.js') }}" defer></script>

<meta name="csrf-token" content="{{ csrf_token() }}">
    
    <style>
        .migration-container {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        
        .migration-main {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2rem 1rem;
            background: linear-gradient(135deg, var(--qp-light-bg) 0%, #f0f0f0 100%);
        }
        
        .migration-card {
            background: white;
            border-radius: 1rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            padding: 2.5rem;
            width: 100%;
            max-width: 500px;
            margin: 0 auto;
        }
        
        .migration-header {
            text-align: center;
            margin-bottom: 2rem;
        }
        
        .migration-icon {
            color: #ffc107;
            font-size: 3rem;
            margin-bottom: 1rem;
        }
        
        .migration-title {
            color: var(--qp-primary);
            font-weight: 700;
            font-size: 1.75rem;
            margin-bottom: 0.5rem;
        }
        
        .migration-subtitle {
            color: #666;
            font-size: 1rem;
            margin-bottom: 0;
        }
        
        .form-floating {
            margin-bottom: 1.5rem;
        }
        
        .form-floating > .form-control {
            border-radius: 0.5rem;
            border: 2px solid #e0e0e0;
            transition: all 0.2s ease;
        }
        
        .form-floating > .form-control:focus {
            border-color: var(--qp-primary);
            box-shadow: 0 0 0 0.2rem rgba(115, 30, 25, 0.25);
        }
        
        .btn-migrate {
            background: var(--qp-secondary);
            border: none;
            border-radius: 0.5rem;
            padding: 0.75rem 2rem;
            font-weight: 600;
            transition: all 0.2s ease;
            width: 100%;
            margin-top: 1rem;
        }
        
        .btn-migrate:hover {
            background: var(--qp-secondary-dark);
            transform: translateY(-1px);
        }
        
        .password-requirements {
            background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 0.5rem;
            padding: 1rem;
            margin-bottom: 1.5rem;
        }
        
        .password-requirements h6 {
            color: #856404;
            margin-bottom: 0.5rem;
            font-weight: 600;
        }
        
        .password-requirements ul {
            color: #856404;
            margin-bottom: 0;
            padding-left: 1.5rem;
        }
        
        .password-requirements li {
            margin-bottom: 0.25rem;
        }
        
        .alert {
            border-radius: 0.5rem;
            margin-bottom: 1rem;
        }
        
        .alert-danger {
            background-color: #f8d7da;
            border-color: #f5c6cb;
            color: #721c24;
        }
        
        .alert-success {
            background-color: #d4edda;
            border-color: #c3e6cb;
            color: #155724;
        }
        
        @media (max-width: 576px) {
            .migration-card {
                padding: 2rem;
                margin: 0 0.5rem;
            }
            
            .migration-title {
                font-size: 1.5rem;
            }
        }
    </style>
</head>
<body>
    <div class="migration-container">
        
        <x-layout.header-bootstrap />
        
        
        <main class="migration-main">
            <div class="migration-card">
                <div class="migration-header">
                    <div class="migration-icon">🔄</div>
                    <h1 class="migration-title">Migrasi ke Keycloak</h1>
                    <p class="migration-subtitle">Untuk keamanan yang lebih baik, akun Anda perlu dimigrasikan ke sistem autentikasi Keycloak</p>
                </div>
                
                @if(session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif
                
                @if(session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                @endif
                
                @if($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0">
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                
                <div class="password-requirements">
                    <h6>Persyaratan Password Baru:</h6>
                    <ul>
                        <li>Minimal 8 karakter</li>
                        <li>Mengandung huruf besar dan kecil</li>
                        <li>Mengandung angka</li>
                        <li>Mengandung karakter khusus</li>
                    </ul>
                </div>
                
                <form id="migration-form">
                    <div class="form-floating">
                        <input 
                            type="password" 
                            class="form-control" 
                            id="new_password" 
                            name="new_password" 
                            placeholder="Masukkan password baru"
                            required
                            minlength="8"
                        >
                        <label for="new_password">Password Baru</label>
                    </div>

<div class="form-floating">
                        <input 
                            type="password" 
                            class="form-control" 
                            id="new_password_confirmation" 
                            name="new_password_confirmation" 
                            placeholder="Konfirmasi password baru"
                            required
                            minlength="8"
                        >
                        <label for="new_password_confirmation">Konfirmasi Password Baru</label>
                    </div>

<button type="submit" class="btn btn-primary btn-migrate">
                        Migrasi ke Keycloak
                    </button>
                </form>
                
                <div class="text-center mt-3">
                    <small class="text-muted">
                        Setelah migrasi, akun Anda akan menggunakan sistem autentikasi Keycloak yang lebih aman.
                    </small>
                </div>
            </div>
        </main>
        
        
        <x-layout.footer-bootstrap />
    </div>
    
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

</body>
</html>

cancel