@php
    $is_multi_placement = @$step_verified_data['is_multi_placement'];
    $step_status = @$step_verified_data['step_status'];
    $placement_data = @$step_verified_data['placement_data'];    
    $is_placement_confirmed = @$step_verified_data['is_placement_confirmed'];
    $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']; 
    $hc_timezone_label = @$step_verified_data['hc_timezone_label'];
    $dos_program_category_id = @$user->portfolio->dos_program_category_id;
    $zoom_url = config('common.zoom_url');  
    
    if(config("common.portal") == "ODC"){
        $company_name = config("common.portal");
    }elseif(config("common.portal") == "ITN"){
        $company_name = config("common.portal");
    }else{
        $company_name = config("app.name");
    }
@endphp
@include('user.app-status.brandtab')
<div class="app-status-panel-content">
    <div class="row"> 
        <div class="col-sm-12">
            @if(!empty(@$placement_data[0]['emp_interview_data']))
            <h3 class="d-inline-b">INTERVIEW CONFIRMATION</h3>
            @else
            <h3 class="d-inline-b">BOOKING FOR INTERVIEW</h3>
            @endif
            <button type="button" title="Contact Support" class="btn btn-success pull-right support_width" onclick="return viewPopup('Booking for Interview','{{@$active_step_key}}');">Support<i class="mdi mdi-help-circle-outline step-help"></i></button>
            @if($step_status == 1 || $step_status == 2)
                @if($is_multi_placement == true)
                    <div class="multi_tab_view m-b-20 m-t-10">
                        <ul class="nav nav-pills" id="{{ $active_step_key }}">
                            @php
                                $second_tab_order = 2;
                            @endphp

                            @if(count($placement_data) == 1)
                                @php
                                    $second_tab_order = ($placement_data[0]['pla_order'] == 2) ?  1 : 2;
                                @endphp
                                <li class="tab-success active"> <a href="#pd-{{ $placement_data[0]['pla_id'] }}" 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 {{ $second_tab_order }}</a> </li>
                            @else
                                @foreach($placement_data as $item)
                                    @php
                                        $is_complete = $item['is_complete_class'];
                                        $is_active = $item['is_active_class'];
                                    @endphp
                                    <li class="{{ $is_complete.$is_active }}"> <a href="#pd-{{ $item['pla_id'] }}" data-toggle="tab" aria-expanded="false" title="Placement with {!! $item['emp_name'] !!}">
                                        @if($is_placement_confirmed == 1)
                                            Placement with {!! Str::limit($item['emp_name'], 20, '...') !!}
                                        @else
                                            Placement {{ $item['pla_order'] }}
                                        @endif
                                    </a> </li>
                                @endforeach
                            @endif
                        </ul>

                        <div class="tab-content br-n pn">
                            @foreach($placement_data as $item)
                                @php
                                    $is_active = $item['is_active_class'];
                                    $emp_interview_data = @$item['emp_interview_data'];
                                    if(!empty($emp_interview_data) && !empty($emp_interview_data->admin_timezone_name)){
                                        date_default_timezone_set($emp_interview_data->admin_timezone_name);
                                    }
                                    $system_date = date('Y-m-d h:i');
                                @endphp
                                <div id="pd-{{ $item['pla_id'] }}" class="tab-pane fade in {{ $is_active }}">
                                    <div class="col-sm-12">
                                    @if(!empty($emp_interview_data))
                                        @if(strtotime($system_date) > strtotime($emp_interview_data->dest_datetime))
                                            <div class="alert alert-success"><p>Thank you for attending the interview with {{ __('application_term.employer') }}. We will update you shortly with the next step of your program.</p></div>
                                        @else
                                            @if(empty($emp_interview_data->interview_confirmed_user)) 
                                                <p>You have been selected for an interview! Please see the details of your interview below.</p>
                                                <p>
                                                    Host Company Name: <strong>{!! @$item['emp_name'] !!}</strong><br/>
                                                    @if ($dos_program_category_id != 3)
                                                        Position Name: <strong>{!! @$item['pos_name'] !!}</strong><br/>
                                                    @endif
                                                    Interview Date/Time: <strong>{{ dateformat($emp_interview_data->dest_datetime,'l M d, Y \a\t h:i A') }}</strong><br/>
                                                    Time Zone: <strong>{{ get_timezone_label($emp_interview_data->dest_timezone_id) }}</strong>
                                                </p>
                                                @php
                                                if(!empty($emp_interview_data->ev_alternate_datetime)){
                                                    $ev_alternate_datetime = date("Y-m-d", strtotime($emp_interview_data->ev_alternate_datetime));
                                                    $date_interview_admin = date("Y-m-d", strtotime($emp_interview_data->date_interview_hc));
                                                }
                                                else{   
                                                    $ev_alternate_datetime = "";
                                                    $date_interview_admin = "";
                                                }
                                                if($ev_alternate_datetime != $date_interview_admin || ($ev_alternate_datetime =="" || $date_interview_admin == ""))
                                                {
                                                @endphp
                                                @if($emp_interview_data->zoom_api_status == 1) 
                                                <p class="confirmation_option">
                                                    Please confirm that you will be able to attend this meeting:<br/>
                                                    <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif" onclick="userConfirmation(1,{{@$emp_interview_data->interview_schedule_id}});">Yes</button>
<!--                                                    <button type="button" class="btn btn-info" onclick="userConfirmation(2,{{@$emp_interview_data->interview_schedule_id}});">No, Reschedule</button> -->
                                                    <button type="button" class="btn btn-danger" onclick="userConfirmation(3,{{@$emp_interview_data->interview_schedule_id}});">Decline Interview</button>  
                                                </p>
                                                @endif
                                                @php
                                                }
                                                @endphp 
                                                <form name="frm_update_int_con" id="frm_update_int_con" class="hide">
                                                    <p class="alert alert-warning">Please submit your reason and alternate date</p>
                                                    <input type="hidden" name="int_sch_id" id="int_sch_id" value="{{@$emp_interview_data->interview_schedule_id}}" />
                                                    <input type="hidden" name="confimval" id="confimval" value="2" />
                                                    <input type="hidden" name="reject_reason" id="reject_reason" value="1" />
                                                    <div class="col-md-12 col-sm-12 col-xs-12 text-right"> 
                                                        <small class="required_instruction">
                                                            All fields with star (<span style="font-size: 15px;">*</span>) are required
                                                        </small>
                                                    </div> 
                                                    <div class="col-xs-12 no-padding">
                                                        <div class="form-group">
                                                            <label class="control-label text-muted">Interview Reject Reason <small class="text-danger">*</small></label>
                                                            <textarea class="form-control" maxlength="500" name="ev_reject_reason" style="resize: none;" id="ev_reject_reason" placeholder="Enter your reject reason" data-equals="nowhitespace" required="required"></textarea>
                                                            <div class="help-block with-errors font-11"></div>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12 no-padding"> 
                                                        <div class="form-group"> 
                                                            <label class="control-label text-muted">Sorry that this interview schedule does not fit in your agenda, please suggest another date and time for this interview in the future <small class="text-danger">*</small></label>
                                                            <input type="text" name="ev_alternate_datetime" id="ev_alternate_datetime" value="" class="form-control load_datetimepicker_with_setMinute mobile_readonly" required="" autocomplete="off"> 
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12 no-padding">
                                                        <div class="form-actions">
                                                            <button type="submit" name="uic_submit" id="uic_submit" class="btn btn-md @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif m-b-10">Submit</button>  
                                                        </div>
                                                    </div>
                                                </form>
                                                <div id="popup_confirm" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
                                                        <div class="modal-dialog">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                                                    <h4 class="modal-title">Confirm Decline Interview</h4> 
                                                                </div>
                                                                <div class="modal-body custom_model_ht" >
                                                                    <form id="frm_update_decline" name="frm_update_decline" method="post">
                                                                        <input type="hidden" name="confirmval" id="confirmval" value="3" />
                                                                        <input type="hidden" name="decline_reason" id="decline_reason" value="1" />
                                                                        <input type="hidden" name="int_sch_id" id="int_sch_id" value="{{@$emp_interview_data->interview_schedule_id}}" />
                                                                        <div style='margin-bottom:15px' id='notify_msg'></div>
                                                                        <div class='colx2-left-double mtop20'>
                                                                            <fieldset class='scheduler-border'>
                                                                                <legend class='scheduler-border'>
                                                                                    Are you sure delete this interview?
                                                                                </legend>
                                                                                <p><b>Host Company Name: </b>{!! @$item['emp_name'] !!}</p>
                                                                                <p><b>Host Company Position Name: </b>{!! @$item['pos_name'] !!}</p>
                                                                                <p><b>Interview Date/Time: </b>{{ dateformat($emp_interview_data->dest_datetime,DISPLAY_DATETIME) }}</p>
                                                                                <p><b>Time Zone: </b>{{ get_timezone_label($emp_interview_data->dest_timezone_id) }}</p>
                                                                                <p><b>Add Reason for decline interview:<span class='text-danger'> *</span></b></p>
                                                                                <textarea class="form-control" maxlength="500" name="ev_decline_reason" style="resize: none;" id="ev_decline_reason" placeholder="Please enter reason for decline interview" required="required"></textarea>
                                                                                <span class='text-danger hide' id='err_reason'>Please enter reason for decline interview</span>

                                                                            </fieldset>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                                <div class="modal-footer t_center">
                                                                    <button type="button" class="btn btn-default waves-effect btn-xs-block" data-dismiss="modal" style="margin-bottom: 0;">Close</button>
                                                                    <button type="button" id="decline_submit" name="decline_submit"  class="btn btn-danger btn-xs-block">Yes Decline</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                            @else 
                                                @if($emp_interview_data->interview_confirmed_user == 1 && $emp_interview_data->interview_confirmed_emp == 1)
                                                    <p>
                                                        You have been selected for an interview! Please see the details of your interview below.<br/>
                                                        Host Company Name: <strong>{!! @$item['emp_name'] !!}</strong><br/>
                                                        @if ($dos_program_category_id != 3)
                                                            Position Name: <strong>{!! @$item['pos_name'] !!}</strong><br/>
                                                        @endif
                                                        Interview date/Time: <strong>{{ dateformat($emp_interview_data->dest_datetime,'l M d, Y \a\t h:i A') }}</strong><br/>
                                                        Time Zone: <strong>{{ get_timezone_label($emp_interview_data->dest_timezone_id) }}</strong><br/>
                                                        You can convert time here: <a target="_blank" href="http://www.timezoneconverter.com/cgi-bin/tzc.tzc?style=2" >www.timezoneconverter.com</a>
                                                    </p>
                                                    <p>
                                                        You will be interviewing with the following ITN representative:<br/>
                                                        - Name: <strong>{{$emp_interview_data->interviewer}}</strong><br/>
                                                        - Title: <strong>{{$emp_interview_data->interviewer_title}}</strong>
                                                    </p>
                                                    <p>
                                                        Your interview will be conducted on Zoom. Please make sure you have installed Zoom on your computer or phone (<a href="{{$zoom_url}}">www.zoom.us/download</a>).
                                                    </p>
                                                    <p> 
                                                        You can use the following Zoom login details to access your interview at your assigned time.<br/>
                                                        <strong>Join from PC, Mac, Linux, iOS or Android:</strong><br/>
                                                        <span style="word-break: break-all;color: red;">{{$emp_interview_data->join_url}}</span><br/>
                                                        - This link should not be shared with others; it is unique to you.
                                                    </p>
                                                    <p>
                                                        Meeting ID: <strong>{{$emp_interview_data->meeting_id}}</strong><br/>
                                                        Password: <strong>{{$emp_interview_data->meeting_password}}</strong><br/>
                                                    </p> 
                                                    <p>Click to add this meeting to your <a href="{{ @$emp_interview_data->calender_url }}">OUTLOOK</a> calendar.</p>
                                                    <p class="break_custom"><strong>Note:</strong> You can join the ZOOM meeting up to <span style="color: green;font-weight:800;">10 minutes</span> before the meeting start time.<br>Please contact on <a href="mailto:ZoomMeetingSupport@odcinternational.com">ZoomMeetingSupport@odcinternational.com</a> if you experience any  issue with the ZOOM interview process.</p>  
                                                @elseif($emp_interview_data->interview_confirmed_user == 1 && $emp_interview_data->interview_confirmed_emp != 1)
                                                    <div class="alert alert-warning">
                                                        <p>We have already recorded the scheduled meeting confirmation detail.<br/> 
                                                        If you need to update your scheduled meeting, please contact your {{ $company_name }} administrator to inform him/her about this change.
                                                        </p>
                                                    </div> 
                                                    <p>
                                                        You have been selected for an interview! Please see the details of your interview below.<br>
                                                        Host Company Name: <strong>{!! @$item['emp_name'] !!}</strong><br/>
                                                        @if ($dos_program_category_id != 3)
                                                            Position Name: <strong>{!! @$item['pos_name'] !!}</strong><br/>
                                                        @endif
                                                        Interview Date/Time: <strong>{{ dateformat($emp_interview_data->dest_datetime,'l M d, Y \a\t h:i A') }}</strong><br/>
                                                        Time Zone: <strong>{{ get_timezone_label($emp_interview_data->dest_timezone_id) }}</strong><br/>
                                                        You can convert time here: <a target="_blank" href="http://www.timezoneconverter.com/cgi-bin/tzc.tzc?style=2" >www.timezoneconverter.com</a>
                                                    </p>
                                                    <p>
                                                        You will be interviewing with the following ITN representative:<br/>
                                                        - Name: <strong>{{$emp_interview_data->interviewer}}</strong><br/>
                                                        - Title: <strong>{{$emp_interview_data->interviewer_title}}</strong>
                                                    </p>
                                                    <p>
                                                        Your interview will be conduct on zoom meeting, Please make sure you have install zoom software in your computer or zoom app on your mobile.
                                                    </p>
                                                @endif
                                            @endif
                                        @endif
                                    @else
                                    <p>A <strong> {{ __('application_term.employer') }} has shown interest</strong> in your resume and would like to book you for an interview.<br/>
            -                        <strong>"Booking for Interview" doesn't mean you have secured a training position yet</strong>, you will need to pass the interview and demonstrate to the {{ __('application_term.employer') }} why you are the right person for the {{ __('application_term.position') }}.</p>
                                    <div class="clearfix"></div>
                                    <div class="alert alert-warning p-25 m-b-20">  
                                        <ul> 
                                            <li><strong>{{ __('application_term.employer') }}:</strong> {!! $item['emp_name'] !!}</li>
                                            <li><strong>{{ __('application_term.position') }}:</strong> {!! $item['pos_name'] !!}</li>
                                        </ul>
                                    </div>
                                    @endif
                                        @if(!empty($emp_interview_data->contact_email))
                                            <p>Please contact responsible person, if you are not able to attend the interview (<a href="mailto:{{ $emp_interview_data->contact_email }}">{{ $emp_interview_data->contact_email }}</a>)</p>
                                        @endif
                                    </div>
                                </div>
                            @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>
                @else
                    @php
                        $emp_interview_data = @$placement_data[0]['emp_interview_data'];
                        if(!empty($emp_interview_data) && !empty($emp_interview_data->admin_timezone_name)){
                            date_default_timezone_set($emp_interview_data->admin_timezone_name);
                        }
                        $system_date = date('Y-m-d h:i');
                    @endphp
                    <div class="m-b-20">
                        @if(!empty($emp_interview_data))
                            @if(strtotime($system_date) > strtotime($emp_interview_data->dest_datetime))
                                <div class="alert alert-success"><p>Thank you for attending the interview with {{ __('application_term.employer') }}. We will update you shortly with the next step of your program.</p></div>
                            @else
                                @if(empty($emp_interview_data->interview_confirmed_user)) 
                                    <p>You have been selected for an interview! Please see the details of your interview below.</p>
                                    <p>
                                        Host Company Name: <strong>{!! @$placement_data[0]['emp_name'] !!}</strong><br/>
                                        @if ($dos_program_category_id != 3)
                                            Position Name: <strong>{!! @$placement_data[0]['pos_name'] !!}</strong><br/>
                                        @endif
                                        Interview Date/Time: <strong>{{ dateformat($emp_interview_data->dest_datetime,DISPLAY_DATETIME) }}</strong><br/>
                                        Time Zone: <strong>{{ get_timezone_label($emp_interview_data->dest_timezone_id) }}</strong>
                                    </p>
                                    @php
                                    if(!empty($emp_interview_data->ev_alternate_datetime)){
                                        $ev_alternate_datetime = date("Y-m-d", strtotime($emp_interview_data->ev_alternate_datetime));
                                        $date_interview_admin = date("Y-m-d", strtotime($emp_interview_data->date_interview_hc));
                                    }
                                    else{
                                        $ev_alternate_datetime = "";
                                        $date_interview_admin = "";
                                    }
                                    if($ev_alternate_datetime != $date_interview_admin || ($ev_alternate_datetime =="" || $date_interview_admin == ""))
                                    {
                                    @endphp
                                    @if($emp_interview_data->zoom_api_status == 1) 
                                    <p class="confirmation_option">
                                        Please confirm you will be available to attend this interview:<br/>
                                        <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif m-t-15 btn-xs-block" onclick="userConfirmation(1,{{@$emp_interview_data->interview_schedule_id}});">Yes</button>
<!--                                        <button type="button" class="btn btn-info m-t-15 btn-xs-block" onclick="userConfirmation(2,{{@$emp_interview_data->interview_schedule_id}});">No, Reschedule</button> -->
                                            <button type="button" class="btn btn-danger m-t-15 btn-xs-block" onclick="userConfirmation(3,{{@$emp_interview_data->interview_schedule_id}});">Decline Interview</button> 
                                    </p>
                                    @endif
                                    @php
                                    }
                                    @endphp
                                    
                                    <form name="frm_update_int_con" id="frm_update_int_con" class="hide">
                                        <p class="alert alert-warning">Please submit your reason and alternate date</p>
                                        <input type="hidden" name="int_sch_id" id="int_sch_id" value="{{@$emp_interview_data->interview_schedule_id}}" />
                                        <input type="hidden" name="confimval" id="confimval" value="2" />
                                        <input type="hidden" name="reject_reason" id="reject_reason" value="1" />
                                        <div class="col-md-12 col-sm-12 col-xs-12 text-right"> 
                                            <small class="required_instruction">
                                                All fields with star (<span style="font-size: 15px;">*</span>) are required
                                            </small>
                                        </div>
                                        <div class="col-xs-12 no-padding">
                                            <div class="form-group">
                                                <label class="control-label text-muted">Interview Reject Reason <small class="text-danger text-required">*</small></label>
                                                <textarea class="form-control" maxlength="500" name="ev_reject_reason" style="resize: none;" id="ev_reject_reason" placeholder="Enter your reject reason" required="required" data-equals="nowhitespace"></textarea>
                                                <div class="help-block with-errors font-11"></div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 no-padding"> 
                                            <div class="form-group"> 
                                                <label class="control-label text-muted">Sorry that this interview schedule does not fit in your agenda, please suggest another date and time for this interview in the future <small class="text-danger text-required">*</small></label>
                                                <input type="text" name="ev_alternate_datetime" id="ev_alternate_datetime" value="" placeholder="Please click to select date and time" class="form-control load_datetimepicker_with_setMinute_hc mobile_readonly" required="" autocomplete="off"> 
                                                <p>{{$hc_timezone_label}}</p>
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 no-padding">
                                            <div class="form-actions">
                                                <button type="submit" name="uic_submit" id="uic_submit" class="btn btn-md @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif m-b-10 btn-xs-block">Submit</button>  
                                            </div>
                                        </div>
                                    </form>
                                    
                                    <div id="popup_confirm" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                                    <h4 class="modal-title">Confirm Decline Interview</h4> 
                                                </div>
                                                <div class="modal-body custom_model_ht" >
                                                    <form id="frm_update_decline" name="frm_update_decline" method="post">
                                                        <input type="hidden" name="confirmval" id="confirmval" value="3" />
                                                        <input type="hidden" name="decline_reason" id="decline_reason" value="1" />
                                                        <input type="hidden" name="int_sch_id" id="int_sch_id" value="{{@$emp_interview_data->interview_schedule_id}}" />
                                                        <div style='margin-bottom:15px' id='notify_msg'></div>
                                                        <div class='colx2-left-double mtop20'>
                                                            <fieldset class='scheduler-border'>
                                                                <legend class='scheduler-border'>
                                                                    Are you sure delete this interview?
                                                                </legend>
                                                                <p><b>Host Company Name: </b>{!! @$placement_data[0]['emp_name'] !!}</p>
                                                                <p><b>Host Company Position Name: </b>{!! @$placement_data[0]['pos_name'] !!}</p>
                                                                <p><b>Interview Date/Time: </b>{{ dateformat($emp_interview_data->dest_datetime,DISPLAY_DATETIME) }}</p>
                                                                <p><b>Time Zone: </b>{{ get_timezone_label($emp_interview_data->dest_timezone_id) }}</p>
                                                                <p><b>Add Reason for decline interview:<span class='text-danger'> *</span></b></p>
                                                                <textarea class="form-control" maxlength="500" name="ev_decline_reason" style="resize: none;" id="ev_decline_reason" placeholder="Please enter reason for decline interview" required="required"></textarea>
                                                                <span class='text-danger hide' id='err_reason'>Please enter reason for decline interview</span>
                                                
                                                            </fieldset>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="modal-footer t_center" id="form_buttons">
                                                    <button type="button" class="btn btn-default waves-effect btn-xs-block" data-dismiss="modal" style="margin-bottom: 0;">Close</button>
                                                    <button type="button" id="decline_submit" name="decline_submit"  class="btn btn-danger btn-xs-block">Yes Decline</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @else 
                                    @if($emp_interview_data->interview_confirmed_user == 1 && $emp_interview_data->interview_confirmed_emp == 1)
                                        <p>
                                            You have been selected for an interview! Please see the details of your interview below.<br/>
                                            Host Company Name: <strong>{!! @$placement_data[0]['emp_name'] !!}</strong><br/>
                                            @if ($dos_program_category_id != 3)
                                                Position Name: <strong>{!! @$placement_data[0]['pos_name'] !!}</strong><br/>
                                            @endif
                                            Interview Date/Time: <strong>{{ dateformat($emp_interview_data->dest_datetime,'l M d, Y \a\t h:i A') }}</strong><br/>
                                            Time Zone: <strong>{{ get_timezone_label($emp_interview_data->dest_timezone_id) }}</strong><br/>
                                            You can convert time here: <a target="_blank" href="http://www.timezoneconverter.com/cgi-bin/tzc.tzc?style=2" >www.timezoneconverter.com</a>
                                        </p>
                                        <p>
                                            You will be interviewing with the following ITN representative:<br/>
                                            - Name: <strong>{{$emp_interview_data->interviewer}}</strong><br/>
                                            - Title: <strong>{{$emp_interview_data->interviewer_title}}</strong>
                                        </p>
                                        <p>
                                            Your interview will be conducted on Zoom. Please make sure you have installed Zoom on your computer or phone (<a href="{{$zoom_url}}">www.zoom.us/download</a>).
                                        </p>
                                        <p> 
                                            You can use the following Zoom login details to access your interview at your assigned time.<br/>
                                            <strong>Join from PC, Mac, Linux, iOS or Android:</strong><br/>
                                            <span style="word-break: break-all;color: red;">{{$emp_interview_data->join_url}}</span><br/>
                                            - This link should not be shared with others; it is unique to you.
                                        </p>
                                        <p>
                                            Meeting ID: <strong>{{$emp_interview_data->meeting_id}}</strong><br/>
                                            Password: <strong>{{$emp_interview_data->meeting_password}}</strong><br/>
                                        </p> 
                                        <p>Click to add this meeting to your <a href="{{ @$emp_interview_data->calender_url }}">OUTLOOK</a> calendar.</p>
                                        <p class="break_custom"><strong>Note:</strong> You can join the ZOOM meeting up to <span style="color: green;font-weight:800;">10 minutes</span> before the meeting start time.<br>Please contact on <a href="mailto:ZoomMeetingSupport@odcinternational.com">ZoomMeetingSupport@odcinternational.com</a> if you experience any  issue with the ZOOM interview process.</p>
                                    @elseif($emp_interview_data->interview_confirmed_user == 1 && $emp_interview_data->interview_confirmed_emp != 1)
                                        <div class="alert alert-warning">
                                            <p>We have already recorded the scheduled meeting confirmation detail.<br/> 
                                            If you need to update your scheduled meeting, please contact your {{ $company_name }} administrator to inform him/her about this change.
                                            </p>
                                        </div>
                                        <p>
                                            You have been selected for an interview! Please see the details of your interview below.<br>
                                            Host Company Name: <strong>{!! @$placement_data[0]['emp_name'] !!}</strong><br/>
                                            @if ($dos_program_category_id != 3)
                                                Position Name: <strong>{!! @$placement_data[0]['pos_name'] !!}</strong><br/>
                                            @endif
                                            Interview Date/Time: <strong>{{ dateformat($emp_interview_data->dest_datetime,'l M d, Y \a\t h:i A') }}</strong><br/>
                                            Time Zone: <strong>{{ get_timezone_label($emp_interview_data->dest_timezone_id) }}</strong><br/>
                                            You can convert time here: <a target="_blank" href="http://www.timezoneconverter.com/cgi-bin/tzc.tzc?style=2" >www.timezoneconverter.com</a>
                                        </p>
                                        <p>
                                            You will be interviewing with the following ITN representative:<br/>
                                            - Name: <strong>{{$emp_interview_data->interviewer}}</strong><br/>
                                            - Title: <strong>{{$emp_interview_data->interviewer_title}}</strong>
                                        </p>
                                        <p>
                                            Your interview will be conduct on zoom meeting, Please make sure you have install zoom software in your computer or zoom app on your mobile.
                                        </p>
                                    @endif
                                @endif
                            @endif
                        @else
                        <p>A <strong> {{ __('application_term.employer') }} has shown interest</strong> in your resume and would like to book you for an interview.<br/>
