@extends('crm.layouts.master')
@section('title','Review KYC Document')
@section('main-content')
    <div class="breadcrumb">
        <h3>Review KYC Document #{{ $document->id }}</h3>
    </div>
    <div class="separator-breadcrumb border-top"></div>

    <div class="row">
        {{-- Document viewer --}}
        <div class="col-md-7 mb-4">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">{{ ucwords(str_replace('_', ' ', $document->document_type)) }}</h5>
                    @if($fileAvailable)
                    <a href="{{ route('kyc.download', $document->id) }}" class="btn btn-sm btn-outline-secondary">
                        <i class="fa fa-download"></i> Download
                    </a>
                    @endif
                </div>
                <div class="card-body text-center p-2">
                    @if(!$fileAvailable)
                        <div class="alert alert-warning mb-0" role="alert">
                            <i class="fa fa-exclamation-triangle me-1"></i> Document file is unavailable.
                        </div>
                    @elseif(in_array($fileExtension, ['jpg', 'jpeg', 'png'], true))
                        <img src="{{ route('kyc.preview', $document->id) }}" class="img-fluid rounded" style="max-height:600px;" alt="KYC Document">
                    @elseif($fileExtension === 'pdf')
                        <iframe src="{{ route('kyc.preview', $document->id) }}" title="KYC Document" width="100%" height="600px" style="border:none;"></iframe>
                    @else
                        <p class="text-muted">Cannot preview this file type.</p>
                    @endif
                </div>
            </div>
        </div>

        {{-- Document info + actions --}}
        <div class="col-md-5 mb-4">
            <div class="card mb-3">
                <div class="card-body">
                    <h5 class="mb-3">Client Information</h5>
                    <p class="mb-1"><strong>Name:</strong>
                        <a href="{{ route('lead_detail', ['id' => $document->lead->id ?? '']) }}">
                            {{ $document->lead->fname ?? '' }} {{ $document->lead->lname ?? '' }}
                        </a>
                    </p>
                    <p class="mb-1"><strong>Email:</strong> {{ $document->lead->email ?? '-' }}</p>
                    <p class="mb-1"><strong>Phone:</strong> {{ $document->lead->phone ?? '-' }}</p>
                    <p class="mb-1"><strong>KYC Status:</strong>
                        @php $ks = $document->lead->kyc_status ?? 'not_submitted'; @endphp
                        <span class="badge bg-{{ $ks === 'approved' ? 'success' : ($ks === 'rejected' ? 'danger' : ($ks === 'under_review' ? 'info' : 'warning')) }}">
                            {{ ucwords(str_replace('_', ' ', $ks)) }}
                        </span>
                    </p>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-body">
                    <h5 class="mb-3">Document Details</h5>
                    <p class="mb-1"><strong>Type:</strong> {{ ucwords(str_replace('_', ' ', $document->document_type)) }}</p>
                    <p class="mb-1"><strong>Original Name:</strong> {{ $document->original_name }}</p>
                    <p class="mb-1"><strong>Submitted:</strong> {{ $document->created_at->format('Y-m-d H:i') }}</p>
                    <p class="mb-1"><strong>Current Status:</strong>
                        @if($document->status === 'pending')
                            <span class="badge bg-warning text-dark">Pending</span>
                        @elseif($document->status === 'under_review')
                            <span class="badge bg-info">Under Review</span>
                        @elseif($document->status === 'approved')
                            <span class="badge bg-success">Approved</span>
                        @elseif($document->status === 'rejected')
                            <span class="badge bg-danger">Rejected</span>
                        @endif
                    </p>
                    @if($document->reviewer)
                        <p class="mb-1"><strong>Reviewed By:</strong> {{ $document->reviewer->name }}</p>
                        <p class="mb-1"><strong>Reviewed At:</strong> {{ $document->reviewed_at?->format('Y-m-d H:i') }}</p>
                    @endif
                    @if($document->rejection_reason)
                        <p class="mb-0"><strong>Rejection Reason:</strong>
                            <span class="text-danger">{{ $document->rejection_reason }}</span>
                        </p>
                    @endif
                </div>
            </div>

            @if($canReviewKyc && $document->status !== 'approved')
            <div class="card mb-3">
                <div class="card-body">
                    <h5 class="mb-3">Actions</h5>

                    {{-- Approve --}}
                    <form action="{{ route('kyc.approve', $document->id) }}" method="POST" class="mb-3">
                        @csrf
                        <button type="submit" class="btn btn-success w-100"
                            onclick="return confirm('Approve this document?')">
                            <i class="fa fa-check"></i> Approve Document
                        </button>
                    </form>

                    {{-- Reject --}}
                    <form action="{{ route('kyc.reject', $document->id) }}" method="POST" id="reject_form">
                        @csrf
                        <div class="form-group mb-2">
                            <label class="form-label">Rejection Reason <span class="text-danger">*</span></label>
                            <textarea name="reason" id="reject_reason" class="form-control" rows="3"
                                placeholder="Explain why this document is rejected..."></textarea>
                        </div>
                        <button type="submit" class="btn btn-danger w-100" id="reject_btn">
                            <i class="fa fa-times"></i> Reject Document
                        </button>
                    </form>
                </div>
            </div>
            @endif

            <a href="{{ route('kyc.index') }}" class="btn btn-outline-secondary w-100">
                <i class="fa fa-arrow-left"></i> Back to Queue
            </a>
        </div>
    </div>

    {{-- All documents for this lead --}}
    <div class="row">
        <div class="col-12 mb-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="mb-3">All Documents for {{ $document->lead->fname ?? '' }} {{ $document->lead->lname ?? '' }}</h5>
                    <div class="table-responsive">
                        <table class="table table-bordered table-sm">
                            <thead>
                                <tr>
                                    <th>Type</th>
                                    <th>Status</th>
                                    <th>Submitted</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($document->lead->kycDocuments as $d)
                                <tr class="{{ $d->id === $document->id ? 'table-active' : '' }}">
                                    <td>{{ ucwords(str_replace('_', ' ', $d->document_type)) }}</td>
                                    <td>
                                        <span class="badge bg-{{ $d->status === 'approved' ? 'success' : ($d->status === 'rejected' ? 'danger' : ($d->status === 'under_review' ? 'info' : 'warning')) }}">
                                            {{ ucwords(str_replace('_', ' ', $d->status)) }}
                                        </span>
                                    </td>
                                    <td>{{ $d->created_at->format('Y-m-d') }}</td>
                                    <td>
                                        @if($d->id !== $document->id)
                                            <a href="{{ route('kyc.show', $d->id) }}" class="btn btn-sm btn-outline-primary">Review</a>
                                        @else
                                            <span class="text-muted">Current</span>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('page-js')
<script>
    document.getElementById('reject_btn')?.addEventListener('click', function(e) {
        e.preventDefault();
        const reason = document.getElementById('reject_reason').value.trim();
        if (!reason) {
            Swal.fire('Error', 'Please provide a rejection reason.', 'error');
            return;
        }
        Swal.fire({
            title: 'Reject Document?',
            text: 'This will mark the document as rejected and notify the client.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            confirmButtonText: 'Yes, reject it'
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById('reject_form').submit();
            }
        });
    });
</script>
@endsection