@extends('admin.layouts.app')
@section('contant')
<div class="body-wrapper-inner">
    <div class="container-fluid">
        <div class="row justify-content-center mt-4">
            <div class="col-md-6">
                <div class="card shadow-lg border-0 rounded-3">
                    <div class="card-header bg-primary text-white text-center py-3 rounded-top-3">
                        <h4 class="mb-0">Admin Profile</h4>
                    </div>
                    <div class="card-body p-4">
                        <div class="text-center mb-3">
                            <img src="https://ui-avatars.com/api/?name={{ urlencode($admin->name ?? 'Admin') }}&background=0D8ABC&color=fff&size=120" class="rounded-circle shadow" alt="Profile Image">
                        </div>

                        <table class="table table-bordered">
                            <tr>
                                <th style="width: 35%;">Name</th>
                                <td>{{ $admin->name ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Email</th>
                                <td>{{ $admin->email ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Joined On</th>
                                <td>{{ $admin->created_at ? $admin->created_at->format('d M, Y') : 'N/A' }}</td>
                            </tr>
                        </table>

                        <div class="text-center mt-4">
                            <a href="#" class="btn btn-primary px-4">Edit Profile</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection