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

<h3>Placement Position</h3> 
<div class="row"> 
    <div class="col-sm-12">
        @if(empty($step_status) && empty($placed_data)) 
            <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($placed_data);
                        @endphp

                        @foreach($placed_data as $item)
                            @php
                                $is_complete = $item['is_complete_class'];;
                                $is_active = (count($placed_data) == $item['pla_order'] && count($placed_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($placed_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($placed_data as $item)
                            @php
                                $is_active = (count($placed_data) == $item['pla_order'] && count($placed_data) > 1) ? " active " : ""; 
                            @endphp
                            <div id="pd-{{ $item['pla_id'] }}" class="tab-pane fade in {{ $is_active }}">
                                <div class="col-sm-12">
                                    @if($item['pla_type'] == 2)
                                        <p>Placement confirmed with <strong>{!! $item['emp_name'] !!}</strong>. </p>
                                        <div class="alert alert-warning p-25 m-b-20">
                                            <p><strong>{{ __('application_term.employer') }}:</strong> {!! $item['emp_name'] !!}</p>
                                            <p><strong>{{ __('application_term.position') }}:</strong> {!! $item['pos_name'] !!}</p>
                                        </div>
                                    @else
                                        <p>Interview taken with the {{ strtolower(__('application_term.employer')) }} <strong>{!! $item['emp_name'] !!}</strong>, we are waiting to hear back from this company to see if they confirmed EV for the available {{ strtolower(__('application_term.position')) }}.</p>
                                        <div class="alert alert-warning p-25 m-b-20">
                                            <p><strong>{{ __('application_term.employer') }}:</strong> {!! $item['emp_name'] !!}</p>
                                            <p><strong>{{ __('application_term.position') }}:</strong> {!! $item['pos_name'] !!}</p>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                        @if(count($placed_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
                    </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
                <div class="m-b-20">
                @if(!empty($placed_data))
                    @if($placed_data[0]['pla_type'] == 2)
                        <p>Placement confirmed with <strong>{!! $placed_data[0]['emp_name'] !!}</strong>. </p>
                        <div class="alert alert-warning p-25 m-b-20">
                            <p><strong>{{ __('application_term.employer') }}:</strong> {!! $placed_data[0]['emp_name'] !!}</p>
                            <p><strong>{{ __('application_term.position') }}:</strong> {!! $placed_data[0]['pos_name'] !!}</p>
                        </div>
                    @else
                        <p>Interview taken with the {{ strtolower(__('application_term.employer')) }} <strong>{!! $placed_data[0]['emp_name'] !!}</strong>, we are waiting to hear back from this company to see if they confirmed EV for the available {{ strtolower(__('application_term.position')) }}.</p>
                        <div class="alert alert-warning p-25 m-b-20">
                            <p><strong>{{ __('application_term.employer') }}:</strong> {!! $placed_data[0]['emp_name'] !!}</p>
                            <p><strong>{{ __('application_term.position') }}:</strong> {!! $placed_data[0]['pos_name'] !!}</p>
                        </div>
                    @endif
                @endif
            </div>
            @endif
        @else
            @if(!empty($booked_data))
                <div class="well">
                    <div class="panel">
                        <div class="row">
                            <div class="pull-left">
                                <div class="col-sm-12">
                                    <div class="panel-heading" id="schedule_interview_tab" role="tab">
                                        <a class="panel-title" data-toggle="collapse" href="#schedule_interview" data-parent="#interview" aria-expanded="true" aria-controls="schedule_interview">Booked Position</a>
                                    </div>
                                </div>
                            </div>
                            <div class= "pull-right">
                                <div class="form-group">
                                    <div class="col-sm-12">
                                        <div class="btn-group m-r-10">
                                            <button aria-expanded="false" data-toggle="dropdown" class="btn btn-danger dropdown-toggle {{$chk_agency}}" type="button">Action <span class="caret"></span></button>
                                            <ul role="menu" class="dropdown-menu {{$chk_agency}}">
                                                <li><a href="javascript:void(0)" id="not_selected" onclick="do_submit(this.id)">Not Selected by Host Company</a></li>
                                                <li><a href="javascript:void(0)" id="rejected_by_hc" onclick="do_submit(this.id)">Rejected by Host Company</a></li>
                                                <li><a href="javascript:void(0)" id="interview_refused_by_candidate" onclick="do_submit(this.id)">Interview refused by candidate</a></li>
                                                <li><a href="javascript:void(0)" id="traning_pos_not_open" onclick="do_submit(this.id)">Training Position No Longer Opened</a></li>
                                            </ul>
                                        </div>
                                        <a href="javascript:void(0)" id="confirm_placement" onclick="do_submit(this.id)" class="btn btn-success {{$chk_agency}}">Confirm Placement</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr/>
                        <div class="panel-collapse collapse {{ (!empty($booked_data))?'in':'' }}" id="schedule_interview" aria-labelledby="exampleHeadingDefaultOne" role="tabpanel">
                            <div class="panel-body">
                                <div class="interview_preview"> 
                                    <form method="post" id="frmbook" id="frmbook">
                                        <table class="table sortable_data" cellspacing="0" width="100%" id="leaddata">
                                            <thead>
                                                <tr align="center">
                                                    <th>Position Name</th>
                                                    <th>Host Company Name</th>
                                                    <th>Stipend</th>
                                                    <th>Type</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>{{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
                                                <tr>
                                                    <td>{{$booked_data->position->pos_name}}</td>
                                                    <td>{{$booked_data->hostCompany->hc_name}}</td>
                                                    <td>{{$booked_data->salary}} / {{$pay_rate_basis[$booked_data->pay_rate_basis]}}</td>
                                                    <td>{{$booked_data->type == 1 ? "Booked" : "Placed"}}</td>
                                                    <td>{{dateformat($booked_data->start_date,DISPLAY_DATE)}}</td>
                                                    <td>{{dateformat($booked_data->end_date,DISPLAY_DATE)}}</td>
                                                    <td>{{dateformat($booked_data->booked_date,DISPLAY_DATETIME)}}</td>
                                                    <td>
                                                        <input type="radio" id="radio_{{$booked_data->id}}" name="position" class="css-checkbox" value="{{$booked_data->id}}" />
                                                    </td>
                                                </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </form>
                                    <div class="clear padding10"></div>
                                </div>
                            </div>
                        </div> 
                    </div>
                </div>
            @endif
            
            @if(!empty($placed_data) && count($placed_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">Placement Details</a>
                                    </div>
                                </div>
                            </div>
                            @if(empty($portfolio->placement_agency_id))
                                @if(count($placed_data) == 1 && empty($program_enroll) && get_date_diff($placed_data[0]->start_date,$placed_data[0]->end_date,'%m') <= 8 && $j1_status_id == '2005')
                                    <div class= "pull-right">
                                        <div class="form-group">
                                            <div class="col-sm-12">
                                                <a href="javascript:void(0)" id="enroll_in_route_66" onclick="do_submit(this.id)" class="btn btn-success {{$chk_agency}}">Enroll in Route 66</a>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endif
                            <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">

                                <table class="table sortable_data" cellspacing="0" width="100%" id="leaddata">
                                    <thead>
                                        <tr align="center">
                                            <th>Position Name</th>
                                            <th>Host Company Name</th>
                                            <th>Placement Order</th>
                                            <th>Stipend</th>
                                            <th>Type</th>
                                            <th>Start Date</th>
                                            <th>End Date</th>
                                            <th>Placed Date</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(!empty($portfolio->placement_agency_id) && $portfolio->placementAgency->checkAgencySync())
                                            @foreach($placed_data as $bd)
                                                <tr>
                                                    <td>{!!$bd['pos_name']!!}</td>
                                                    <td>{!!$bd['emp_name']!!}</td>
                                                    <td>{{$bd['pla_order']}}</td>
                                                    <td>{{$bd['salary']}} / {{$pay_rate_basis[$bd['pay_rate_basis']]}}</td>
                                                    <td>{{$bd['pla_type'] == 1 ? "Booked" : "Placed"}}</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($placed_data as $pd)
                                                <tr>
                                                    <td>{{$pd->position->pos_name}}</td>
                                                    <td>{{$pd->hostCompany->hc_name}}</td>
                                                    <td>{{$pd->pla_order}}</td>
                                                    <td> {{$pd->salary}} / {{$pay_rate_basis[$pd->pay_rate_basis]}}</td>
                                                    <td> {{$pd->type == 1 ? "Booked" : "Placed"}}</td>
                                                    <td> {{dateformat($pd->start_date,DISPLAY_DATE)}}</td>
                                                    <td> {{dateformat($pd->end_date,DISPLAY_DATE)}}</td>
                                                    <td> {{(!empty($pd->placed_date)) ? dateformat($pd->placed_date,DISPLAY_DATETIME) : '-' }}</td>
                                                    @if(count($placed_data) == 1 && empty($program_enroll))
                                                        <input type="radio" id="radio_{{$pd->id}}" name="placed_position" class="css-checkbox" value="{{$pd->id}}" hidden="true" checked="true"/>
                                                    @endif
                                                </tr>
                                            @endforeach
                                        @endif
                                    </tbody>
                                </table>
                                <div class="clear padding10"></div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            @endif
        @endif
    </div>
</div>

 <script>
    function do_submit(action)
    {
        if(action == 'enroll_in_route_66')
        {
            var lead_radio = $('input[name=placed_position]');
        }else{
            var lead_radio = $('input[name=position]');
        }
        
        var url = "{{ route('placed.position') }} ";
        var user_id = $('meta[name="user_token"]').attr('content');
        if(lead_radio.filter(':checked').val())
        {
            var booked_pos_id = lead_radio.filter(':checked').val();
            $.ajax({
                    url: url,
                    type: "post",
                    dataType: "json",
                    headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                    data: {'booked_pos_id':booked_pos_id,'portfolio_id': '{{$portfolio->id}}','user_id':user_id,'action': action},
                    success: function(response){  
                        if(response.type == "success")
                        {
                            var Html = '<div class="alert swl-alert-success"><p>'+response.message+'</p></div>'; 
                            notifyResponseTimerAlert(Html,"success","Success");
                            setTimeout(function(){
                               navigateStages('{{ $active_stage }}',"{{$active_step_key}}");
                            },2100);
                        }
                        else
                        {
                            var Html = '<div class="alert swl-alert-danger"><p>Failed to confirm placement for this user.</p></div>'; 
                            notifyResponseTimerAlert(Html,"error","Error");
                            return false;
                        }
                    }
                });
        }
        else
        {
            var Html = '<div class="alert swl-alert-danger"><p>Please select booked position.</p></div>'; 
            notifyResponseTimerAlert(Html,"error","Error");
            return false;
        }
    }

 </script>