@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'];
    $dos_program_category_id = @$user->portfolio->dos_program_category_id;
@endphp
@include('user.app-status.brandtab')
<div class="app-status-panel-content">
    <div class="row"> 
        <div class="col-sm-12">
            <h3 class="d-inline-b">Placement (Hiring)</h3>
            <button type="button" title="Contact Support" class="btn btn-success pull-right support_width" onclick="return viewPopup('Placement (Hiring)','{{@$active_step_key}}');">Support<i class="mdi mdi-help-circle-outline step-help"></i></button>
            @if(!empty($placement_data))
                @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 title="Disabled Placement {{ $second_tab_order }}">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">
                            @php $is_active = ""; @endphp
                            @foreach($placement_data as $item)
                                @php
                                    $is_active = $item['is_active_class'];
                                @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><strong>{!! $item['emp_name'] !!}</strong> confirmed that they are ready to offer you a {{ strtolower(__('application_term.position')) }}. It's time to speed up the process. </p>
                                            <div class="alert alert-warning p-25 m-b-20">
                                                <p>Confirmed placement at <strong>{!! $item['emp_name'] !!}</strong></p>
                                                <p>{{ __('application_term.position') }}: <strong>{!! @$item['pos_name'] !!}</strong></p> 
                                            </div>
<!--                                            
                                            @if ($dos_program_category_id == 3)
                                                <p class="confirmation_option">
                                                    Please confirm your placement:<br/>
                                                    <button type="button" class="btn btn-info m-t-15 btn-xs-block" onclick="userPlacementConfirmation(1,{{$item['pla_id']}});">Accept</button>
                                                        <button type="button" class="btn btn-danger m-t-15 btn-xs-block" onclick="userPlacementConfirmation(2,{{$item['pla_id']}});">Decline Placement</button> 
                                                    
                                                </p>
                                                <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 Placement</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="2" />
                                                                    <input type="hidden" name="decline_reason" id="decline_reason" value="1" />
                                                                    <input type="hidden" name="placement_id" id="placement_id" value="{{$placement_data[0]['pla_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 placement?
                                                                            </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>Placement Start Date: </b>{{ dateformat($placement_data[0]['user_pos_start_date'],DISPLAY_DATETIME) }}</p>
                                                                            <p><b>Placement End Date: </b>{{ dateformat($placement_data[0]['user_pos_end_date'],DISPLAY_DATETIME) }}</p>
                                                                            <p><b>Add Reason for decline placement:<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 placement" required="required"></textarea>
                                                                            <span class='text-danger hide' id='err_reason'>Please enter reason for decline placement</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="submit" id="decline_submit" name="decline_submit"  class="btn btn-danger btn-xs-block">Yes Decline</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                            -->
                                        @else
                                            <p>Thank you for taking the interview 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 you were selected 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
                        </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($placement_data))
                            @if($placement_data[0]['pla_type'] == 2)
                                <p><strong>{!! $placement_data[0]['emp_name'] !!}</strong> confirmed that they are ready to offer you a {{ strtolower(__('application_term.position')) }}. It's time to speed up the process. </p>
                                <div class="alert alert-warning p-25 m-b-20">
                                    <p><strong>{{ __('application_term.employer') }}:</strong> {!! $placement_data[0]['emp_name'] !!}</p>
                                    <p><strong>{{ __('application_term.position') }}:</strong> {!! $placement_data[0]['pos_name'] !!}</p>
                                </div>
