@extends('layouts.admin')
@section('title', 'KYC Verification')
@section('content')
<div class="page-header mb-4">
    <h1 class="page-title">KYC Verification</h1>
    <p class="page-subtitle">Review documents submitted by centers awaiting verification.</p>
</div>

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <p class="fw-semibold mb-0 fs-4">Pending Review</p>
        <span class="badge bg-warning-subtle text-warning rounded-pill">{{ $centers->total() }} Pending</span>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light"><tr><th>Center</th><th>Owner</th><th>Location</th><th>Documents</th><th>Actions</th></tr>
                </thead>
                <tbody>
                    @forelse($centers as $center)
                    @php $owner = $center->users->first(); @endphp
                    <tr>
                        <td>
                            <span class="fw-semibold">{{ $center->code }}</span>
                            <div class="small text-muted">{{ $center->email ?: '—' }}</div>
                        </td>
                        <td>
                            @if($owner)
                                <div class="fw-semibold">{{ $owner->name }}</div>
                                <div class="small text-muted">{{ $owner->email }}</div>
                            @else
                                <span class="text-muted small">No owner linked</span>
                            @endif
                        </td>
                        <td>{{ $center->location }}</td>
                        <td>
                            @if($center->kyc_documents || ($owner && is_array($owner->documents)))
                                <div class="d-flex flex-wrap">
                                    @if($center->kyc_documents)
                                        @foreach($center->kyc_documents as $docName => $docPath)
                                            <a href="{{ request()->getBasePath() . Storage::url($docPath) }}" target="_blank" class="btn btn-outline-secondary btn-sm me-1 mb-1">
                                                📄 {{ ucfirst($docName) }}
                                            </a>
                                        @endforeach
                                    @endif
                                    @if($owner && is_array($owner->documents))
                                        @foreach($owner->documents as $docName => $docPath)
                                            <a href="{{ request()->getBasePath() . Storage::url($docPath) }}" target="_blank" class="btn btn-outline-secondary btn-sm me-1 mb-1">
                                                👤 {{ ucfirst(str_replace('_doc', '', $docName)) }}
                                            </a>
                                        @endforeach
                                    @endif
                                </div>
                            @else
                                <span class="text-muted small">No documents uploaded</span>
                            @endif
                        </td>
                        <td>
                            <form action="{{ route('admin.kyc.verify', $center) }}" method="POST" class="d-inline">
                                @csrf @method('PATCH')
                                <input type="hidden" name="is_verified" value="1">
                                <button type="submit" class="btn btn-success btn-sm"><i class="ti ti-check me-1"></i>Approve</button>
                            </form>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="5" class="text-center text-muted py-4">
                        <div class="display-6 mb-2">🎉</div>
                        All centers are verified! No pending KYC requests.
                    </td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="mt-3">{{ $centers->links() }}</div>
    </div>
</div>
@endsection