@extends('admin.master')

@section('content')
<div class="mx-auto max-w-4xl">
    <div class="bg-white border border-gray-300 rounded-md p-4 sm:p-5">

        <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 mb-5">
            <div>
                <h2 class="text-2xl sm:text-3xl font-bold text-gray-800">Admin Profile</h2>
                <p class="mt-1 text-sm text-gray-600">View your profile information</p>
            </div>

            <a href="{{ route('admin.profile.edit') }}"
               class="w-full sm:w-auto text-center bg-blue-600 text-white px-5 py-2 rounded text-sm sm:text-base">
                Edit Profile
            </a>
        </div>

        @if(session('success'))
            <div class="mb-4 border border-green-300 bg-green-50 text-green-700 px-4 py-3 rounded text-sm">
                {{ session('success') }}
            </div>
        @endif

        <div class="grid grid-cols-1 gap-5">
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">Name</label>
                <div class="w-full border border-gray-300 rounded px-4 py-2 bg-gray-50 text-gray-800">
                    {{ $user->name }}
                </div>
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">Email</label>
                <div class="w-full border border-gray-300 rounded px-4 py-2 bg-gray-50 text-gray-800">
                    {{ $user->email }}
                </div>
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">Password</label>
                <div class="w-full border border-gray-300 rounded px-4 py-2 bg-gray-50 text-gray-800">
                    ********
                </div>
            </div>
        </div>
    </div>
</div>
@endsection