@php 
    $placement_data = @$step_verified_data['placement_data'];
    $is_multi_placement = @$step_verified_data['is_multi_placement'];
    $is_step_success = @$step_verified_data['is_step_success'];
    $brand_agency = @$step_verified_data['brand_agency'];
    $agency_logo_url = @$step_verified_data['agency_logo_url'];
    $agency_bg_color = @$step_verified_data['agency_bg_color'];
    $agency_logo_class = @$step_verified_data['agency_logo_class'];
    
@endphp
<input type="hidden" name="active_key" id="active_key" value="{{$active_step_key}}" /> 
<div class="app-status-panel-content">
    <div class="row m-b-10">
        <div class="col-sm-12 mb-4">
            <div class="d-flex flex-column flex-sm-row align-items-center"> 
                <h3 class="mb-2 mb-sm-0 text-center flex-grow-1 d-inline-b">
                    Monthly Check-In
                </h3>  
            </div>
        </div>  
        <div class="col-sm-12">
            <p>Complete Your Monthly Check-In (1)</p>
            <p>We hope you are enjoying your J-1 Exchange Visitor Program experience in the United States! It’s now time for your Monthly Check-In.</p>
            <p>Completing the Monthly Check-In is a mandatory requirement for all J-1 Participants sponsored by Odyssey International Exchange. Submitting your Check-In ensures you remain in good standing as a J-1 Participant.</p>
            <p>You can complete it here:</p>
            <p>We hope you are enjoying your J-1 Exchange Visitor Program experience in the United States! It’s now time for your Monthly Check-In.</p>
            <div class="text-left mb-2">
                <button type="button" class="btn btn-info">Complete Monthly Check-In</button>
            </div> 
            <p>Please remember that a member of our team will review your responses, so we encourage you to answer honestly and openly.</p> 
            <p>The Check-In is quick to complete and is a great opportunity to share feedback with the Odyssey team. We appreciate you taking a few minutes to submit it today!</p> 
            <p>Thank you for helping us support you throughout your program.</p>  
        </div>
        <div class="col-sm-12">
            <p>Thank you for completing your Monthly Check In (1)!</p>
            <div class="alert alert-success d-flex align-items-center justify-content-between mb-3"> 
                <span class="me-3">
                    Your Monthly Check In (1) was completed on Mar 31, 2026, 11:25 pm
                </span>

                <button type="button"
                    class="btn btn-info text-white flex-shrink-0"
                    onclick="popup_viewArrivalCheckInInfo({$activity_id}, 1)">
                    View
                </button>
            </div>
        </div>
        
        <div class="col-sm-12"> 
            <div class="d-flex justify-content-end align-items-center gap-2 mt-3"> 
                <button type="button"
                    class="btn btn-success"
                    onclick="return viewPopup('Determine your eligibility','{@$active_step_key}');">
                    Support <i class="mdi mdi-help-circle-outline step-help"></i>
                </button>

                <button type="button" class="btn btn-info">
                    Next Step
                </button> 
            </div>
        </div> 
    </div> 
</div>