@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>
         @if($is_step_success == 1)
            @if(!empty($activity_id) && $supervisor_evaluation_status==1)
                @if($cand_review_status==3)
                    <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 {{ dateformat($activity_completed_date, "M d, Y h:i a") }}, and reviewed by you on {{ dateformat($cand_review_date, "M d, Y h:i a") }}.
                            </span>

                            <button type="button"
                                    class="btn btn-info text-white flex-shrink-0"
                                    onclick="popup_viewSupervisorEvaluationInfo('viewSupervisorEvaluationInfo-newui',{{$activity_id}},{{$participant_compliance_type}})">
                                View
                            </button>
                        </div>   
                        <p>You may download a copy of the file here:</br><a class="btn btn-info" href="{{@$final_supervisor_evaluation_data['file_url']}}" target="_blank">Download Final Supervisor Evaluation</a></p>
                    </div>  
                @else
                <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">
                        <a class="btn btn-info" href="{{@$final_supervisor_evaluation_data['supervisor_evaluation_review_link_for_participant']}}" target="_blank">Review Final Supervisor Evaluation</a>
                    </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> 
                @endif
            @else
             <div class="col-md-12">
                <p>Your Final supervisor Evaluation sent successfully to your supervisor</p>
             </div>
            @endif
        @else
            <div class="col-md-12">
                <p>Thank you for reviewing your Final Supervisor Evaluation!</p>
            </div>
        @endif

        <div class="d-flex justify-content-end align-items-center gap-2 mt-3"> 
            <button type="button"
                    class="btn btn-success"
                   onclick="return viewPopup('{{$evalution_type_txt}} Supervisor Evaluation','{{@$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>