@extends('layouts.app')

@section('title', 'KYC Verification')

@section('breadcrumb')
    <div class="content-header">
        <div class="container-fluid mb-5 mt-3">
            <div class="row mb-4">
                <div class="col-12 col-lg-8 inventory-title">
                    <h1 class="page-title mb-1">KYC Verification</h1>
                    <p class="text-muted">Review and verify users identity documents submitted for approval</p>
                </div>
            </div>
            @include('admin.kycVerification.partials.filter-option')
        </div>
    </div>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="table-class card">
            <div class="card-header bg-white d-flex align-items-center">
                <h5 class="mb-0 size">All Users</h5>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover mb-0 kyc-table">
                        <thead class="thead">
                            <tr>
                                <th><input class="form-check-input" type="checkbox"></th>
                                <th>Name</th>
                                <th>User Type</th>
                                <th>Submitted Docs</th>
                                <th>Date Submitted</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody class="tbody">
                            @forelse($kycs as $kyc)
                                @php
                                    $submittedDocs = [];
                                    if (!empty($kyc->nin_image_path)) {
                                        $submittedDocs[] = 'NIN';
                                    }
                                    if (!empty($kyc->passport_image_path)) {
                                        $submittedDocs[] = 'Passport';
                                    }
                                    if (!empty($kyc->proof_of_address_path)) {
                                        $submittedDocs[] = 'Proof of Address';
                                    }
                                @endphp
                                <tr>
                                    <td><input class="form-check-input" type="checkbox"></td>
                                    <td>{{ $kyc->user->first_name }} {{ $kyc->user->last_name }}</td>
                                    <td>{{ $kyc->user->user_type }}</td>
                                    <td>
                                        @if (count($submittedDocs))
                                            {{ implode(', ', $submittedDocs) }}
                                        @else
                                            --
                                        @endif
                                    </td>
                                    <td>{{ $kyc->created_at->toFormattedDateString() }}</td>
                                    <td>
                                        @if ($kyc->status == 'pending')
                                            <span class="status-badge pending">Pending</span>
                                        @elseif($kyc->status == 'verified')
                                            <span class="status-badge success">Verified</span>
                                        @else
                                            <span class="status-badge danger">Rejected</span>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        <button class="btn view-kyc action-view" data-toggle="modal"
                                            data-target="#kycModalApprove{{ $kyc->id }}"><i
                                                class="far fa-eye"></i></button>
                                        <div class="modal fade kyc-modal" id="kycModalApprove{{ $kyc->id }}">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    @include('admin.kycVerification.partials.show_modal_content')
                                                </div>
                                            </div>
                                        </div>
                                        @include('admin.kycVerification.partials.reject_kyc_modal')
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center">No Kyc found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="card-footer  bg-white ">
                @include('components.pagination', ['records' => $kycs])
            </div>
        </div>
    </div>


@endsection