@extends('admin.layouts.app')

@section('title', 'الملف الشخصي')

@section('content')
<div class="container-fluid pt-4 px-4">
    <div class="bg-light rounded p-4">
        <h6 class="mb-4">
            <i class="fa fa-user-edit text-primary me-2"></i>
            تحديث الملف الشخصي
        </h6>

        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show">
                <i class="fa fa-check-circle me-2"></i>{{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        <form action="{{ route('admin.profile.update') }}" method="POST">
            @csrf
            
            <div class="row g-3">
                <!-- الاسم (مخفي للحفاظ على قيمته) -->
                <input type="hidden" name="name" value="{{ old('name', $admin->name) }}">

                <div class="col-md-12">
                    <label class="form-label">البريد الإلكتروني</label>
                    <input type="email" class="form-control" name="email" value="{{ old('email', $admin->email) }}" required dir="ltr">
                </div>
                
                <div class="col-12">
                    <hr class="my-3">
                    <small class="text-muted d-block mb-3">اترك حقل كلمة المرور فارغاً إذا كنت لا تريد تغييرها</small>
                </div>

                <div class="col-md-12">
                    <label class="form-label">كلمة المرور الجديدة (اختياري)</label>
                    <input type="password" class="form-control @error('password') is-invalid @enderror" 
                           name="password">
                    @error('password')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="mt-4">
                <button type="submit" class="btn btn-primary">
                    <i class="fa fa-save me-2"></i>حفظ التعديلات
                </button>
            </div>
        </form>
        
        <!-- عرض معلومات الأمان للمرجعية -->
        <div class="mt-5 pt-3 border-top">
             <p class="text-muted small mb-1"><i class="fa fa-shield-alt me-1"></i> معلومات الأمان الحالية:</p>
             <div class="d-flex align-items-center gap-3">
                 <span class="badge bg-secondary">Hash الحالي: {{ Str::limit($admin->password, 20) }}...</span>
                 <span class="text-muted small">آخر دخول: {{ $admin->last_login_at ? $admin->last_login_at->diffForHumans() : '-' }}</span>
             </div>
        </div>
    </div>
</div>
@endsection