@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'];
    $is_multi_placement = @$step_verified_data['is_multi_placement'];
    $placement_data = @$step_verified_data['placement_data'];
    $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">
                    Review Your Midterm Supervisor Evaluation
                </h3>  
            </div>
        </div>
        <div class="col-md-12"> 
            <p>Your supervisor has recently completed a Midterm Supervisor Evaluation for your J-1 Program. Please review it here:</p> 
            <div class="text-left mb-2">
                <button type="button" class="btn btn-info">Review Midterm Supervisor Evaluation</button>
            </div>
            <p>You must review your evaluation and confirm receipt. If you do not review your evaluation, Odyssey International Exchange may not be able to end your program in good standing.</p>
            <p>The purpose of the program evaluations is to provide you with valuable feedback from your supervisor on your performance so far, as well as suggestions for how you can improve your skills and performance moving forward.</p> 
        </div> 
        <div class="col-md-12">
            <p>Thank you for reviewing your Midterm Supervisor Evaluation!</p>
            <div class="alert alert-success d-flex align-items-center justify-content-between mb-3"> 
                <span class="me-3">
                    Your Midterm Supervisor Evaluation was completed by the supervisor on Mar 31, 2026, 11:25 pm, and reviewed by you on Apr 11, 2023, 02:30 am.
                </span>

                <button type="button"
                    class="btn btn-info text-white flex-shrink-0"
                    onclick="popup_viewArrivalCheckInInfo({$activity_id}, 1)">
                    View
                </button>
            </div>  
            <p>You may download a copy of the file here:</br><button type="button" class="btn btn-info">Download Midterm Supervisor Evaluation</button></p>
            <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>