@php 
    $evalution_type                   =  @$step_verified_data['evalution_type'];
    $evalution_type_txt               =  @$step_verified_data['evalution_type_txt'];   
    $participant_compliance_type      =  @$step_verified_data['participant_compliance_type'];
    $final_participant_evaluation_data  =  @$step_verified_data['final_participant_evaluation_data'];
    $is_step_success = @$step_verified_data['is_step_success'];
    if(!empty($final_participant_evaluation_data)){
        $activity_id = @$final_participant_evaluation_data['participant_evaluation_id'];
        $participant_evaluation_status = @$final_participant_evaluation_data['participant_evaluation_status'];
        $activity_completed_date = @$final_participant_evaluation_data['activity_completed_date']; 
    }
    $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">
                    End of Program Survey
                </h3>  
            </div>
        </div>
        <div class="col-md-12"> 
            <p>Your J-1 Program is almost complete, which means it is time for you to complete your End of Program Survey.</p>
            <p>In order to comply with U.S. Department of State regulations, you are required to complete a Midterm and End of Program Survey. Your responses will help us to improve our programs for the remainder of your stay and for future participants. All responses will be taken seriously, so please be thoughtful with your replies.</p>
            <p>You can complete it by clicking on the button below:</p>
            <div class="text-left mb-2">
                <button type="button" class="btn btn-info">Complete End of Program Survey</button>
            </div>
        </div> 
        <div class="col-md-12">
            <p>Thank you for completing your End of Program Survey!</p>
            <div class="alert alert-success d-flex align-items-center justify-content-between mb-3"> 
                <span class="me-3">
                    Your End of Program Survey 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 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>