@if(!empty($action) && $action == "viewParticipantEvaluationInfo")
@php 
if(isset($pcType)){ 
    $evalution_type_txt = ($pcType==6)?"Midterm ":"Final ";
    $participant_type = ($pcType == 6)?"midterm_evaluation":"final_evaluation"; 
}

@endphp
<div class="modal-content">
    <div class="modal-header bg-info">
        <button type="button" class="close text-white" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title text-white">{{$evalution_type_txt}} Evaluation Details</h4>
    </div>
    <div class="modal-body">
        <div class="panel panel-default m-b-10">
            <div class="table-responsive1 activity_data">
                <table class="table color-bordered-table muted-bordered-table">
                     <thead>
                        <tr>
                            <th><strong>Title</strong></th>
                            <th><strong>{{$evalution_type_txt}} Evaluation Details</strong></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Participant Full Name:</td>
                            <td>{{$get_participant_evaluation_data['participant_name']}}</td>
                        </tr>               
                        <tr>
                            <td>{{ __('application_term.employer') }} Name: </td>
                            <td>{{$get_participant_evaluation_data['host_company']}}</td>
                        </tr>
                        <tr>
                            <td>Immediate Supervisor Name: </td>
                            <td>{{$get_participant_evaluation_data['supervisor_name']}}</td> 
                        </tr>
                        <tr>
                            <td>
                                @if($pcType == 8)
                                    What do you think has been the most beneficial part of your program? What will help you the most in your future life and career?
                                @else
                                    What do you feel has been the most rewarding part of your program so far? 
                                @endif
                            </td>
                            <td>{{$get_participant_evaluation_data['ques1']}}</td> 
                        </tr>
                        <tr>
                            <td>
                                @if($pcType == 8)
                                    What aspect of American culture did you find to be the most different from your home country's culture? What did you find to the be the most similar?
                                @else
                                    What aspects of your program have been most difficult? 
                                @endif
                            </td>
                            <td>{{$get_participant_evaluation_data['ques2']}}</td> 
                        </tr>
                        <tr>
                            <td>
                                @if($pcType == 8)
                                    How can we make our training programs better?
                                @else
                                    What advice would you give to someone thinking about applying for a {{ __('application_term.exchange_visitor_program') }}? 
                                @endif
                            </td>
                            <td>{{$get_participant_evaluation_data['ques3']}}</td> 
                        </tr>
                        <tr>
                            <td>
                                @if($pcType == 8)
                                    What advice would you give to someone thinking about applying for a {{ __('application_term.exchange_visitor_program') }}?
                                @else
                                    Are there any resources or information that ODYSSEY could have provided to you that would have been helpful up to this point?
                                @endif
                            </td>
                            <td>{{$get_participant_evaluation_data['ques4']}}</td> 
                        </tr>
                        <tr>
                            <td>
                                @if($pcType == 8)
                                    What information could we have given you either before or during your program which would have improved your experience?
                                @else
                                    What are you most looking forward to for the remainder of your program?
                                @endif
                            </td>
                            <td>{{$get_participant_evaluation_data['ques5']}}</td> 
                        </tr>
                        @if($pcType == 8)
                        <tr>
                            <td>How has your opinion of America and American people changed since you first arrived?  </td>
                            <td>{{$get_participant_evaluation_data['ques6']}}</td>
                        </tr>
                        @endif 
                        <tr>
                            <td>Do you give Odyssey permission to use your responses for social media (facebook, instagram and website)? Please note that this is not obligatory.</td>
                            <td>
                                @if($get_participant_evaluation_data['ques7'] == 1)
                                    Yes
                                @elseif($get_participant_evaluation_data['ques7'] == 2)
                                    NO
                                @else
                                    -
                                @endif
                            </td>
                            <td> - </td>
                        </tr>
                        <tr>
                            <td>
                                We hope you're making the most of your {{ __('application_term.exchange_visitor_program') }}. Please upload a few pictures to share some of the great cultural experiences you've had over the past few months. Please only submit pictures taken from <u>outside</u> of your training. Examples of acceptable pictures include holidays, events, points of interest, cultural landmarks, museums, sporting events, traveling, camping, sightseeing etc.
                            </td>
                            <td>
                               - 
                            </td>
                        </tr>    
                        <tr> 
                            <td>
                                <h5><b>Attached Image 1:</b></h5>
                                @if($is_azure_download_path_1)
                                    <img src="{{ $document_download_link_1 }}" class="img-responsive" /> 
                                    Download Image: 
                                    <a target="_self" href="{{ $download_link_1_full_image }}" title="Download Attached Image 1" class="with-tip download_arrow">
                                        <i class="fa fa-download"></i>
                                    </a>
                                @else
                                    @php
                                        $dcode1 = encrypt([
                                                    'dcode' => $download_link_1, 
                                                    'doc_filename' => $image_filename1
                                                ]);
                                        $dcode1_full = encrypt([
                                            'dcode' => $download_link_full_1, 
                                            'doc_filename' => $image_filename1
                                        ]);
                                    @endphp
                                    <img src="{{ !empty($download_link_1) ? route('download',array('dcode',$dcode1)) : 'javascript:void(0);' }}" class="img-responsive" /> 
                                    Download Image: 
                                    <a target="_self" href="{{ !empty($download_link_1_full_image) ? route('download',array('dcode',$dcode1_full)) : 'javascript:void(0);' }}" title="Download Attached Image 1" class="with-tip download_arrow">
                                        <i class="fa fa-download"></i>
                                    </a>
                                @endif
                            </td>
                            <td>
                                @if(!empty($get_participant_evaluation_data['image_desc1'])){{$get_participant_evaluation_data['image_desc1']}} @else -- @endif 
                            </td> 

                         </tr> 
                         <tr> 
                            <td>
                                <h5><b>Attached Image 2:</b></h5>
                                @if($is_azure_download_path_2)
                                    <img src="{{ $document_download_link_2 }}" class="img-responsive" /> 
                                    Download Image: 
                                    <a target="_self" href="{{ $download_link_2_full_image }}" title="Download Attached Image 2" class="with-tip download_arrow">
                                        <i class="fa fa-download"></i>
                                    </a>
                                @else
                                    @php
                                        $dcode2 = encrypt([
                                                    'dcode' => $download_link_2, 
                                                    'doc_filename' => $image_filename2
                                                ]);
                                        $dcode2_full = encrypt([
                                            'dcode' => $download_link_full_2, 
                                            'doc_filename' => $image_filename2
                                        ]);
                                    @endphp
                                    <img src="{{ !empty($download_link_2) ? route('download',array('dcode',$dcode2)) : 'javascript:void(0);' }}" class="img-responsive" /> 
                                    Download Image: 
                                    <a target="_self" href="{{ !empty($download_link_2_full_image) ? route('download',array('dcode',$dcode2_full)) : 'javascript:void(0);' }}" title="Download Attached Image 2" class="with-tip download_arrow">
                                        <i class="fa fa-download"></i>
                                    </a> 
                                @endif    
                            </td>
                            <td>
                                @if(!empty($get_participant_evaluation_data['image_desc2'])){{$get_participant_evaluation_data['image_desc2']}} @else -- @endif 
                            </td> 
                         </tr> 
                         <tr> 
                            <td>
                                <h5><b>Attached Image 3:</b></h5>
                                @if($is_azure_download_path_3)
                                    <img src="{{ $document_download_link_3 }}" class="img-responsive" /> 
                                    Download Image: 
                                    <a target="_self" href="{{ $download_link_3_full_image }}" title="Download Attached Image 3" class="with-tip download_arrow">
                                        <i class="fa fa-download"></i>
                                    </a>
                                @else
                                    @php
                                        $dcode3 = encrypt([
                                                    'dcode' => $download_link_3, 
                                                    'doc_filename' => $image_filename3
                                                ]);
                                        $dcode3_full = encrypt([
                                            'dcode' => $download_link_full_3, 
                                            'doc_filename' => $image_filename3
                                        ]);
                                    @endphp
                                    <img src="{{ !empty($download_link_3) ? route('download',array('dcode',$dcode3)) : 'javascript:void(0);' }}" class="img-responsive" /> 
                                    Download Image: 
                                    <a target="_self" href="{{ !empty($download_link_3_full_image) ? route('download',array('dcode',$dcode3_full)) : 'javascript:void(0);' }}" title="Download Attached Image 3" class="with-tip download_arrow">
                                        <i class="fa fa-download"></i>
                                    </a>
                                @endif
                            </td>
                            <td>
                                @if(!empty($get_participant_evaluation_data['image_desc3'])){{$get_participant_evaluation_data['image_desc3']}} @else -- @endif 
                            </td> 
                         </tr> 

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@else
@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'];
@endphp 
<input type="hidden" name="active_key" id="active_key" value="{{$active_step_key}}" />
<div class="row m-b-10">
    <div class="col-md-12">
        <h3>{{$evalution_type_txt}} Evaluation</h3>
        @if($is_step_success == 1) 
            @if($is_multi_placement == true)
                <div class="multi_tab_view m-b-20">
                    <ul class="nav nav-pills placement_tabs">
                        @if(count($placement_data) == 1)
                        <li class="{{$placement_data[0]['is_complete_class']}} active"><a href="#mtpe_0" data-toggle="tab" aria-expanded="false" title="Placement with {!! $placement_data[0]['emp_name'] !!}">Placement with {!! Str::limit($placement_data[0]['emp_name'], 20, '...') !!}</a></li>
                            <li class="disabled"><a>Placement 2</a></li>
                        @else
                            @foreach($placement_data as $key=>$placed_val) 
                                <li class="nav-item {{$placed_val['is_complete_class']}} {{$placed_val['is_active_class']}}">
                                @if($placed_val['is_complete_class']!='disabled')
                                    <a href="#mtpe_{{$key}}" data-toggle="tab" aria-expanded="false" title="Placement with {!! $placed_val['emp_name'] !!}">Placement with {!! Str::limit($placed_val['emp_name'], 20, '...') !!}</a>
                                @else
                                    <a class="{{$placed_val['is_complete_class']}}" title="Disable Placement with {!! $placed_val['emp_name'] !!}">Placement with {!! Str::limit($placed_val['emp_name'], 20, '...') !!}</a>
                                @endif
                                </li>
                            @endforeach
                        @endif
                    </ul>
                    <div class="tab-content br-n pn m-t-20">
                        @foreach($placement_data as $key=>$placed_val)
                            @if(isset($placed_val['mid_participant_evaluation_data']))
                            @php
                                $activity_id             = $placed_val['mid_participant_evaluation_data']['participant_evaluation_id'];
                                $mid_participant_status  = $placed_val['mid_participant_evaluation_data']['participant_evaluation_status'];
                                $activity_completed_date = $placed_val['mid_participant_evaluation_data']['activity_completed_date'];
                            @endphp
                            <div id="mtpe_{{$key}}" class="tab-pane {{$placed_val['is_active_class']}}">
                                <div class="col-sm-12">
                                    @if(!empty($activity_id) && $mid_participant_status==1)
                                        <div class="row">
                                            <div class="col-md-10 col-sm-12 m-b-10">
                                                <div class="text-center response alert alert-success p-10 m-b-0"><strong>Great! You completed the {{$evalution_type_txt}} Evaluation of your {{ __('application_term.employer') }} @if(!empty($activity_completed_date)) on {{ dateformat($activity_completed_date, "M d, Y h:i a") }} @endif</strong></div> 
                                            </div>
                                            <div class="col-md-2 col-sm-12 m-b-10 text-center">
                                                <button type="button" class="btn btn-info p-10 text-white" onclick="popup_viewParticipantEvaluationInfo({{$activity_id}},{{$participant_compliance_type}},'{{$portfolio->portfolio_number}}')" alt="View {{$evalution_type_txt}} Participant Evaluation Detail" title="View {{$evalution_type_txt}} Participant Evaluation Detail" >View</button> 
                                            </div>
                                        </div> 
                                    @elseif($mid_participant_status==0)
                                        <h3>Complete Your {{$evalution_type_txt}} Evaluation</h3> 
                                        <div class="row">
                                            <div class="col-md-12">
                                                @if(!empty($placed_val['mid_participant_evaluation_data']['participant_evaluation_mail_text']))
                                                    {!! $placed_val['mid_participant_evaluation_data']['participant_evaluation_mail_text'] !!}
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div> 
                            @endif
                        @endforeach            
                    </div>
                    <!-- Bootstrap Accordion for mobile view -->
                    <div class="panel-group" id="application_status_accordion" role="tablist" aria-multiselectable="true"></div>
                    <!-- /Bootstrap Accordion for mobile view -->
                    <div class="clearfix"></div>
                </div>
            @elseif(isset($placement_data[0]['mid_participant_evaluation_data']))
                    @php  
                        $activity_id             = $placement_data[0]['mid_participant_evaluation_data']['participant_evaluation_id'];
                        $mid_participant_status  = $placement_data[0]['mid_participant_evaluation_data']['participant_evaluation_status'];
                        $activity_completed_date = $placement_data[0]['mid_participant_evaluation_data']['activity_completed_date'];     
                    @endphp
                    @if(!empty($activity_id) && $mid_participant_status==1)
                        <div class="row">
                            <div class="col-md-10 col-sm-12 m-b-10">
                                <div class="text-center response alert alert-success p-10 m-b-0"><strong>Great! You completed the {{$evalution_type_txt}} Evaluation of your {{ __('application_term.employer') }} @if(!empty($activity_completed_date)) on {{ dateformat($activity_completed_date, "M d, Y h:i a") }} @endif</strong></div> 
                            </div>
                            <div class="col-md-2 col-sm-12 m-b-10 text-center">
                                <button type="button" class="btn btn-info p-10 text-white" onclick="popup_viewParticipantEvaluationInfo({{$activity_id}},{{$participant_compliance_type}},'{{$portfolio->portfolio_number}}')" alt="View {{$evalution_type_txt}} Participant Evaluation Detail" title="View {{$evalution_type_txt}} Participant Evaluation Detail" >View</button> 
                            </div>
                        </div> 
                    @elseif($mid_participant_status==0)
                        <div class="row">
                            <div class="col-md-12">
                                @if(!empty($placement_data[0]['mid_participant_evaluation_data']['participant_evaluation_mail_text']))
                                    {!! $placement_data[0]['mid_participant_evaluation_data']['participant_evaluation_mail_text'] !!}
                                @endif
                            </div>
                        </div>
                    @endif
            @endif
        @else
            <p> Your Midterm Evaluation details will appear here, as soon as it is available.</p>
        @endif
    </div> 
</div>
<script type="text/javascript">

    function popup_viewParticipantEvaluationInfo(activityId, pcType, portfolio_number){
        show_popup();
        get_common_ajax("{{ route('view.participant.evaluation.info') }}",
        {
                pcType: pcType,
                activityId:activityId,
                portfolio_number:portfolio_number
        });
    }
</script>
@endif