@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_supervisor_evaluation_data = @$step_verified_data['final_supervisor_evaluation_data'];
    $is_step_success = @$step_verified_data['is_step_success'];
    if(!empty($final_supervisor_evaluation_data)){
        $activity_id = $final_supervisor_evaluation_data['supervisor_evaluation_id'];
        $supervisor_evaluation_status = $final_supervisor_evaluation_data['supervisor_evaluation_status'];
        $cand_review_status = $final_supervisor_evaluation_data['cand_review_status'];
        $activity_completed_date = $final_supervisor_evaluation_data['activity_completed_date'];
        $cand_review_date = $final_supervisor_evaluation_data['cand_review_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">
                    Review Your Final Supervisor Evaluation
                </h3>  
            </div>
        </div>
        <div class="col-md-12"> 
            <p>Your supervisor has recently completed a Final 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 Final 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 Final Supervisor Evaluation!</p>
            <div class="alert alert-success d-flex align-items-center justify-content-between mb-3"> 
                <span class="me-3">
                    Your Final 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 Final 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>