<!--                             
                                @if ($dos_program_category_id == 3)
                                    <p class="confirmation_option">
                                        Please confirm your placement:<br/>
                                        <button type="button" class="btn btn-info m-t-15 btn-xs-block" onclick="userPlacementConfirmation(1,{{$placement_data[0]['pla_id']}});">Accept</button>
                                            <button type="button" class="btn btn-danger m-t-15 btn-xs-block" onclick="userPlacementConfirmation(2,{{$placement_data[0]['pla_id']}});">Decline Placement</button> 

                                    </p>
                                    <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 Placement</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="2" />
                                                        <input type="hidden" name="decline_reason" id="decline_reason" value="1" />
                                                        <input type="hidden" name="placement_id" id="placement_id" value="{{$placement_data[0]['pla_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 placement?
                                                                </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>Placement Start Date: </b>{{ dateformat($placement_data[0]['user_pos_start_date'],DISPLAY_DATETIME) }}</p>
                                                                <p><b>Placement End Date: </b>{{ dateformat($placement_data[0]['user_pos_end_date'],DISPLAY_DATETIME) }}</p>
                                                                <p><b>Add Reason for decline placement:<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 placement" required="required"></textarea>
                                                                <span class='text-danger hide' id='err_reason'>Please enter reason for decline placement</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="submit" id="decline_submit" name="decline_submit"  class="btn btn-danger btn-xs-block">Yes Decline</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                -->
                            @else
                                <p>Thank you for taking the interview with the {{ strtolower(__('application_term.employer')) }} <strong>{!! $placement_data[0]['emp_name'] !!}</strong>, we are waiting to hear back from this company to see if they confirmed you were selected for the available {{ strtolower(__('application_term.position')) }}.</p>
                                <div class="alert alert-warning p-25 m-b-20">
                                    <p><strong>{{ __('application_term.employer') }}:</strong> {!! $placement_data[0]['emp_name'] !!}</p>
                                    <p><strong>{{ __('application_term.position') }}:</strong> {!! $placement_data[0]['pos_name'] !!}</p>
                                </div>
                            @endif
                        @endif
                    </div>
                @endif
            @else
            <p><div class="alert alert-warning p-25 m-b-20">Placement not booked yet, Please contact to administrator.</div></p>
            @endif
            <div>
            @if($step_status == 2)
                <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" id="placed">Next Stage</button>
            @endif    
                <!-- <hr class="full_dotted_line m-b-20" />
                <p>Get some wild tips from previous J1 Visa students ...</p>
                <ul class="list-style-none m-b-10">
                    <li><a href="#">How to Pass a {{ __('application_term.job') }} Interview</a></li>
                    <li><a href="#">How To Write A Killer Resume Objective</a></li>
                    <li><a href="#">Seven Secrets of the Killer Resume</a></li>
                    <li><a href="#">100 Things You Can Do To Improve Your English</a></li>
                 </ul>
                <p>Have question to ask? <a href="#" class="text-info">Join the discussion</a></p> -->
            </div>
        </div>
    </div>
</div> 
<script>
    $("#placed").click(function(){
        setTimeout(function(){
            navigateStages('3');
            document.location.href = document.location.href;
        },3000);
    });
    function getSponsorConnection(){
        $.ajax({
            url: "{{ route('sponsorupdated') }}",
            type: 'post',
            dataType: 'json',
            processData: false,
            contentType: false,
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function(response){
                if(response.type == "success"){
                    stageComplete('3',"You have successfully completed this stage. Now it's the time to contract with sponsor agency...");
                }
                else
                {
                    navigateStages('3');
                }
                hide_inner_loader(".timeline_stp_desc","#all_tab_data");
            },
        });
    }
    
    $(document).off('click','#decline_submit').on('click','#decline_submit', function(){
        var confirmval = $('#confirmval').val();
        var placement_id = $('#placement_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, placement_id, ev_decline_reason); 
        }
    });
    
    function userPlacementConfirmation(confimval,placement_id)
    {
        if(confimval==2){
            $("#popup_confirm").modal('show');
            return false;
        }
        else{
            submitEvDeclineResponse(confimval, placement_id); 
        }
    }
    function submitEvDeclineResponse(confirmval, placement_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+'&placement_id='+placement_id+'&ev_decline_reason='+ev_decline_reason;
        
        $.ajax({
            url: "{{ route('user.placement.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")
                {
                    $("#popup_confirm").modal('hide');
                    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;
                }
            }
        });
    }
    
</script>