@php 
    $placement_data = @$step_verified_data['placement_data'];
    $is_multi_placement = @$step_verified_data['is_multi_placement'];
    $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}}" />
@include('user.app-status.brandtab')
<div class="app-status-panel-content">
    <div class="row m-b-10">
        <div class="col-md-12"> 
            <h3 class="d-inline-b">Monthly Check In</h3>
            <button type="button" title="Contact Support" class="btn btn-success pull-right support_width" onclick="return viewPopup('Monthly Check In','{{@$active_step_key}}');">Support<i class="mdi mdi-help-circle-outline step-help"></i></button>
        </div>
        <div class="row m-b-10">
            @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="#mci_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="#mci_{{$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"> 
                            @foreach($placement_data as $key=>$placed_val)
                                @if(isset($placed_val['monthly_check_in_data']))
                                <div id="mci_{{$key}}" class="tab-pane fade in {{$placed_val['is_active_class']}}">
                                    @php
                                        $activity_id                  = $placed_val['monthly_check_in_data'][0]['id'];
                                        $cand_monthly_check_in_status = $placed_val['monthly_check_in_data'][0]['cand_monthly_check_in_status'];
                                        $cand_monthly_checkin_number  = $placed_val['monthly_check_in_data'][0]['cand_monthly_checkin_number'];
                                        if(!empty($placed_val['monthly_check_in_data'][0]['ev_converted_data']->dest_datetime)){
                                        $activity_completed_date      = $placed_val['monthly_check_in_data'][0]['ev_converted_data']->dest_datetime;
                                        }
                                        $pla_id                       = $placed_val['pla_id'];
                                    @endphp 
                                        <div class="col-sm-12">
                                            @if($cand_monthly_check_in_status==1)
                                                <div class="row m-b-10"> 
                                                    <div class="col-md-12 col-xs-12">
                                                        <h3>Monthly Check In ({{$cand_monthly_checkin_number}})</h3>
                                                    </div> 
                                                </div>
                                                <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 your Monthly Check In ({{$cand_monthly_checkin_number}}) @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 @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif p-10 text-white btn-xs-block" onclick="popup_viewMontlyCheckInInfo('viewMonthlyCheckInInfo',{{$activity_id}},{{$cand_monthly_checkin_number}},{{$pla_id}})" alt="View Monthly Check In ({{$cand_monthly_checkin_number}}) Detail" title="View Monthly Check In ({{$cand_monthly_checkin_number}}) Detail">View</button>
                                                    </div> 
                                                </div>

                                            @elseif($cand_monthly_check_in_status==0)
                                                <h3>Complete Your Monthly Check In ({{$cand_monthly_checkin_number}})</h3>     
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        @if(!empty($placed_val['monthly_check_in_data'][0]['monthly_check_in_mail_text']))
                                                            {!! $placed_val['monthly_check_in_data'][0]['monthly_check_in_mail_text'] !!} 
                                                        @endif  
                                                    </div>
                                                </div>
                                            @endif
                                            <hr/>
                                        </div>
                                    @php unset($placed_val['monthly_check_in_data'][0]); @endphp
                                    @if(!empty($placed_val['monthly_check_in_data']))
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="panel-group monthly_check_in p-15" id="past_monthly_check_in" aria-multiselectable="true" role="tablist">
                                                <div class="panel panel-info">
                                                    <div class="panel-heading" id="monthlycheckin_heading" role="tab"> <a class="panel-title text-info collapsed" data-toggle="collapse" href="#past_monthlycheckin_{{$key}}" data-parent="#past_monthly_check_in" aria-expanded="false" aria-controls="past_monthlycheckin"><h3 class="text-info">View Past Monthly Check In</h3></a></div>
                                                    <div class="panel-collapse collapse" id="past_monthlycheckin_{{$key}}" aria-labelledby="monthlycheckin_heading" role="tabpanel">
                                                        <div class="panel-body m-b-10 p-10"> 
                                                            @foreach($placed_val['monthly_check_in_data'] as $act_key => $activity_data)
                                                                @php
                                                                    $activity_id                  = $activity_data['id'];
                                                                    $cand_monthly_check_in_status = $activity_data['cand_monthly_check_in_status'];
                                                                    $cand_monthly_checkin_number  = $activity_data['cand_monthly_checkin_number'];
                                                                    if(!empty($activity_data['ev_converted_data']->dest_datetime)){
                                                                    $activity_completed_date      = $activity_data['ev_converted_data']->dest_datetime;
                                                                    }
                                                                    $pla_id                       = $placed_val['pla_id'];
                                                                @endphp 
                                                                    <div class="col-sm-12">
                                                                        @if($cand_monthly_check_in_status==1)
                                                                            <div class="row m-b-10"> 
                                                                                <div class="col-md-12 col-xs-12">
                                                                                    <h3>Monthly Check In ({{$cand_monthly_checkin_number}})</h3>
                                                                                </div> 
                                                                            </div>
                                                                            <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 your Monthly Check In ({{$cand_monthly_checkin_number}}) @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 @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif p-10 text-white btn-xs-block" onclick="popup_viewMontlyCheckInInfo('viewMonthlyCheckInInfo',{{$activity_id}},{{$cand_monthly_checkin_number}},{{$pla_id}})" alt="View Monthly Check In ({{$cand_monthly_checkin_number}}) Detail" title="View Monthly Check In ({{$cand_monthly_checkin_number}}) Detail" >View</button>
                                                                                </div> 
                                                                            </div> 
                                                                        @elseif($cand_monthly_check_in_status==0)
                                                                            <div class="row m-b-10"> 
                                                                                <div class="col-md-10 col-sm-12 m-b-10">
                                                                                     <h3>Complete Your Monthly Check In ({{$cand_monthly_checkin_number}}) </h3>
                                                                                </div>
                                                                                <div class="col-md-2 col-sm-12 m-b-10 text-center">
                                                                                     <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif p-10 text-white btn-xs-block" onclick="viewPendingMonthlyCheckInInfo('viewPendingMonthlyCheckInInfo',{{$placed_val['pla_id']}},{{$cand_monthly_checkin_number}})" alt="Complete Your Monthly Check In ({{$cand_monthly_checkin_number}})" title="Complete Your Monthly Check In ({{$cand_monthly_checkin_number}})">View</button>
                                                                                </div>
                                                                            </div>  
                                                                        @endif 
                                                                        <hr/>
                                                                    </div>
                                                            @endforeach 
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                </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 (!empty($placement_data[0]['monthly_check_in_data']))
                    @if(isset($placement_data[0]['monthly_check_in_data']))
                    @php
                        $activity_id                  = $placement_data[0]['monthly_check_in_data'][0]['id'];
                        $cand_monthly_check_in_status = $placement_data[0]['monthly_check_in_data'][0]['cand_monthly_check_in_status'];
                        $cand_monthly_checkin_number  = $placement_data[0]['monthly_check_in_data'][0]['cand_monthly_checkin_number'];
                        if(!empty($placement_data[0]['monthly_check_in_data'][0]['ev_converted_data']->dest_datetime)){
                        $activity_completed_date      = $placement_data[0]['monthly_check_in_data'][0]['ev_converted_data']->dest_datetime; 
                        }
                        $pla_id                       = $placement_data[0]['pla_id'];
                    @endphp 
                    <div class="col-sm-12">
                        @if($cand_monthly_check_in_status==1)
                            <div class="row m-b-10"> 
                                <div class="col-md-12 col-xs-12">
                                    <h3>Monthly Check In ({{$cand_monthly_checkin_number}})</h3>
                                </div> 
                            </div>
                            <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 your Monthly Check In ({{$cand_monthly_checkin_number}}) @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 @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif p-10 text-white btn-xs-block" onclick="popup_viewMontlyCheckInInfo('viewMonthlyCheckInInfo',{{$activity_id}},{{$cand_monthly_checkin_number}},{{$pla_id}})" alt="View Monthly Check In ({{$cand_monthly_checkin_number}}) Detail" title="View Monthly Check In ({{$cand_monthly_checkin_number}}) Detail" >View</button>
                                </div> 
                            </div>
                            <hr/>
                        @elseif($cand_monthly_check_in_status==0)

                            <h3>Complete Your Monthly Check In ({{$cand_monthly_checkin_number}})</h3>     
                            <div class="row">
                                <div class="col-md-12">
                                    @if(!empty($placement_data[0]['monthly_check_in_data'][0]['monthly_check_in_mail_text']))
                                        {!! $placement_data[0]['monthly_check_in_data'][0]['monthly_check_in_mail_text'] !!} 
                                    @endif  
                                </div>
                            </div> 
                        @endif 
                    </div>
                    @endif 
                    @php unset($placement_data[0]['monthly_check_in_data'][0]) @endphp 
                    @if(!empty($placement_data[0]['monthly_check_in_data']))
                        <div class="row">
                            <div class="col-md-12">
                                <div class="panel-group monthly_check_in p-15" id="past_monthly_check_in" aria-multiselectable="true" role="tablist">
                                    <div class="panel panel-info">
                                        <div class="panel-heading" id="monthlycheckin_heading" role="tab"> <a class="panel-title text-info collapsed" data-toggle="collapse" href="#past_monthlycheckin" data-parent="#past_monthly_check_in" aria-expanded="false" aria-controls="past_monthlycheckin"><h3 class="text-info">View Past Monthly Check In</h3></a></div>
                                        <div class="panel-collapse collapse" id="past_monthlycheckin" aria-labelledby="monthlycheckin_heading" role="tabpanel">
                                            <div class="panel-body m-b-10 p-10"> 
                                                @foreach($placement_data[0]['monthly_check_in_data'] as $act_key => $activity_data)
                                                    @php
                                                        $activity_id                  = $activity_data['id'];
                                                        $cand_monthly_check_in_status = $activity_data['cand_monthly_check_in_status'];
                                                        $cand_monthly_checkin_number  = $activity_data['cand_monthly_checkin_number'];
                                                        if(!empty($activity_data['ev_converted_data']->dest_datetime)){
                                                            $activity_completed_date      = $activity_data['ev_converted_data']->dest_datetime;
                                                        }
                                                        $pla_id                       = $placement_data[0]['pla_id'];
                                                    @endphp 
                                                    <div class="col-sm-12">
                                                        @if($cand_monthly_check_in_status==1)
                                                        <div class="row m-b-10"> 
                                                            <div class="col-md-12 col-xs-12">
                                                                <h3>Monthly Check In ({{$cand_monthly_checkin_number}})</h3>
                                                            </div> 
                                                        </div>
                                                        <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 your Monthly Check In ({{$cand_monthly_checkin_number}}) @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 @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif p-10 text-white btn-xs-block" onclick="popup_viewMontlyCheckInInfo('viewMonthlyCheckInInfo',{{$activity_id}},{{$cand_monthly_checkin_number}},{{$pla_id}})" alt="View Monthly Check In ({{$cand_monthly_checkin_number}}) Detail" title="View Monthly Check In ({{$cand_monthly_checkin_number}}) Detail" >View</button>
                                                            </div> 
                                                        </div> 
                                                        @elseif($cand_monthly_check_in_status==0) 
                                                        <div class="row m-b-10"> 
                                                            <div class="col-md-10 col-sm-12 m-b-10">
                                                                 <h3>Complete Your Monthly Check In ({{$cand_monthly_checkin_number}}) </h3>
                                                            </div>
                                                            <div class="col-md-2 col-sm-12 m-b-10 text-center">
                                                                <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif p-10 text-white btn-xs-block" onclick="viewPendingMonthlyCheckInInfo('viewPendingMonthlyCheckInInfo',{{$placement_data[0]['pla_id']}},{{$cand_monthly_checkin_number}})" alt="Complete Your Monthly Check In ({{$cand_monthly_checkin_number}})" title="Complete Your Monthly Check In ({{$cand_monthly_checkin_number}})">View</button>
                                                            </div>
                                                        </div> 
                                                        @endif 
                                                        <hr/>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> 
                    @endif
                @endif
            @else 
                <p> Your Monthly Check In details will appear here, as soon as it is available.</p>
            @endif
         
    </div>
</div> 
    </div>