-                        <strong>"Booking for Interview" doesn't mean you have secured a training position yet</strong>, you will need to pass the interview and demonstrate to the {{ __('application_term.employer') }} why you are the right person for the {{ __('application_term.position') }}.</p>
                        <div class="clearfix"></div>
                        <div class="alert alert-warning p-25 m-b-20">  
                            <ul> 
                                <li><strong>{{ __('application_term.employer') }}:</strong> {!! @$placement_data[0]['emp_name'] !!}</li>
                                <li><strong>{{ __('application_term.position') }}:</strong> {!! @$placement_data[0]['pos_name'] !!}</li>
                            </ul>
                        </div>
                        @endif 
                        @if(!empty($emp_interview_data->contact_email))
                            <p>Please contact responsible person, if you are not able to attend the interview (<a href="mailto:{{ $emp_interview_data->contact_email }}">{{ $emp_interview_data->contact_email }}</a>)</p>
                        @endif
                    </div>
                @endif
                <div>
                    @if(!empty($emp_interview_data->dest_datetime) && strtotime($system_date) > strtotime($emp_interview_data->dest_datetime))
                        <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" onclick="loadStepContent('{{ $next_step_key }}')">Next Step</button>
                    @endif
                    <!--<hr class="full_dotted_line m-b-20" />
                    <p>It's time to understand how to succeed in the{{ __('application_term.job') }} interview, prepare yourself with the help of our community. Join the discussion so that you are ever closer to your goal of obtaining a{{ __('application_term.job') }} offer.</p>
                    <ul class="list-style-none m-b-10">
                        <li><a href="#">How to Prepare for an Interview Last Minute</a></li>
                        <li><a href="#">The Ultimate Guide to {{ __('application_term.job') }} Interview Preparation</a></li>
                        <li><a href="#">How To Ace The 50 Most Common Interview Questions</a></li>
                        <li><a href="#">The Ultimate Interview Guide: 30 Prep Tips for {{ __('application_term.job') }}</a></li>
                    </ul>-->
                </div>
            @else
                <p>Some Host Companies are reviewing your profile, we will inform you here as soon as one Host Company is requesting an interview with you.</p>
            @endif
        </div>
    </div>
