@extends('layouts.admin')

@section('main-content')
<div class="container-fluid">

    <h1 class="h3 mb-4 text-gray-800">
        Profile Change Approval
    </h1>

    @if($changes->isEmpty())
        <div class="alert alert-info">
            No pending profile changes.
        </div>
    @else
        @foreach($changes as $change)
            <div class="card shadow mb-3">
                <div class="card-body d-flex justify-content-between align-items-center">
                    <div>
                        <strong>{{ $change->user->name }}</strong><br>
                        <small class="text-muted">
                            Requested on {{ $change->created_at->format('d M Y, H:i') }}
                        </small>
                    </div>

                    <a href="{{ route('profile-changes.show', $change->id) }}"
                       class="btn btn-primary">
                        Review
                    </a>
                </div>
            </div>
        @endforeach
    @endif

</div>
@endsection