@extends('admin.layouts.master')

@section('page-title', 'Profile')

@section('content')
<div class="row g-4">
    <div class="col-lg-4">
        <div class="card-admin">
            <div class="card-body-admin text-center">
                <div class="mx-auto mb-3" style="width: 88px; height: 88px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; font-weight: 700;">
                    {{ strtoupper(substr($user->name, 0, 1)) }}
                </div>
                <h4 class="mb-1">{{ $user->name }}</h4>
                <p class="mb-3 text-muted">{{ $user->email }}</p>
                <span class="badge-status badge-active">Administrator</span>
            </div>
        </div>
    </div>

    <div class="col-lg-8">
        <form action="{{ route('admin.profile.update') }}" method="POST">
            @csrf
            @method('PUT')
            <div class="card-admin">
                <div class="card-header-admin">
                    <h5 class="mb-0">Informasi Akun</h5>
                </div>
                <div class="card-body-admin">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Nama Lengkap *</label>
                            <input type="text" name="name" class="form-control form-control-admin" value="{{ old('name', $user->name) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Email *</label>
                            <input type="email" name="email" class="form-control form-control-admin" value="{{ old('email', $user->email) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Password Baru</label>
                            <input type="password" name="password" class="form-control form-control-admin" autocomplete="new-password">
                            <small class="text-muted">Kosongkan jika tidak ingin mengubah password.</small>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Konfirmasi Password Baru</label>
                            <input type="password" name="password_confirmation" class="form-control form-control-admin" autocomplete="new-password">
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-4">
                <button type="submit" class="btn btn-admin btn-admin-primary">
                    <i class="fa-solid fa-save me-2"></i> Simpan Perubahan
                </button>
                <a href="{{ route('admin.dashboard') }}" class="btn btn-admin btn-admin-secondary ms-2">Kembali</a>
            </div>
        </form>
    </div>
</div>
@endsection