@extends('layouts.app')

@section('title', 'Review KYC Update Request - Admin')

@section('content')
@php
    $vendor = $updateRequest->vendor;
    $docLabels = array_merge(
        \App\Models\VendorKycDocument::INDIVIDUAL_DOCUMENTS,
        \App\Models\VendorKycDocument::BUSINESS_DOCUMENTS
    );
@endphp
<div class="row g-4">
    <div class="col-lg-2 d-none d-lg-block">@include('admin.partials.sidebar')</div>
    <div class="col-lg-10">
        @if(session('success'))
            <div class="alert alert-success border-0 shadow-sm py-2 small">{{ session('success') }}</div>
        @endif
        @if(session('error'))
            <div class="alert alert-danger border-0 shadow-sm py-2 small">{{ session('error') }}</div>
        @endif

        <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
            <div>
                <h2 class="fw-bold mb-0 h5">KYC Update Request #{{ $updateRequest->id }}</h2>
                <p class="text-muted small mb-0">{{ $vendor->shop_name }} · {{ $vendor->user->email ?? '' }}</p>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('admin.vendor-verification.show', $vendor->id) }}" class="btn btn-outline-primary btn-sm">Vendor KYC</a>
                <a href="{{ route('admin.vendor-kyc-update-requests.index') }}" class="btn btn-outline-secondary btn-sm">Back</a>
            </div>
        </div>

        <div class="row g-3">
            <div class="col-lg-7">
                {{-- Request info --}}
                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white border-0 py-2">
                        <span class="badge bg-{{ $updateRequest->status === 'pending' ? 'warning' : ($updateRequest->status === 'approved' ? 'success' : 'danger') }}">
                            {{ ucfirst($updateRequest->status) }}
                        </span>
                        <small class="text-muted ms-2">Submitted {{ $updateRequest->created_at->format('d M Y, h:i A') }}</small>
                    </div>
                    <div class="card-body">
                        <p class="mb-2"><strong>Vendor reason:</strong></p>
                        <p class="border rounded p-2 bg-light small">{{ $updateRequest->vendor_note }}</p>

                        @if($updateRequest->proposed_seller_type)
                        <div class="mb-3">
                            <strong class="small">Seller Type Change</strong>
                            <p class="mb-0 small">
                                {{ ucfirst($vendor->seller_type) }} → <strong>{{ ucfirst($updateRequest->proposed_seller_type) }}</strong>
                            </p>
                        </div>
                        @endif

                        @if($updateRequest->documents->count() > 0)
                        <div class="mb-3">
                            <strong class="small">Proposed Documents</strong>
                            @foreach($updateRequest->documents as $doc)
                            <div class="d-flex justify-content-between align-items-center border rounded p-2 mt-1">
                                <div class="small">
                                    <strong>{{ $docLabels[$doc->document_type] ?? $doc->document_type }}</strong>
                                    <br><span class="text-muted">{{ $doc->original_filename }}</span>
                                </div>
                                <a href="{{ $doc->secureUrl() }}" target="_blank" class="btn btn-outline-primary btn-sm">View</a>
                            </div>
                            @endforeach
                        </div>
                        @endif

                        @if($updateRequest->hasBankChanges())
                        <div class="mb-3">
                            <strong class="small">Proposed Bank Details</strong>
                            <div class="row g-2 small mt-1">
                                @if($updateRequest->proposed_bank_account_holder)
                                <div class="col-md-6">
                                    <small class="text-muted">Account Holder</small>
                                    <div>{{ $updateRequest->proposed_bank_account_holder }}
                                        @if($updateRequest->proposed_bank_account_holder !== $vendor->bank_account_holder)
                                            <span class="text-warning">(changed)</span>
                                        @endif
                                    </div>
                                </div>
                                @endif
                                @if($updateRequest->proposed_bank_name)
                                <div class="col-md-6">
                                    <small class="text-muted">Bank Name</small>
                                    <div>{{ $updateRequest->proposed_bank_name }}</div>
                                </div>
                                @endif
                                @if($updateRequest->proposed_bank_account_number)
                                <div class="col-md-6">
                                    <small class="text-muted">Account Number</small>
                                    <div>{{ $updateRequest->proposed_bank_account_number }}</div>
                                </div>
                                @endif
                                @if($updateRequest->proposed_bank_ifsc)
                                <div class="col-md-6">
                                    <small class="text-muted">IFSC</small>
                                    <div>{{ $updateRequest->proposed_bank_ifsc }}</div>
                                </div>
                                @endif
                                @if($updateRequest->proposed_bank_document_path)
                                <div class="col-12">
                                    <a href="{{ $updateRequest->bankSecureUrl() }}" target="_blank" class="btn btn-outline-primary btn-sm">
                                        <i class="bi bi-file-earmark"></i> View Proposed Bank Document
                                    </a>
                                </div>
                                @endif
                            </div>
                        </div>
                        @endif
                    </div>
                </div>

                {{-- Current KYC snapshot --}}
                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white border-0 py-2">
                        <h6 class="fw-bold mb-0 small">Current KYC (Before Changes)</h6>
                    </div>
                    <div class="card-body small">
                        <p class="mb-1"><strong>Seller Type:</strong> {{ ucfirst($vendor->seller_type) }}</p>
                        <p class="mb-1"><strong>Bank:</strong> {{ $vendor->bank_name }} — {{ $vendor->bank_ifsc }}</p>
                        <p class="mb-0"><strong>Documents:</strong> {{ $vendor->kycDocuments->count() }} on file</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-5">
                {{-- Admin reply / actions --}}
                <div class="card border-0 shadow-sm border-primary border-2">
                    <div class="card-header bg-white border-0 py-2">
                        <h6 class="fw-bold mb-0"><i class="bi bi-reply me-1"></i> Admin Reply & Action</h6>
                    </div>
                    <div class="card-body">
                        @if($updateRequest->status === 'pending')
                        <form method="POST" action="{{ route('admin.vendor-kyc-update-requests.handle', $updateRequest->id) }}">
                            @csrf
                            <div class="mb-3">
                                <label class="form-label fw-bold small">Reply to Vendor</label>
                                <textarea name="admin_reply" class="form-control form-control-sm" rows="4" placeholder="Optional for approval, required for rejection">{{ old('admin_reply') }}</textarea>
                            </div>
                            <button type="submit" name="action" value="approve" class="btn btn-success w-100 mb-2"
                                    onclick="return confirm('Approve and apply these KYC changes?')">
                                <i class="bi bi-check-circle me-1"></i> Approve & Apply Changes
                            </button>
                            <button type="submit" name="action" value="reject" class="btn btn-danger w-100"
                                    onclick="return confirm('Reject this update request?')">
                                <i class="bi bi-x-circle me-1"></i> Reject Request
                            </button>
                        </form>
                        @else
                        <div class="alert alert-{{ $updateRequest->status === 'approved' ? 'success' : 'danger' }} small">
                            <strong>Status:</strong> {{ ucfirst($updateRequest->status) }}
                            @if($updateRequest->reviewed_at)
                                <br><small>Reviewed {{ $updateRequest->reviewed_at->format('d M Y, h:i A') }}</small>
                            @endif
                        </div>
                        @if($updateRequest->admin_reply)
                        <div class="border rounded p-2 bg-light small">
                            <strong>Admin Reply:</strong><br>{{ $updateRequest->admin_reply }}
                            @if($updateRequest->admin)
                                <br><small class="text-muted">— {{ $updateRequest->admin->name }}</small>
                            @endif
                        </div>
                        @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection