@extends('adminlte::page')

@section('title', 'User Details')

@section('content_header')
    <h1><i class="fas fa-user"></i> User Details</h1>
@stop

@section('content')
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{ $user->name }}</h3>
                </div>
                <div class="card-body">
                    <table class="table table-bordered">
                        <tr>
                            <th style="width: 40%;">Name</th>
                            <td>{{ $user->name }}</td>
                        </tr>
                        <tr>
                            <th>Email</th>
                            <td>{{ $user->email }}</td>
                        </tr>
                        <tr>
                            <th>Email Status</th>
                            <td>
                                @if($user->email_verified_at)
                                    <span class="badge badge-success"><i class="fas fa-check"></i> Verified on {{ $user->email_verified_at->format('d M Y H:i') }}</span>
                                @else
                                    <span class="badge badge-danger"><i class="fas fa-times"></i> Not Verified</span>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>Registered</th>
                            <td>{{ $user->created_at->format('d M Y H:i') }} ({{ $user->created_at->diffForHumans() }})</td>
                        </tr>
                        <tr>
                            <th>Last Updated</th>
                            <td>{{ $user->updated_at->format('d M Y H:i') }} ({{ $user->updated_at->diffForHumans() }})</td>
                        </tr>
                    </table>
                </div>
                <div class="card-footer">
                    <a href="{{ route('users.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left"></i> Back to Users
                    </a>
                </div>
            </div>
        </div>
    </div>

    {{-- <!-- Footer -->
    <footer>
        <p>Developed By: <strong>Shahril Mohd Isa</strong> | Year: <strong>{{ date('Y') }}</strong></p>
    </footer> --}}
@stop

@section('css')
    <style>
        footer {
            margin-top: 20px;
            border-top: 1px solid #e0e0e0;
            padding: 20px 0;
            text-align: center;
            color: #999;
            font-size: 0.9rem;
        }

        footer p {
            margin: 0;
        }
    </style>
@stop