@if (!$kyc)
    <p class="text-muted text-center">No ID image found.</p>
@else
    <div class="border rounded p-3 mb-3">
        <p class="mt-2 mb-1">
            ID Front
        </p>

        <div class="d-flex align-items-center">
            <div class="overflow-hidden me-3">
                <img src="{{ $id_front }}" class="w-100" alt="Front ID">
            </div>
        </div>
    </div>
    <div class="border rounded p-3 mb-3">
        <p class="mt-2 mb-1">
            ID Back
        </p>

        <div class="d-flex align-items-center">
            <div class="overflow-hidden me-3">
                <img src="{{ $id_back }}" class="w-100" alt="Back ID">
            </div>
        </div>
    </div>
    @if ($kyc->status->value == 'pending')
        <p class="text-center">Not Verified</p>
        <div class="d-flex justify-content-between">
            <form action="{{ route('user.kycUpdate') }}" method="POST" class="form fv-plugins-bootstrap5 fv-plugins-framework" id="kt_modal_edit_kyc_form">
                @csrf
                <div class="">
                    <input type="hidden" value="{{ $kyc->id }}" name="kyc_id">
                    <input type="hidden" value="verified" name="status">
                    <button type="submit" class="btn btn-primary" data-kt-users-modal-action="submit">
                        <span class="indicator-label">Verify </span>
                        <span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                    </button>
                </div>
            </form>
            <form action="{{ route('user.kycUpdate') }}" method="POST" class="form fv-plugins-bootstrap5 fv-plugins-framework" id="kt_modal_edit_kyc_form">
                @csrf
                <div class="">
                    <input type="hidden" value="{{ $kyc->id }}" name="kyc_id">
                    <input type="hidden" value="rejected" name="status">
                    <button type="submit" class="btn btn-primary" data-kt-users-modal-action="submit">
                        <span class="indicator-label">Reject </span>
                        <span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                    </button>
                </div>
            </form>
        </div>
    @elseif ($kyc->status->value == 'rejected')
        <div class="d-flex justify-content-between">
            <strong>Rejected at:</strong>
            <span>{{ $kyc->verified_at->format('d M Y, h:i a') }}</span>
        </div>
    @else
        <div class="d-flex justify-content-between">
            <strong>Verified at:</strong>
            <span>{{ $kyc->verified_at->format('d M Y, h:i a') }}</span>
        </div>
    @endif
@endif