</div>
<script>
    $(document).ready(function(){
        ajaxFormValidator("#frm_update_int_con",function(ele,event){
            event.preventDefault(); 
            var confimval = $('#confimval').val();
            var int_sch_id = $('#int_sch_id').val();
            var ev_reject_reason = $('#ev_reject_reason').val();
            var reject_reason = $('#reject_reason').val();
            var ev_alternate_datetime = $('#ev_alternate_datetime').val();
            submitUserResponse(confimval, int_sch_id, ev_reject_reason, ev_alternate_datetime,reject_reason); 
        });
    });
    
    $(document).off('click','#decline_submit').on('click','#decline_submit', function(){
        var confirmval = $('#confirmval').val();
        var int_sch_id = $('#int_sch_id').val();
        var ev_decline_reason = $('#ev_decline_reason').val();        
        if(typeof(ev_decline_reason) == 'undefined' || ev_decline_reason == ''){
            $("#err_reason").removeClass("hide");
        }else{
            $("#err_reason").addClass("hide");
            $("#form_buttons *").attr("disabled", "disabled").off('click');        
            submitEvDeclineResponse(confirmval, int_sch_id, ev_decline_reason); 
        }
    });
    $(document).off("change","#ev_alternate_datetime");
    $('#link').off('click').on('click', function(){});
    $(document).on("change","#ev_alternate_datetime",function(){
        show_inner_loader(".timeline_stp_desc","#all_tab_data");
        var selected_date = $(this).val();
        var int_sch_id = $('#int_sch_id').val();
        $.ajax({
            url: "{{ route('user.inteview.check_valid_date') }}",
            type: "post",
            data: {int_sch_id:int_sch_id,selected_date:selected_date},
            dataType: 'json',
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function(response){  
                hide_inner_loader('.timeline_stp_desc',"#all_tab_data");
                if(response.type == "success") 
                {
                    return false;
                }else{
                    $("#ev_alternate_datetime").val('');
                    var Html = '<div class="alert swl-alert-danger"><p>'+response.message+'</p></div>';
                    notifyResponseTimerAlert(Html,"error","Error");
                    return false;
                }
            }
        });
    });
    function userConfirmation(confimval,int_sch_id)
    {
        if(confimval==2){
            $("#frm_update_int_con").removeClass('hide');
            $(".confirmation_option").addClass('hide'); 
            return false;
        }
        else if(confimval==3){
            $("#popup_confirm").modal('show');
            return false;
        }
        else{
            submitEvDeclineResponse(confimval, int_sch_id); 
        }
    }
    
    function submitUserResponse(confimval, int_sch_id, ev_reject_reason, ev_alternate_datetime,reject_reason){
        show_inner_loader(".timeline_stp_desc","#all_tab_data");
        
        if(ev_reject_reason == '' || ev_reject_reason == null || ev_reject_reason == 'undefined') {
            ev_reject_reason = "";
        }
        
        if(ev_alternate_datetime == '' || ev_alternate_datetime == null || ev_alternate_datetime == 'undefined') {
            ev_alternate_datetime = "";
        }
        
        var form_data = 'confimval='+confimval+'&interview_schedule_id='+int_sch_id+'&ev_reject_reason='+ev_reject_reason+'&ev_alternate_datetime='+ev_alternate_datetime+'&reject_reason='+reject_reason;
        
        $.ajax({
            url: "{{ route('user.inteview.confirmation') }}",
            type: "post",
            data: form_data,
            dataType: 'json',
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function(response){  
                hide_inner_loader('.timeline_stp_desc',"#all_tab_data");
                if(response.type == "success")
                {
                    var Html = '<div class="alert swl-alert-success"><p>'+response.message+'</p></div>';
                    notifyResponseTimerAlert(Html,"success","Success");
                    setTimeout(function(){ navigateStages('2','{{ $active_step_key }}'); }, 3000);
                }
                else
                {
                    var Html = '<div class="alert swl-alert-danger"><p>'+response.message+'</p></div>';
                    notifyResponseTimerAlert(Html,"error","Error");
                    return false;
                }
            }
        });
    }
    
    function submitEvDeclineResponse(confirmval, int_sch_id, ev_decline_reason){
        show_inner_loader(".timeline_stp_desc","#all_tab_data");
        
        if(ev_decline_reason == '' || ev_decline_reason == null || ev_decline_reason == 'undefined') {
            ev_decline_reason = "";
        }
        var form_data = 'confimval='+confirmval+'&interview_schedule_id='+int_sch_id+'&ev_decline_reason='+ev_decline_reason;
        
        $.ajax({
            url: "{{ route('user.inteview.confirmation') }}",
            type: "post",
            data: form_data,
            dataType: 'json',
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function(response){  
                hide_inner_loader('.timeline_stp_desc',"#all_tab_data");
                $("#popup_confirm").modal('hide');
                $("#decline_submit").prop("disabled",false);
                if(response.type == "success")
                {
                    var Html = '<div class="alert swl-alert-success"><p>'+response.message+'</p></div>';
                    notifyResponseTimerAlert(Html,"success","Success");
                    setTimeout(function(){ navigateStages('2','{{ $active_step_key }}'); }, 3000);
		    if(confirmval == 3){
			document.location.href = document.location.href;
		    }
                }
                else
                {
                    var Html = '<div class="alert swl-alert-danger"><p>'+response.message+'</p></div>';
                    notifyResponseTimerAlert(Html,"error","Error");
                    return false;
                }
            }
        });
    }
</script>