@extends('admin.layouts.app')

@section('page-title', 'Profile Update Requests')

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

    @php
        $perPage = 5;
        $currentPage = request()->get('page', 1);
        $currentPage = max(1, (int)$currentPage);
        $total = $requests->count();
        $totalPages = ceil($total / $perPage);
        $currentItems = $requests->slice(($currentPage - 1) * $perPage, $perPage);
    @endphp

    <style>
        .old-value { color: #6b7280; font-weight: 600; }
        .new-value { color: #111827; font-weight: 700; }
        .changed { background: #fef3c7; padding: 6px; border-radius: 6px; }
        .box { padding: 10px 14px; border-radius: 8px; background: #f8fafc; margin-bottom: 10px; }
        .diff-label { font-size: 13px; font-weight: 700; }
        .actions { display: flex; gap: 10px; }
    </style>

    <h4 class="fw-bold my-3">Profile Update Requests ({{ $total }})</h4>

    <div class="card mb-4 shadow-sm">
        <div class="card-body pb-1">

            <div class="table-responsive custom-table-wrapper">
                <table class="table align-middle mb-0 custom-table">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>User</th>
                            <th>Requested Changes</th>
                            <th>Status</th>
                            <th>Requested At</th>
                            <th>Actions</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($currentItems as $index => $req)
                            @php
                                $user = $req->user;
                                // FIX: Convert string to array
                                $newData = is_array($req->data) ? $req->data : json_decode($req->data, true);
                            @endphp

                            <tr>
                                <td><strong>{{ ($currentPage - 1) * $perPage + $index + 1 }}</strong></td>

                                <td>
                                    <strong>{{ $user->customer_name }}</strong><br>
                                    <small>{{ $user->email }}</small><br>
                                    <small>ID: {{ $user->customer_id }}</small>
                                </td>

                                <td>
                                    @foreach($newData as $key => $newValue)
                                        @php
                                            $oldValue = $user->$key ?? '—';
                                            $changed = $oldValue != $newValue;
                                        @endphp

                                        <div class="box {{ $changed ? 'changed' : '' }}">
                                            <span class="diff-label">{{ ucfirst(str_replace('_',' ', $key)) }}:</span><br>
                                            <span class="old-value">Old: {{ $oldValue }}</span><br>
                                            <span class="new-value">New: {{ $newValue ?? '—' }}</span>
                                        </div>
                                    @endforeach
                                </td>

                                <td>
                                    @if($req->status == 'pending')
                                        <span class="badge badge-pending">Pending</span>
                                    @elseif($req->status == 'approved')
                                        <span class="badge badge-approved">Approved</span>
                                    @else
                                        <span class="badge badge-rejected">Rejected</span>
                                    @endif
                                </td>

                                <td>{{ $req->created_at->format('d M Y, h:i A') }}</td>

                                <td class="actions">
                                    @if($req->status == 'pending')
                                        <a href="{{ route('admin.profile.approve', $req->id) }}" class="btn btn-success btn-sm">
                                           <i class="bi bi-check-circle"></i> Approve
                                        </a>

                                        <a href="{{ route('admin.profile.reject', $req->id) }}" class="btn btn-danger btn-sm">
                                           <i class="bi bi-x-circle"></i> Reject
                                        </a>
                                    @else
                                        <span class="text-muted">Completed</span>
                                    @endif
                                </td>

                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

        </div>
    </div>
</div>
@endsection