@extends('layouts.admin')
@section('title', 'Admin Profile — MOVA-AUTH')
@section('page_title', 'Admin Profile')

@section('content')
<div style="max-width: 760px;">
    <div class="panel">
        <div class="panel-header">
            <h3>Profile Information & Password</h3>
        </div>

        <form method="POST" action="{{ route('admin.profile.update') }}">
            @csrf
            @method('PUT')

            <div class="form-row">
                <label for="name">Admin Name *</label>
                <input type="text" id="name" name="name" value="{{ old('name', $user->name) }}" required>
                @error('name') <div class="error">{{ $message }}</div> @enderror
            </div>

            <div class="form-row">
                <label for="email">Admin Email *</label>
                <input type="email" id="email" name="email" value="{{ old('email', $user->email) }}" required>
                <div class="help">This email is used to log in to the admin dashboard.</div>
                @error('email') <div class="error">{{ $message }}</div> @enderror
            </div>

            <div class="form-row" style="margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--border);">
                <label for="current_password">Current Password</label>
                <input type="password" id="current_password" name="current_password" placeholder="Leave blank if not changing password">
                <div class="help">Required only if you want to set a new password.</div>
                @error('current_password') <div class="error">{{ $message }}</div> @enderror
            </div>

            <div class="form-row">
                <label for="new_password">New Password</label>
                <input type="password" id="new_password" name="new_password" placeholder="Minimum 6 characters">
                @error('new_password') <div class="error">{{ $message }}</div> @enderror
            </div>

            <div class="form-row">
                <label for="new_password_confirmation">Confirm New Password</label>
                <input type="password" id="new_password_confirmation" name="new_password_confirmation" placeholder="Repeat new password">
            </div>

            <div style="margin-top: 24px; display: flex; gap: 12px; align-items: center;">
                <button type="submit" class="btn btn-primary">Save Changes</button>
                <a href="{{ route('admin.dashboard') }}" class="btn">Cancel</a>
            </div>
        </form>
    </div>

    <div class="panel">
        <div class="panel-header">
            <h3>Account Details</h3>
        </div>
        <table style="width: 100%;">
            <tr>
                <td style="width: 180px; font-weight: 600; color: var(--muted);">Role</td>
                <td><span class="badge active">{{ $user->is_super ? 'Super Administrator' : 'Admin' }}</span></td>
            </tr>
            <tr>
                <td style="font-weight: 600; color: var(--muted);">Account ID</td>
                <td><code>#{{ $user->id }}</code></td>
            </tr>
            <tr>
                <td style="font-weight: 600; color: var(--muted);">Created At</td>
                <td>{{ $user->created_at?->format('Y-m-d H:i:s') ?? '—' }}</td>
            </tr>
            <tr>
                <td style="font-weight: 600; color: var(--muted);">Last Login</td>
                <td>{{ $user->last_login_at?->diffForHumans() ?? 'Never' }}</td>
            </tr>
        </table>
    </div>
</div>
@endsection