@extends('layouts.app')
@section('page_title', 'Edit Profile')
@section('content')
<div class="card-flat" style="max-width: 500px;">
    <h6 class="fw-bold mb-3"><i class="bi bi-pencil-square me-2"></i>Edit Profile</h6>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" style="font-size: 13px; border-radius: 8px;">
            <i class="bi bi-check-circle me-1"></i> {{ session('success') }}
            <button type="button" class="btn-close btn-sm" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <form action="{{ route('admin.edit_profile.update') }}" method="POST">
        @csrf
        <div class="mb-3">
            <label class="form-label fw-bold" style="font-size: 12px; color: #64748b;">Username</label>
            <input type="text" class="form-control form-control-sm" value="{{ $user->username }}" readonly
                   style="background-color: #f1f5f9; border: 1px solid #e2e8f0; font-size: 13px; border-radius: 6px;">
        </div>
        <div class="mb-3">
            <label class="form-label fw-bold" style="font-size: 12px; color: #64748b;">Nama</label>
            <input type="text" name="nama" class="form-control form-control-sm" value="{{ $user->nama }}"
                   style="border: 1px solid #e2e8f0; font-size: 13px; border-radius: 6px;" required>
        </div>
        <div class="mb-3">
            <label class="form-label fw-bold" style="font-size: 12px; color: #64748b;">Email</label>
            <input type="email" name="email" class="form-control form-control-sm" value="{{ $user->email }}"
                   style="border: 1px solid #e2e8f0; font-size: 13px; border-radius: 6px;">
        </div>
        <div class="mb-3">
            <label class="form-label fw-bold" style="font-size: 12px; color: #64748b;">Password Baru</label>
            <input type="password" name="password" class="form-control form-control-sm" placeholder="Kosongkan jika tidak diganti"
                   style="border: 1px solid #e2e8f0; font-size: 13px; border-radius: 6px;">
        </div>
        <div class="mb-3">
            <label class="form-label fw-bold" style="font-size: 12px; color: #64748b;">Akses / Role</label>
            <input type="text" class="form-control form-control-sm" value="{{ $user->akses }}" readonly
                   style="background-color: #f1f5f9; border: 1px solid #e2e8f0; font-size: 13px; border-radius: 6px;">
        </div>
        <button type="submit" class="btn btn-sm text-white" style="background-color:#0f172a; font-size:12px; border-radius:6px; padding: 8px 20px;">
            <i class="bi bi-check-lg me-1"></i>Simpan Perubahan
        </button>
    </form>
</div>
@endsection