@extends('admin.layout')

@section('title', 'Admin Settings')

@section('content')
    <h2 style="font-size: 20px; margin-bottom: 24px;">⚙️ Admin Settings</h2>

    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 24px;">
        <!-- Profile & Password Card -->
        <div style="background: #1a1a1a; border: 1px solid #2a2a2a; border-radius: 8px; padding: 20px;">
            <h3 style="font-size: 16px; margin-bottom: 16px; color: #fff;">👤 Profile & Password</h3>

            <!-- Update Profile -->
            <form method="POST" action="{{ route('admin.settings.profile.update') }}" style="margin-bottom: 24px;">
                @csrf
                <div class="form-group">
                    <label>Nama</label>
                    <input type="text" name="name" class="form-control" value="{{ old('name', $user->name) }}" required>
                    @error('name')<span class="form-error">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label>Email</label>
                    <input type="email" name="email" class="form-control" value="{{ old('email', $user->email) }}" required>
                    @error('email')<span class="form-error">{{ $message }}</span>@enderror
                </div>
                <button type="submit" class="btn btn-success">Simpan Profile</button>
            </form>

            <hr style="border: none; border-top: 1px solid #333; margin: 20px 0;">

            <!-- Update Password -->
            <form method="POST" action="{{ route('admin.settings.password.update') }}">
                @csrf
                <div class="form-group">
                    <label>Password Saat Ini</label>
                    <input type="password" name="current_password" class="form-control" required>
                    @error('current_password')<span class="form-error">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label>Password Baru</label>
                    <input type="password" name="password" class="form-control" required>
                    <span class="form-hint">Minimal 8 karakter, huruf besar, huruf kecil, dan angka</span>
                    @error('password')<span class="form-error">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label>Konfirmasi Password</label>
                    <input type="password" name="password_confirmation" class="form-control" required>
                    @error('password_confirmation')<span class="form-error">{{ $message }}</span>@enderror
                </div>
                <button type="submit" class="btn btn-warning">Ubah Password</button>
            </form>
        </div>

        <!-- Login Activity Card -->
        <div style="background: #1a1a1a; border: 1px solid #2a2a2a; border-radius: 8px; padding: 20px;">
            <h3 style="font-size: 16px; margin-bottom: 16px; color: #fff;">📋 Aktivitas Login</h3>
            <p style="font-size: 13px; color: #888; margin-bottom: 16px;">Lihat riwayat login Anda</p>
            
            <a href="{{ route('admin.settings.login-logs') }}" class="btn btn-primary" style="display: inline-block;">
                📊 Login History
            </a>
            
            <div style="border-top: 1px solid #333; margin: 20px 0;"></div>
            
            <h4 style="font-size: 14px; margin-bottom: 12px; color: #fff;">Semua Login Activity</h4>
            <p style="font-size: 13px; color: #888; margin-bottom: 16px;">Lihat semua riwayat login user</p>
            <a href="{{ route('admin.settings.all-login-logs') }}" class="btn btn-secondary" style="display: inline-block;">
                📊 Semua Login Logs
            </a>
        </div>
    </div>
@endsection