@php 
$lead_data = @$step_verified_data['lead_data']; 
$booked_data = @$step_verified_data['booked_data'];  
$dos_program_category_id = $portfolio->dos_program_category_id;
$pay_rate_basis = config('common.pay_rate_basis');
$chk_agency = (!empty($portfolio->placement_agency_id) && $portfolio->placementAgency->checkAgencySync()) ? 'hide' : '' ;
$is_multi_placement = @$step_verified_data['is_multi_placement']; 
@endphp

<h3>Booked Position</h3> 
<!--<p>The purpose of our pre-screening interview is to evaluate your English level and gather additional information regarding your application.</p>-->
<div class="row"> 
    <div class="col-sm-12">
        @if(empty($step_status)) 
            <p>This step is disable until user will reach to step.</p>  
        @else
            @if(!empty($portfolio->placement_agency_id) && $portfolio->placementAgency->checkAgencySync())
            @if($is_multi_placement == true)
                <div class="multi_tab_view m-b-20">
                    <ul class="nav nav-pills" id="{{ $active_step_key }}">
                        @php
                            $second_tab_order = 2;
                            $total_placement = count($booked_data);
                        @endphp

                        @foreach($booked_data as $item)
                            @php
                                $is_complete = $item['is_complete_class'];
                                $is_active = (count($booked_data) == $item['pla_order'] && count($booked_data) > 1) ? " active " : "";
                                $second_tab_order = ($item['pla_order'] == 2) ?  1 : 2;
                            @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($total_placement != 1)
                                    Placement with {!! Str::limit($item['emp_name'], 20, '...') !!}
                                @else
                                    Placement {{ $item['pla_order'] }}
                                @endif
                            </a> </li>
                        @endforeach

                        @if(count($booked_data) == 1)
                        <li class="active tab-progress"> <a href="#pd-0" data-toggle="tab" aria-expanded="false" title="Placement {{ $second_tab_order }}">Placement {{ $second_tab_order }}</a> </li> 
                        @endif
                    </ul>
                    <div class="tab-content br-n pn m-t-20">
                        @foreach($booked_data as $item)
                            @php
                                $is_active = (count($booked_data) == $item['pla_order'] && count($booked_data) > 1) ? " active " : "";
                                $emp_interview_data = @$item['emp_interview_data'];
                            @endphp
                            <div id="pd-{{ $item['pla_id'] }}" class="tab-pane fade in {{ $is_active }}">
                                <div class="col-sm-12">
                                    @php 
                                        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>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'],DISPLAY_DATETIME) }}</strong><br/>
                                                        Time Zone: <strong>{{ get_timezone_label($emp_interview_data['dest_timezone_id']) }}</strong>
                                                    </p>
                                                @else 
                                                    @if($emp_interview_data['interview_confirmed_user'] == 1 && $emp_interview_data['interview_confirmed_emp'] == 1)
                                                        <p>
                                                            EV 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/>
                                                        </p>
                                                        <p>
                                                            EV 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>
                                                            Meeting ID: <strong>{{$emp_interview_data['meeting_id']}}</strong><br/>
                                                            Password: <strong>{{$emp_interview_data['meeting_password']}}</strong><br/>
                                                        </p> 
                                                    @elseif($emp_interview_data['interview_confirmed_user'] == 1 && $emp_interview_data['interview_confirmed_emp'] != 1)
                                                        <div class="alert alert-warning">
                                                            <p>We have recorded the scheduled meeting confirmation detail.</p>
                                                        </div>
                                                        <p>
                                                            EV has 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/>
                                                        </p>
                                                        <p>
                                                            EV 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>
                                                    @endif
                                                @endif
                                            @endif
                                        @else
                                        <div class="alert alert-warning p-25 m-b-20">  
                                           Once {{ __('application_term.employer') }} Interview will schedule then details of Intrerview will shown here.
                                        </div>
                                        @endif 
                                    </div>
                                </div>
                            </div>
                            @if(count($booked_data) == 1)
                                <div id="pd-0" class="tab-pane fade in active">
                                    <div class="col-sm-12">
                                        <p>We are currently searching for a suitable {{ strtolower(__('application_term.position')) }} for your <strong>@if($portfolio->program_id) {{ @$portfolio->program->program_name }} @endif</strong> program. This step can take some time so please be patient, you will receive an update on your email.</p>
                                    </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>
            @else
                @php 
                    $emp_interview_data = !empty($booked_data) ?  @$booked_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>Please see the details of your interview below.</p>
                                <p>
                                    Host Company Name: <strong>{!! @$booked_data[0]['emp_name'] !!}</strong><br/>
                                    @if ($dos_program_category_id != 3)
                                        Position Name: <strong>{!! @$booked_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>
            @else
                                @if($emp_interview_data['interview_confirmed_user'] == 1 && $emp_interview_data['interview_confirmed_emp'] == 1)
                                    <p>
                                        EV have been selected for an interview! Please see the details of your interview below.<br/>
                                        Host Company Name: <strong>{!! @$booked_data[0]['emp_name'] !!}</strong><br/>
                                        @if ($dos_program_category_id != 3)
                                            Position Name: <strong>{!! @$booked_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/>
                                    </p>
                                    <p>
                                        EV 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>
                                        Meeting ID: <strong>{{$emp_interview_data['meeting_id']}}</strong><br/>
                                        Password: <strong>{{$emp_interview_data['meeting_password']}}</strong><br/>
                                    </p> 
                                @elseif($emp_interview_data['interview_confirmed_user'] == 1 && $emp_interview_data['interview_confirmed_emp'] != 1)
                                    <div class="alert alert-warning">
                                        <p>We have recorded the scheduled meeting confirmation detail.</p>
                                    </div>
                                    <p>
                                        EV has been selected for an interview! Please see the details of your interview below.<br>
                                        Host Company Name: <strong>{!! @$booked_data[0]['emp_name'] !!}</strong><br/>
                                        @if ($dos_program_category_id != 3)
                                            Position Name: <strong>{!! @$booked_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/>
                                    </p>
                                    <p>
                                        EV 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>
                                @endif
                            @endif
                        @endif
                    @else
                        @if(!empty(@$booked_data))
                            <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> {!! @$booked_data[0]['emp_name'] !!}</li>
                                    <li><strong>{{ __('application_term.position') }}:</strong> {!! @$booked_data[0]['pos_name'] !!}</li>
                                </ul>
                            </div>
                            @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
                        @else
                            <div class="alert alert-warning p-25 m-b-20">  
                                Once {{ __('application_term.employer') }} Interview will schedule then details of Intrerview will shown here.
                            </div>
                        @endif
                    @endif 
                </div>
            @endif
            @else
                @if (!empty($lead_data) && count($lead_data)>0 )
                    <div class="well">
                        <div class="panel">
                            <div class="row">
                                <div class="pull-left">
                                    <div class="col-sm-12">
                                        <div class="panel-heading" id="lead_data_tab" role="tab">
                                            <a class="panel-title" data-toggle="collapse" href="#lead_data"  aria-expanded="true" aria-controls="lead_data">Training Position</a>
                                        </div>
                                    </div>
                                </div>
                                <div class= "pull-right">
                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <a href="javascript:void(0)" onclick="popup_booked_position('booked_position')" class="btn btn-success {{$chk_agency}}">Booked Position</a>
                                        </div>
                                    </div>
                                </div>
    <!--                            <div class= "pull-right">
                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <a href="javascript:void(0)" onclick="popup_booked_position('hc_interview')" class="btn btn-info">Scheduled HC Interview</a>
                                        </div>
                                    </div>
                                </div>-->
                                <div class="clearfix"></div>
                            </div>
                            <hr>
                            <div class="panel-collapse collapse {{ (!empty($lead_data))?'in':'' }}" id="lead_data" aria-labelledby="exampleHeadingDefaultOne" role="tabpanel">
                                <div class="panel-body">
                                    <form method="post" id="frmbook" id="frmbook">
                                        <table class="table sortable_data" cellspacing="0" width="100%" id="leaddata">
                                            <thead>
                                                <tr align="center">
                                                    <th>Portfolio Number</th>
                                                    <th>Position Name</th>
                                                    <th>Host Company</th>
                                                    <th>Start Date</th>
                                                    <th>End Date</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if(!empty($portfolio->placement_agency_id) && $portfolio->placementAgency->checkAgencySync())
                                                    <tr>
                                                        <td>{{$portfolio->portfolio_number}}</td>
                                                        <td>{!!$lead_data['lead_pos_name1']!!}</td>
                                                        <td>{!!$lead_data['lead_emp_name1']!!}</td>
                                                        <td>{{dateformat($lead_data['start_date1'],DISPLAY_DATE)}}</td>
                                                        <td>{{dateformat($lead_data['end_date1'],DISPLAY_DATE)}}</td>
                                                        <td> - </td>
                                                    </tr>
                                                    @if(!empty($lead_data['lead_pos_name2']))
                                                    <tr>
                                                        <td>{{$portfolio->portfolio_number}}</td>
                                                        <td>{!!$lead_data['lead_pos_name2']!!}</td>
                                                        <td>{!!$lead_data['lead_emp_name2']!!}</td>
                                                        <td>{{dateformat($lead_data['start_date2'],DISPLAY_DATE)}}</td>
                                                        <td>{{dateformat($lead_data['end_date2'],DISPLAY_DATE)}}</td>
                                                        <td> - </td>
                                                    </tr>
                                                    @endif
                                                    @if(!empty($lead_data['lead_pos_name3']))
                                                    <tr>
                                                        <td>{{$portfolio->portfolio_number}}</td>
                                                        <td>{!!$lead_data['lead_pos_name3']!!}</td>
                                                        <td>{!!$lead_data['lead_emp_name3']!!}</td>
                                                        <td>{{dateformat($lead_data['start_date3'],DISPLAY_DATE)}}</td>
                                                        <td>{{dateformat($lead_data['end_date3'],DISPLAY_DATE)}}</td>
                                                        <td> - </td>
                                                    </tr>
                                                    @endif
                                                @else
                                                    @foreach($lead_data as $ld)
                                                        <tr>
                                                            <td>{{$portfolio->portfolio_number}}</td>
                                                            <td>{{$ld->position->pos_name}}</td>
                                                            <td>{{$ld->hostCompany->hc_name}}</td>
                                                            <td>{{dateformat($ld->position->start_date,DISPLAY_DATE)}}</td>
                                                            <td>{{dateformat($ld->position->end_date,DISPLAY_DATE)}}</td>
                                                            <td>
                                                                <input type="radio" id="radio_{{$ld->id}}" name="position" title="No more positions availableposition" class="css-checkbox" value="{{$ld->id}}" />
                                                                <input type="hidden" name="hc_id_{{$ld->id}}" id="hc_id_{{$ld->id}}" value="{{$ld->hc_id}}" />
                                                                <input type="hidden" name="pos_id_{{$ld->id}}" id="pos_id_{{$ld->id}}" value="{{$ld->pos_id}}" />
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>
                                    </form>
                                    <div class="clear padding10"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                @elseif(empty($booked_data))
                    <p>Please add the positions for this candidate.</p> 
                @endif
                @if(!empty($booked_data) && count($booked_data)>0)
                    <div class="well">
                        <div class="panel">
                            <div class="row">
                                <div class="pull-left">
                                    <div class="col-sm-12">
                                        <div class="panel-heading" id="booked_position_tab" role="tab">
                                            <a class="panel-title" data-toggle="collapse" href="#booked_postion_data" data-parent="#booked_position" aria-expanded="true" aria-controls="booked_postion_data">Booked Position</a>
                                        </div>
                                    </div>
                                </div>
                                <div class= "pull-right">
                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <a href="javascript:void(0)" onclick="popup_booked_position('edit_book_pos')" class="btn btn-success {{$chk_agency}}">Edit Booked Position</a>
                                        </div>
                                    </div>
                                </div>
                                <div class= "pull-right">
                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <a href="javascript:void(0)" onclick="popup_booked_position('hc_interview')" class="btn btn-info {{$chk_agency}}">Scheduled HC Interview</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <hr>
                            <div class="panel-collapse collapse in" id="booked_postion_data" aria-labelledby="exampleHeadingDefaultOne" role="tabpanel">
                                <div class="panel-body">
                                    <form method="post" id="frmeditbook" id="frmeditbook">
                                    <table class="table sortable_data" cellspacing="0" width="100%" id="bookeddata">
                                        <thead>
                                            <tr align="center">
                                                <th>Position Name</th>
                                                <th>Host Company</th>
                                                <th>Salary</th>
                                                <th>Type</th>
                                                <th>Placement Order</th>
                                                <th>Start Date</th>
                                                <th>End Date</th>
                                                <th>Booked Date</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        @if(!empty($portfolio->placement_agency_id) && $portfolio->placementAgency->checkAgencySync())
                                            @foreach($booked_data as $bd)
                                                <tr>
                                                    <td>{!!$bd['pos_name']!!}</td>
                                                    <td>{!!$bd['emp_name']!!}</td>
                                                    <td>{{$bd['salary']}} / {{$pay_rate_basis[$bd['pay_rate_basis']]}}</td>
                                                    <td>{{$bd['pla_type'] == 1 ? "Booked" : "Placed"}}</td>
                                                    <td>{{$bd['pla_order']}}</td>
                                                    <td>{{dateformat($bd['user_pos_start_date'],DISPLAY_DATE)}}</td>
                                                    <td>{{dateformat($bd['user_pos_end_date'],DISPLAY_DATE)}}</td>
                                                    <td>{{dateformat($bd['booked_date'],DISPLAY_DATETIME)}}</td>
                                                    <td> - </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            @foreach($booked_data as $bd)
                                                <tr>
                                                    <td>{{$bd->position->pos_name}}</td>
                                                    <td>{{$bd->hostCompany->hc_name}}</td>
                                                    <td>{{$bd->salary}} / {{$pay_rate_basis[$bd->pay_rate_basis]}}</td>
                                                    <td>{{$bd->type == 1 ? "Booked" : "Placed"}}</td>
                                                    <td>{{$bd->pla_order}}</td>
                                                    <td>{{dateformat($bd->start_date,DISPLAY_DATE)}}</td>
                                                    <td>{{dateformat($bd->end_date,DISPLAY_DATE)}}</td>
                                                    <td>{{dateformat($bd->booked_date,DISPLAY_DATETIME)}}</td>
                                                    <td>
                                                        <input type="radio" id="radio_{{$bd->id}}" name="booke_pos" title="No more positions availableposition" class="css-checkbox" value="{{$bd->id}}" />
                                                        <input type="hidden" name="hc_id_{{$bd->id}}" id="hc_id_{{$bd->id}}" value="{{$bd->hc_id}}" />
                                                        <input type="hidden" name="pos_id_{{$bd->id}}" id="pos_id_{{$bd->id}}" value="{{$bd->pos_id}}" />
                                                        <input type="hidden" name="book_id_{{$bd->id}}" id="book_id_{{$bd->id}}" value="{{$bd->id}}" />
                                                        @if(!empty($bd->j1Interview->hc_alternate_datetime) || !empty($bd->j1Interview->ev_alternate_datetime))
                                                        <input type="hidden" name="hc_alternate_id_{{$bd->id}}" id="hc_alternate_{{$bd->id}}" value="{{dateformat($bd->j1Interview->hc_alternate_datetime,DATEPICKER_DATETIME)}}" />
                                                        <input type="hidden" name="ev_alternate_id_{{$bd->id}}" id="ev_alternate_{{$bd->id}}" value="{{dateformat($bd->j1Interview->ev_alternate_datetime,DATEPICKER_DATETIME)}}" />
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                        </tbody>
                                    </table>
                                    <div class="clear padding10"></div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                @else
                    <p>Booked Position can not be added for this candidate because candidate already placed.</p>
                @endif
            @endif
        @endif
    </div>
</div>

<script>
function popup_booked_position(action)
{
    if(action == 'edit_book_pos')
    {
        var lead_radio = $('input[name=booke_pos]');
        var msg = "Please select any booked position to edit record.";
        action = "booked_position";
    }
    else if(action == 'hc_interview')
    {
        var lead_radio = $('input[name=booke_pos]');
        var msg = "Please select any booked position to add hc interview.";
        action = "hc_interview";
    }
    else
    {
        var lead_radio = $('input[name=position]');
        var msg = "Please select any training position to booked position.";
    }
    
    var url = " {{ route('booked.position') }} ";
    var user_id = $('meta[name="user_token"]').attr('content');

    if(lead_radio.filter(':checked').val())
    {
        var lead_id = lead_radio.filter(':checked').val();
        var pos_id = $("#pos_id_"+lead_id).val();
        var hc_id = $("#hc_id_"+lead_id).val();
        var book_id = $("#book_id_"+lead_id).val();
        var hc_alternate_date = $("#hc_alternate_"+lead_id).val();
        var ev_alternate_date = $("#ev_alternate_"+lead_id).val();
        show_popup();
        get_common_ajax(url,{
            pos_id: pos_id,
            hc_id: hc_id,
            book_id: book_id,
            hc_alternate_date: hc_alternate_date,
            ev_alternate_date: ev_alternate_date,
            portfolio_id: '{{$portfolio->id}}',
            user_id: user_id,
            action: action,

        });
    }
    else
    {
        var Html = '<div class="alert swl-alert-danger"><p>'+msg+'</p></div>'; 
        notifyResponseTimerAlert(Html,"error","Error");
        return false;
    }
}

 </script>