@php
    $is_multi_placement          = @$step_verified_data['is_multi_placement'];
    $placement_data              = @$step_verified_data['placement_data'];
    $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'];
    $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">
                    Mid-term Evaluation
                </h3>  
            </div>
        </div>  
        <div class="col-md-12"> 
            <p>We hope you have been enjoying your J-1 Program in the United States. Your program is halfway complete, which means it is time for you to complete your Midterm Evaluation.</p>
            <p>In order to comply with U.S. Department of State regulations, you are required to complete a Midterm and Final Evaluation. 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 Midterm Evaluation</button>
            </div>    
        </div> 
        <div class="col-md-12">
            <p>Thank you for completing your Midterm Evaluation!</p>
            <div class="alert alert-success d-flex align-items-center justify-content-between mb-3"> 
                <span class="me-3">
                    Your Midterm Evaluation 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>