@extends('layouts.app')

@section('title', 'Manage Vendors - Admin')

@section('content')
@php
    $vendorFilterSidebar = view('admin.vendors.partials.filter-sidebar', compact('stats'))->render();
@endphp
<div class="row g-4 admin-dashboard">
    @include('admin.partials.admin-shell-left', [
        'backUrl' => route('admin.dashboard'),
        'backLabel' => 'Back to Dashboard',
        'sidebarExtra' => $vendorFilterSidebar,
    ])

    <div class="col-lg-7 col-12">
        @include('admin.partials.admin-shell-back-mobile')

        <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
            <div>
                <h2 class="fw-bold mb-0">Vendor Directory</h2>
                <p class="text-muted small mb-0">Product limit for basic vendors: <strong>{{ $productLimit }}</strong></p>
            </div>
            <div class="d-flex gap-2 flex-wrap">
                <a href="{{ route('admin.vendors.create') }}" class="btn btn-primary btn-sm fw-bold">
                    <i class="bi bi-plus-circle me-1"></i> Add Vendor
                </a>
                <a href="{{ route('admin.vendor-verification.index', ['kyc_status' => 'under_review']) }}" class="btn btn-warning btn-sm fw-bold">
                    <i class="bi bi-shield-exclamation me-1"></i> {{ $stats['pending_kyc'] }} KYC Pending
                </a>
            </div>
        </div>

        <div class="row g-2 mb-4">
            <div class="col-6 col-md-3"><div class="card border-0 shadow-sm"><div class="card-body py-2 px-3"><small class="text-muted">Total</small><div class="fw-bold">{{ $stats['total'] }}</div></div></div></div>
            <div class="col-6 col-md-3"><div class="card border-0 shadow-sm"><div class="card-body py-2 px-3"><small class="text-muted">Fully Verified</small><div class="fw-bold text-success">{{ $stats['fully_verified'] }}</div></div></div></div>
            <div class="col-6 col-md-3"><div class="card border-0 shadow-sm"><div class="card-body py-2 px-3"><small class="text-muted">Basic Vendors</small><div class="fw-bold">{{ $stats['basic_vendors'] }}</div></div></div></div>
            <div class="col-6 col-md-3"><div class="card border-0 shadow-sm"><div class="card-body py-2 px-3"><small class="text-muted">KYC Pending</small><div class="fw-bold text-warning">{{ $stats['pending_kyc'] }}</div></div></div></div>
        </div>

        <div class="card shadow-sm border-0">
            <div class="table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="bg-light text-muted small text-uppercase">
                        <tr>
                            <th class="ps-4 py-3">Shop</th>
                            <th>Products</th>
                            <th>KYC</th>
                            <th>Level</th>
                            <th>Trust</th>
                            <th>Account</th>
                            <th class="text-end pe-4">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($vendors as $vendor)
                        @php
                            $limit = $vendor->verification_level >= 3 ? null : $productLimit;
                            $atLimit = $limit && $vendor->products_count >= $limit;
                        @endphp
                        <tr>
                            <td class="ps-4">
                                <div class="fw-bold">{{ $vendor->shop_name }}</div>
                                <small class="text-muted">{{ $vendor->user->email ?? '' }}</small>
                            </td>
                            <td>
                                <span class="{{ $atLimit ? 'text-danger fw-bold' : '' }}">{{ $vendor->products_count }}</span>
                                @if($limit)<small class="text-muted">/ {{ $limit }}</small>@else<small class="text-success">∞</small>@endif
                            </td>
                            <td>
                                @php $kyc = $vendor->normalizedKycStatus(); @endphp
                                <span class="badge rounded-pill bg-{{ $kyc === 'approved' ? 'success' : ($kyc === 'under_review' ? 'warning text-dark' : ($kyc === 'rejected' ? 'danger' : 'secondary')) }} bg-opacity-10 text-{{ $kyc === 'approved' ? 'success' : ($kyc === 'under_review' ? 'warning' : ($kyc === 'rejected' ? 'danger' : 'secondary')) }}">
                                    {{ ucwords(str_replace('_', ' ', $kyc)) }}
                                </span>
                            </td>
                            <td><span class="badge bg-light text-dark">L{{ $vendor->verification_level ?? 1 }}</span></td>
                            <td>
                                <span class="fw-bold small">{{ $vendor->trust_score ?? 0 }}</span>
                                <small class="text-muted d-block">{{ ucfirst($vendor->trust_tier ?? 'bronze') }}</small>
                            </td>
                            <td>
                                @if($vendor->is_approved)
                                    <span class="badge bg-success bg-opacity-10 text-success">Active</span>
                                @else
                                    <span class="badge bg-warning bg-opacity-10 text-warning">Pending</span>
                                @endif
                            </td>
                            <td class="text-end pe-4">
                                <div class="dropdown">
                                    <button class="btn btn-sm btn-light border" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></button>
                                    <ul class="dropdown-menu dropdown-menu-end shadow border-0">
                                        <li><a class="dropdown-item" href="{{ route('admin.vendors.show', $vendor->id) }}"><i class="bi bi-eye me-2"></i> View & Control</a></li>
                                        <li><a class="dropdown-item" href="{{ route('admin.vendors.edit', $vendor->id) }}"><i class="bi bi-pencil me-2"></i> Edit</a></li>
                                        <li><a class="dropdown-item" href="{{ route('admin.vendor-verification.show', $vendor->id) }}"><i class="bi bi-shield-check me-2"></i> KYC Review</a></li>
                                        <li><hr class="dropdown-divider"></li>
                                        @if(in_array($vendor->normalizedKycStatus(), ['under_review', 'not_submitted', 'rejected']))
                                        <li>
                                            <form action="{{ route('admin.vendors.approve-kyc', $vendor->id) }}" method="POST">@csrf
                                                <button class="dropdown-item text-success"><i class="bi bi-check-circle me-2"></i> Approve KYC</button>
                                            </form>
                                        </li>
                                        @endif
                                        @if(!$vendor->is_approved)
                                        <li><form action="{{ route('admin.vendors.approve', $vendor->id) }}" method="POST">@csrf<button class="dropdown-item text-success">Activate</button></form></li>
                                        @else
                                        <li><form action="{{ route('admin.vendors.reject', $vendor->id) }}" method="POST">@csrf<button class="dropdown-item text-warning">Suspend</button></form></li>
                                        @endif
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="7" class="text-center py-5 text-muted">No vendors found.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if($vendors->hasPages())
            <div class="card-footer bg-white">{{ $vendors->links('pagination::bootstrap-5') }}</div>
            @endif
        </div>
    </div>

    @include('admin.partials.recent-activity-sidebar')
</div>
@endsection