@extends('admin.layout')

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

@section('content')
<div class="admin-account-detail-page">
    <section class="admin-section-header">
        <div>
            <a href="{{ route('admin.settings.accounts.index') }}" class="admin-back-link">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" d="m15 18-6-6 6-6"/>
                </svg>
                Kembali ke Account
            </a>

            <span class="admin-page-eyebrow">Administrator Detail</span>
            <h1 class="admin-section-title font-display">Detail <span>Admin</span></h1>
            <p class="admin-section-description">Lihat identitas akun, status login, perangkat aktif, dan riwayat percobaan login.</p>
        </div>

        <div class="admin-account-detail-status {{ $admin->sessions->contains(fn ($session) => $session->isOnline()) ? 'is-online' : 'is-offline' }}">
            <span></span>
            {{ $admin->sessions->contains(fn ($session) => $session->isOnline()) ? 'Sedang online' : 'Offline' }}
        </div>
    </section>

    <div class="admin-account-detail-grid">
        <section class="admin-form-panel admin-account-profile-panel">
            <header class="admin-form-panel-header">
                <span class="admin-account-avatar admin-account-avatar-large">{{ mb_strtoupper(mb_substr($admin->name, 0, 1)) }}</span>
                <div>
                    <span class="admin-panel-eyebrow">Profile</span>
                    <h2 class="admin-panel-title font-display">{{ $admin->name }}</h2>
                </div>
            </header>

            <div class="admin-form-panel-body">
                <dl class="admin-account-detail-list">
                    <div>
                        <dt>Email login</dt>
                        <dd>{{ $admin->email }}</dd>
                    </div>
                    <div>
                        <dt>Status akun</dt>
                        <dd>{{ $admin->is_active ? 'Aktif' : 'Nonaktif' }}</dd>
                    </div>
                    <div>
                        <dt>Dibuat</dt>
                        <dd>{{ $admin->created_at->timezone(config('app.timezone'))->format('d/m/Y H:i') }}</dd>
                    </div>
                    <div>
                        <dt>Login terakhir</dt>
                        <dd>{{ $admin->last_login_at ? $admin->last_login_at->timezone(config('app.timezone'))->format('d/m/Y H:i') : 'Belum pernah login' }}</dd>
                    </div>
                </dl>
            </div>
        </section>

        <section class="admin-form-panel">
            <header class="admin-form-panel-header">
                <span class="admin-form-panel-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true">
                        <rect x="3" y="4" width="18" height="13" rx="2"></rect>
                        <path stroke-linecap="round" d="M8 21h8m-4-4v4"/>
                    </svg>
                </span>
                <div>
                    <span class="admin-panel-eyebrow">Active Session</span>
                    <h2 class="admin-panel-title font-display">Sesi Online</h2>
                </div>
            </header>

            <div class="admin-session-list">
                @forelse ($admin->sessions as $session)
                    <article class="admin-session-item">
                        <div class="admin-session-item-head">
                            <strong>{{ $session->deviceLabel() }}</strong>
                            <span class="is-online">Online</span>
                        </div>

                        <dl>
                            <div>
                                <dt>IP</dt>
                                <dd>{{ $session->ip_address ?: 'Tidak tersedia' }}</dd>
                            </div>
                            <div>
                                <dt>Login</dt>
                                <dd>{{ $session->logged_in_at->timezone(config('app.timezone'))->format('d/m/Y H:i') }}</dd>
                            </div>
                            <div>
                                <dt>Aktivitas terakhir</dt>
                                <dd>{{ $session->last_seen_at->timezone(config('app.timezone'))->format('d/m/Y H:i') }}</dd>
                            </div>
                        </dl>

                        @if ($session->session_id === $currentSessionId)
                            <small>Sesi yang sedang Anda gunakan</small>
                        @endif
                    </article>
                @empty
                    <div class="admin-empty-state-compact">Tidak ada sesi online untuk akun ini.</div>
                @endforelse
            </div>
        </section>
    </div>

    <section class="admin-account-list-panel">
        <header>
            <div>
                <span class="admin-panel-eyebrow">Login History</span>
                <h2 class="admin-panel-title font-display">Riwayat Login</h2>
            </div>
        </header>

        <div class="admin-login-history">
            @forelse ($loginAttempts as $attempt)
                <article>
                    <span class="admin-login-result {{ $attempt->successful ? 'is-success' : 'is-failed' }}">
                        {{ $attempt->successful ? 'Berhasil' : 'Gagal' }}
                    </span>
                    <strong>{{ $attempt->ip_address }}</strong>
                    <small>{{ $attempt->created_at->timezone(config('app.timezone'))->format('d/m/Y H:i:s') }}</small>
                </article>
            @empty
                <div class="admin-empty-state-compact">Belum ada riwayat login untuk akun ini.</div>
            @endforelse
        </div>
    </section>

    @if (auth('admin')->id() !== $admin->id)
        <section class="admin-danger-panel">
            <header>
                <span class="admin-panel-eyebrow">Danger Zone</span>
                <h2 class="admin-panel-title font-display">Hapus Admin</h2>
                <p>Penghapusan bersifat permanen. Riwayat order, stok, dan activity log yang pernah berkaitan dengan akun tetap dipertahankan.</p>
            </header>

            <form method="POST" action="{{ route('admin.settings.accounts.destroy', $admin) }}" class="admin-delete-admin-form">
                @csrf
                @method('DELETE')

                <div class="admin-form-group">
                    <label for="confirmation-email" class="admin-form-label">Ketik email admin yang akan dihapus</label>
                    <input id="confirmation-email" type="email" name="confirmation_email" required autocomplete="off" class="admin-form-control" placeholder="{{ $admin->email }}">
                    @error('confirmation_email')
                        <p class="admin-form-error">{{ $message }}</p>
                    @enderror
                </div>

                <div class="admin-form-group">
                    <label for="delete-current-password" class="admin-form-label">Password akun Anda</label>
                    <input id="delete-current-password" type="password" name="current_password" required autocomplete="current-password" class="admin-form-control">
                    @error('current_password')
                        <p class="admin-form-error">{{ $message }}</p>
                    @enderror
                    @error('delete_admin')
                        <p class="admin-form-error">{{ $message }}</p>
                    @enderror
                </div>

                <button type="submit" class="admin-button admin-button-danger">Hapus Akun Admin</button>
            </form>
        </section>
    @endif
</div>
@endsection