@extends('front.layouts.main')
@section('title')Dashboard @endsection

@section('content')
<main class="dashboard-page">
    <div class="container">
        @if(Session::get('fail_message', false))
        @component('front.components.message')
        {{ Session::get('fail_message') }}
        @endcomponent
        @endif
        @if(Session::get('success'))
        @component('front.components.message')
        {{ Session::get('success') }}
        @endcomponent
        @endif
        <div class="row">
            <div class="col-md-3 col-xl-3">
                <div class="sidebar left">
                    <div class="box white text-center profile-edit">
                        @if(Auth::user()->profile_image)
                        <div class="cover-img">
                            <img src="{{auth()->user()->profile_image_formatted}}" alt="user profile image">
                        </div>
                        <div class="rounded-pic">
                            <img src="{{auth()->user()->profile_image_formatted}}" alt="user profile image">
                        </div>
                        @else
                        <div class="cover-img">
                            <img src="{{ asset('img/user.png') }}" alt="user detault image">
                        </div>
                        <div class="rounded-pic">
                            <img src="{{ asset('img/user.png') }}" alt="user detault image">
                        </div>
                        @endif
                        <h3>{{ucfirst(auth()->user()->first_name)}} {{ucfirst(auth()->user()->last_name)}}</h3>
                        <p class="gray">@if($currentPosition){{$currentPosition->positiontitle}}@endif</p>
                        <p class="gray mb-0">@if($currentPosition){{$currentPosition->commancompanies->name}}@endif</p>
                        <a href="{{route('front.profile.index')}}" class="btn btn-transparent">Edit Profile</a>
                    </div>

                    <div class="box white profile-progress">
                        <div class="progress">
                            @if($user->profil_score > 0)
                            <progress max="100" value="{{$user->profil_score}}"></progress>
                            @else
                            <progress max="100" value="0"></progress>
                            @endif
                        </div>
                        <p class="text-center">Your profile is @if($user->profil_score){{$user->profil_score}}@else 0
                            @endif% complete</p>
                    </div>
                    @if($talentAdvisor)
                    <div class="box white profile-progress">
                        <h3 class="bold">Your Talent Advisor</h3>
                        <a href="javascript:void(0)" class="d-block gray mb-3 small-font-size"><i class="material-icons gray">account_circle</i>&nbsp;&nbsp;{{$talentAdvisor->first_name}}
                            {{$talentAdvisor->last_name}}</a>
                        <a href="tel:{{$talentAdvisor->mobile}}" class="d-block gray mb-3 small-font-size"><i class="material-icons gray">phone_android</i>&nbsp;&nbsp;{{$talentAdvisor->mobile}}</a>
                        <a href="mailto:{{$talentAdvisor->email}}" class="d-block gray mb-3 small-font-size mail-link"><i class="material-icons gray">mail_outline</i>&nbsp;&nbsp;{{$talentAdvisor->email}}</a>
                    </div>
                    @endif
                </div>
            </div>
            <div class="col-md-8 col-lg-9 col-xl-6 ">
                @if($isRecommended == true)
                <div class="box bg-gray text-invert rec-bg">
                    <small>{{Carbon\Carbon::now()->format('H:i d M Y')}}</small>
                    <p class="mb-0">We have found {{$hotJobs->count()}} new jobs matches your profile.<a href="{{route('front.job.recommendedJobs')}}" class="text-invert "> Click here to view.</a></p>
                </div>
                @endif
                @if(count($activities) > 0)
                <div class="main-content infinite-scroll">
                    @foreach($activities as $key => $activity)
                    @if($activity->text == "job_application" && $activity->trackable && $activity->trackable->job != null)

                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img1.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            <div class="box white">
                                <small class="gray">{{$activity->created_at_formatted}}</small>
                                <p class="mb-0">{{ @trans('client_dashboard.your_job_application_for') }} <span class="underline"><a href="{{route('front.job.detail',['slug' => $activity->trackable->job->slug.'-'.$activity->trackable->job->unique_id])}}" target="_blank">{{$activity->trackable->job->nameformatted}}</a></span>
                                    {{ @trans('client_dashboard.submited') }}.
                                </p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if($activity->text == "cv_submitted" && $activity->trackable->job != null)
                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img3.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            <div class="box white">
                                <small class="gray">{{$activity->created_at_formatted}}</small>
                                {{-- <p class="mb-0">{{ @trans('client_dashboard.your_cv') }} <span class="underline"><a href="{{route('front.job.detail',['slug' => $activity->trackable->job->slug.'-'.$activity->trackable->job->unique_id])}}">{{$activity->trackable->job->nameformatted}}</a></span>
                                {{ @trans('client_dashboard.has_sent') }}.</p> --}}
                                <p class="mb-0">Your Profile and CV has been submitted for the <span class="underline"><a href="{{route('front.job.detail',['slug' => $activity->trackable->job->slug.'-'.$activity->trackable->job->unique_id])}}" target="_blank">{{$activity->trackable->job->nameformatted}}</a></span>
                                    role and is currently under review by the hiring organisation.</p>
                            </div>
                        </div>
                    </div>
                    @endif

                    @if(($activity->text == "cv_rejected" || $activity->text == "rejected_from_job") &&
                    $activity->trackable->job != null )
                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img2.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            <div class="box dark-bg mx-0">
                                <div class="white-bg">
                                    <small class="gray">{{$activity->created_at_formatted}}</small>
                                    <p class="mb-0">The hiring organisation has reviewed your CV for the <span class="underline"><a href="{{route('front.job.detail',['slug' => $activity->trackable->job->slug.'-'.$activity->trackable->job->unique_id])}}" target="_blank">{{$activity->trackable->job->nameformatted}}</a></span>
                                        role and will unfortunately not take your application further.</p>
                                </div>
                                <small class="gray">{{ @trans('client_dashboard.reason') }}</small>
                                <p class="mb-0">
                                    @if($activity->trackable->cv_rejection_reason)
                                    {{ $activity->trackable->cv_rejection_reason }} <br>
                                    @endif

                                    @if($activity->trackable->cv_rejection_reason_other)
                                    {{ $activity->trackable->cv_rejection_reason_other }} <br>
                                    @endif

                                    @isset($activity->trackable->feedback->rejection_reason)
                                    {{ $activity->trackable->feedback->rejection_reason }} <br>
                                    @endisset
                                    {{-- {{ @trans('client_dashboard.keep_browsing_similiar_jobs') }}. --}}
                                </p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if($activity->text == "removed_from_job" && $activity->trackable->job != null )
                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img2.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            <div class="box dark-bg mx-0">
                                <div class="white-bg">
                                    <small class="gray">{{$activity->created_at_formatted}}</small>
                                    <p class="mb-0">Your profile has been reviewed with the regards to your job application on the <span class="underline"><a href="{{route('front.job.detail',['slug' => $activity->trackable->job->slug.'-'.$activity->trackable->job->unique_id])}}" target="_blank">{{$activity->trackable->job->nameformatted}}</a></span> role.</p>
                                    <p class="mb-0 mt-3">We are sorry to inform that your application was unsuccessful for the following reason(s):</p>
                                </div>
                                <small class="gray">{{ @trans('client_dashboard.reason') }}</small>
                                <ul class="mb-0 ml-3">
                                    @if(isset($activity->trackable->is_experience_mismatch) && $activity->trackable->is_experience_mismatch == 1)
                                    <li style="list-style-type: disc;">{{ trans('client_dashboard.experience_not_match') }} </li>
                                    @endif

                                    @if(isset($activity->trackable->is_salary_mismatch) && $activity->trackable->is_salary_mismatch == 1)
                                    <li style="list-style-type: disc">{{ trans('client_dashboard.salary_not_match') }} </li>
                                    @endif

                                    @if(isset($activity->trackable->is_qualification_mismatch) && $activity->trackable->is_qualification_mismatch == 1)
                                    <li style="list-style-type: disc">{{ trans('client_dashboard.qualification_not_match') }} </li>
                                    @endisset

                                    @if(isset($activity->trackable->is_job_requirement_mismatch) && $activity->trackable->is_job_requirement_mismatch == 1)
                                    <li style="list-style-type: disc">{{ trans('client_dashboard.job_requirement_not_match') }} </li>
                                    @endisset

                                    @if(isset($activity->trackable->other_reason) && $activity->trackable->other_reason != null)
                                    <li style="list-style-type: disc">{{ $activity->trackable->other_reason }} </li>
                                    @endisset
                                </ul>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(($activity->text == "interview_booked" || $activity->text == "interview_rebooked") && $activity->trackable->job != null)
                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img4.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            <div class="box dark-bg mx-0">
                                <div class="white-bg">
                                    <small class="gray">{{$activity->created_at_formatted}}</small>
                                    <p class="mb-0">Your {{numberToWord($activity->trackable->interview_count)}}
                                        interview for the <span class="underline"><a href="{{route('front.job.detail',['slug' => $activity->trackable->job->slug.'-'.$activity->trackable->job->unique_id])}}" target="_blank">{{$activity->trackable->job->nameformatted}}</a></span>
                                        role has been @if($activity->text == "interview_booked") scheduled @else rescheduled @endif.@if($activity->trackable->interview && ($activity->trackable->interview->status == "next_interview_requested" ||
                                        $activity->trackable->interview->status == "document_requested"))
                                        <a href="javascript:void(0)" onclick="interviewFeedbackDetail({{$activity->trackable->interview_id}})" class="font-orange underline">
                                            Click to view feedback</a> @endif
                                    </p>
                                    </p>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('client_dashboard.time_date') }}</label>
                                            <p class="display-info">{{$activity->trackable->interview_time_formatted}},
                                                {{$activity->trackable->interview_date_formatted}}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('client_dashboard.interview_type') }}</label>
                                            <p class="display-info">{{($activity->trackable->type == 'Skype') ? 'Virtual' : $activity->trackable->type}}</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            @if($activity->trackable->type == "Skype")
                                            <label class="control-label">{{ @trans('client_dashboard.virtual_info') }}</label>
                                            <p class="display-info">{{$activity->trackable->skype}}</p>
                                            @elseif($activity->trackable->type == "Face To Face")
                                            <label class="control-label">{{ @trans('client_dashboard.interview_location') }}</label>
                                            <p class="display-info">{{$activity->trackable->location}}</p>
                                            @else
                                            <label class="control-label">{{ @trans('client_dashboard.contact_no') }}.</label>
                                            <p class="display-info">{{$activity->trackable->telephone}}</p>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('client_dashboard.contact_person') }}</label>
                                            <p class="display-info">
                                                {{$activity->trackable->job->recruiter->first_name}},
                                                {{$activity->trackable->job->recruiter->mobile}}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group mb-0">
                                            <label class="control-label">{{ @trans('client_dashboard.notes') }}</label>
                                            @if($activity->trackable->notes_for_candidate)
                                            <p class="display-info mb-0">
                                                {{$activity->trackable->notes_for_candidate}}
                                            </p>
                                            @else
                                            <p class="display-info mb-0">-</p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if($activity->text == "screening_booked")
                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img5.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            <div class="box">
                                <div class="white-bg">
                                    <small class="gray">{{$activity->created_at_formatted}}</small>
                                    <p class="mb-0">You have been invited to Empower for a screening interview. A
                                        screening interview is an opportunity to meet a member of the Empower team and
                                        assess what opportunities are on the market.</p>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('client_dashboard.time_date') }}</label>
                                            <p class="display-info">{{$activity->trackable->time_formatted}},
                                                {{$activity->trackable->date_formatted}}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('client_dashboard.interview_type') }}</label>
                                            <p class="display-info">{{($activity->trackable->type == 'Skype') ? 'Virtual' : $activity->trackable->type}}</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            @if($activity->trackable->type == "Skype")
                                            <label class="control-label">{{ @trans('client_dashboard.virtual_info') }}</label>
                                            <p class="display-info">{{$activity->trackable->skype}}</p>
                                            @elseif($activity->trackable->type == "Face To Face")
                                            <label class="control-label">{{ @trans('client_dashboard.interview_location') }}</label>
                                            <p class="display-info">{{$activity->trackable->location}}</p>
                                            @else
                                            <label class="control-label">{{ @trans('client_dashboard.contact_no') }}.</label>
                                            <p class="display-info">{{$activity->trackable->telephone}}</p>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('client_dashboard.contact_person') }}</label>
                                            <p class="display-info">{{$activity->trackable->recruitBy->first_name}},
                                                {{$activity->trackable->recruitBy->mobile}}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group mb-0">
                                            <label class="control-label">{{ @trans('client_dashboard.notes') }}</label>
                                            <p class="display-info mb-0">{{$activity->trackable->notes}}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if($activity->text == "document_requested" && $activity->trackable->job != null)
                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img6.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div class="box dark-bg mx-0">
                            <div class="white-bg">
                                <small class="gray">{{$activity->created_at_formatted}}</small>
                                <p>We require your @foreach($activity->trackable->requestedDocs as $key =>
                                    $document)@if($key != 0),@endif {{$document->documentDetails->name}}
                                    @endforeach in order to proceed with your application for the <span class="underline"><a href="{{route('front.job.detail',['slug' => $activity->trackable->job->slug.'-'.$activity->trackable->job->unique_id])}}" target="_blank">{{$activity->trackable->job->nameformatted}}</a></span>
                                    role. Please use the link below to upload the relevant document(s).</p>
                                <div class="d-flex flex-column flex-lg-row">
                                    @foreach($activity->trackable->requestedDocs as $key => $document)
                                    @if($document->status == "pending")
                                    <input type="hidden" name="document_req_id" value="{{$document->id}}">
                                    <div class="form-group file-upload d-inline-block mr-lg-2 my-1">
                                        <div class="custom-file">
                                            <input title="Upload {{$document->documentDetails->name}}" data-toggle="tooltip" type="text" class="custom-file-input upload_doc" id="document_{{$document->id}}" data-id="{{$document->id}}" name="document" alt="Upload {{$document->documentDetails->name}}" onclick="openAttachModal('{{ Auth::user()->id }}','{{ $document->documentDetails->id }}', '{{ $document->id}}')">
                                            <label class="custom-file-label" for="{{$document->documentDetails->name}}"><img src="{{asset('img/file-upload.svg')}}" alt="upload">Upload
                                                {{$document->documentDetails->name}}</label>
                                        </div>
                                    </div>
                                    @endif
                                    @endforeach
                                </div>
                            </div>
                            @foreach($activity->trackable->requestedDocs as $key => $document)
                            @if($document->status == "completed")
                            <small class="gray">Uploaded</small>
                            @break
                            @endif
                            @endforeach
                            <div id="uploaded-document">
                                @foreach($activity->trackable->requestedDocs as $key => $document)
                                @if($document->status == "completed")
                                <p class="mb-0">{{$document->documentDetails->name}} uploaded successfully.</p>
                                @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif
                    @if($activity->text == "hired" && $activity->trackable->job != null)
                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img9.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            <div class="box white">
                                <small class="gray">{{$activity->created_at_formatted}}</small>
                                <p> Congratulation {{$activity->trackable->user->first_name}} you have been hired for
                                    the <span class="underline">
                                        <a href="{{route('front.job.detail',['slug' => $activity->trackable->job->slug.'-'.$activity->trackable->job->unique_id])}}" target="_blank">{{$activity->trackable->job->nameformatted}}</a></span>
                                    role. Please find a link to your signed offer letter / contract <span class="underline"><a href="{{asset($activity->trackable->contract_link)}}" target="_blank">here</a></span>. All
                                    the best with your new role!</p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if($activity->text == "new_blog_post")
                    @if($activity->trackable != null)
                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-empower-filled-icon.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            <div class="box white">
                                <div class="row">
                                    <div class="col-sm-4">
                                        <a href="{{route('home.newsdetail',['slug' => $activity->trackable->slug])}}"><img src="{{asset(config('custom.download.url').config('custom.upload.blog.cover_image') .'/'.$activity->trackable->image)}}" alt="Blog Image"></a>
                                    </div>
                                    <div class="col-sm-8">
                                        <div class="content">
                                            <small class="gray">{{$activity->trackable->posted_date_log_formatted}}</small>
                                            <a href="{{route('home.newsdetail',['slug' => $activity->trackable->slug])}}">
                                                <h3 class="title-font m-0">{{$activity->trackable->title}}</h3>
                                            </a>
                                            <small class="xs-font-size gray">{{$activity->trackable->news_category->name}}</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @endif

                    @if($activity->text == "contact_info_update" ||
                    $activity->text == "personal_section_update" ||
                    $activity->text == "new_education_section" ||
                    $activity->text == "update_education_section" ||
                    $activity->text == "new_certificate_section" ||
                    $activity->text == "update_certificate_section" ||
                    $activity->text == "new_experience_section" ||
                    $activity->text == "update_experience_section" ||
                    $activity->text == "new_reference_section" ||
                    $activity->text == "update_reference_section" ||
                    $activity->text == "update_renumeration_section" ||
                    $activity->text == "update_document_section"
                    )

                    <div class="activity-row d-flex justify-content-between">
                        @php $text = ""; @endphp
                        @if($activity->text == "contact_info_update")
                        @php $text = "updated Contact Information section"; @endphp

                        @elseif($activity->text == "personal_section_update")
                        @php $text = "updated Personal Information section"; @endphp

                        @elseif($activity->text == "new_education_section")
                        @php $text = "added new Education"; @endphp

                        @elseif($activity->text == "update_education_section")
                        @php $text = "updated Educations section"; @endphp

                        @elseif($activity->text == "new_certificate_section")
                        @php $text = "added new Certificate"; @endphp

                        @elseif($activity->text == "update_certificate_section")
                        @php $text = "updated Certificate section"; @endphp

                        @elseif($activity->text == "new_experience_section")
                        @php $text = "added new Experience"; @endphp

                        @elseif($activity->text == "update_experience_section")
                        @php $text = "updated Experience section"; @endphp

                        @elseif($activity->text == "new_reference_section")
                        @php $text = " added new Referees"; @endphp

                        @elseif($activity->text == "update_reference_section")
                        @php $text = "References section"; @endphp

                        @elseif($activity->text == "update_renumeration_section")
                        @php $text = " updated Remunaration section"; @endphp
                        @else
                        @php $text = "uploaded new Document"; @endphp

                        @endif
                        <div>
                            <img src="{{asset('img/dashboard-img8.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            <div class="box white">
                                <small class="gray">{{$activity->created_at_formatted}}</small>
                                <p class="mb-0">You’ve {{$text}}.</p>
                            </div>
                        </div>
                    </div>
                    @endif

                    {{-- show super senior related activities --}}
                    @if($activity->text == "super_senior_request" ||
                    $activity->text == 'super_senior_request_accepted' ||
                    $activity->text == 'super_senior_request_rejected' ||
                    $activity->text == 'super_senior_activated' ||
                    $activity->text == 'super_senior_deactivated')

                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img8.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            <div class="box white">
                                <small class="gray">{{$activity->created_at_formatted}}</small>
                                <p class="mb-0">
                                    @if($activity->text == "super_senior_request")
                                    Thank you, your super senior profile application is under review by Empower team.
                                    @endif

                                    @if($activity->text == "super_senior_request_accepted")
                                    Congratulations, your super senior profile application is approved!
                                    @endif

                                    @if($activity->text == "super_senior_request_rejected")
                                    Sorry, your super senior profile application is rejected! <br />
                                    Please be in touch with your Talent Adviser or contact the Empower support team to know more!
                                    @endif

                                    @if($activity->text == "super_senior_activated")
                                    Congratulations, your profile have a super senior candidate benefits now! <br />
                                    Please be in touch with your Talent Adviser or contact the Empower support team to know more!
                                    @endif

                                    @if($activity->text == "super_senior_deactivated")
                                    Sorry, super senior profile benefits have been removed from your candidate profile! <br />
                                    Please be in touch with your Talent Adviser or contact the Empower support team to know more!
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>
                    @endif

                    @if($activity->text == "new_movement_article" ||
                    $activity->text == "approve_movement_article" ||
                    $activity->text == "reject_movement_article" ||
                    $activity->text == "update_movement_article" ||
                    $activity->text == "approve_updated_movement_article" ||
                    $activity->text == "reject_updated_movement_article")
                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img8.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>

                        <div>
                            @if(($activity->text == 'reject_movement_article' || $activity->text == 'reject_updated_movement_article'))
                                                        <div class="box dark-bg mx-0">
                                <div class="white-bg">
                                    <small class="gray">{{$activity->created_at_formatted}}</small>
                                    <p class="mb-0">
                                        @if($activity->text == 'reject_movement_article')
                                        Your recently published an article that has been rejected.
                                        @elseif($activity->text == 'reject_updated_movement_article')
                                        Your recently made edits to a published article that have been rejected.
                                        @endif
                                    </p>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('client_dashboard.article_title') }}</label>
                                            <p class="display-info">
                                                {{$movement_title}}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group mb-0">
                                            <label class="control-label">{{ @trans('client_dashboard.rejection_reason') }}</label>
                                            @if($reject_reason)
                                            <p class="mb-0">
                                                {{ $reject_reason }}
                                            </p>
                                            @else
                                            <p class="display-info mb-0">-</p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @else
                            <div class="box white mx-0">
                                <small class="gray">{{$activity->created_at_formatted}}</small>
                                <p class="mb-0">
                                    @if($activity->text == 'new_movement_article')
                                    You made a move! Your new article is being reviewed by our content moderators.
                                    @elseif($activity->text == 'reject_movement_article')
                                    Your recently published an article that has been rejected.
                                    @elseif($activity->text == 'approve_movement_article')
                                    You are live! Click <a href="{{ route('front.movement.movementdetails', ['slug' => $activity->trackable->slug]) }}" target="_blank" style="text-decoration: underline;">here</a> to view your new Article & don't forget to share it
                                    @elseif($activity->text == 'update_movement_article')
                                    Our content moderators have received your article edits and will provide feedback shortly.
                                    @elseif($activity->text == 'approve_updated_movement_article')
                                    Your published edits have been approved. View your updated article <a href="{{ route('front.movement.movementdetails', ['slug' => $activity->trackable->slug]) }}" target="_blank" style="text-decoration: underline;">here</a>.
                                    @elseif($activity->text == 'reject_updated_movement_article')
                                    Your recently made edits to a published article that have been rejected.
                                    @endif
                                </p>
                            </div>
                            @endif
                        </div>
                    </div>
                    @endif

                    @if($activity->text == "approve_consultant_profile" ||
                    $activity->text == "reject_consultant_profile" ||
                    $activity->text == "approve_consultant_inquiry" ||
                    $activity->text == 'successfull_consultant_payment' ||
                    $activity->text == 'renew_consultant_payment' ||
                    $activity->text == 'refund_consultant_payment')
                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img8.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            @if($activity->text == 'reject_consultant_profile' && isset($activity->trackable->reject_reason))
                            <div class="box dark-bg mx-0">
                                <div class="white-bg">
                                    <small class="gray">{{$activity->created_at_formatted}}</small>
                                    <p class="mb-0">
                                        Your Consulting Marketplace profile has been rejected by our moderators.
                                    </p>
                                </div>
                                <small class="gray">{{ @trans('client_dashboard.reason') }}</small>
                                <p class="mb-0">
                                    {{ $activity->trackable->reject_reason }}
                                </p>
                            </div>
                            @else
                            <div class="box white mx-0">
                                <small class="gray">{{$activity->created_at_formatted}}</small>
                                <p class="mb-0">
                                    @if($activity->text == 'approve_consultant_profile')
                                    @if(isset($activity->trackable) && isset($activity->trackable->slug))
                                    Welcome to the Consulting Marketplace. Your profile has been approve, click <a href="{{ route('consultant.profile', ['slug' => $activity->trackable->slug]) }}" target="_blank" style="text-decoration: underline">here</a> to view your public profile
                                    @endif
                                    @elseif($activity->text == 'reject_consultant_profile')
                                    Your Consulting Marketplace profile has been rejected by our moderators.
                                    @elseif($activity->text == 'approve_consultant_inquiry')
                                    Great decision - you have approved a recent Consulting Request.
                                    @elseif($activity->text == 'successfull_consultant_payment')
                                    @if(isset($activity->trackable) && isset($activity->trackable->plan))
                                    You have successfully paid for the {{ $activity->trackable->plan->name }} package on the Consulting Marketplace. Your profile is under review by our content moderators and wil be actioned soon.
                                    @endif
                                    @elseif($activity->text == 'renew_consultant_payment')
                                    @if(isset($activity->trackable) && isset($activity->trackable->plan))
                                    You have successfully paid for the {{ $activity->trackable->plan->name }} package on the Consulting Marketplace.
                                    @endif
                                    @elseif($activity->text == 'refund_consultant_payment')
                                    @if(isset($activity->trackable) && isset($activity->trackable->amount))
                                    You have been provided a refund to the sum of {{ $activity->trackable->amount }}. Click <a href="{{ route('consultant.my_payment_history') }}" target="_blank" style="text-decoration: underline;">here</a> to view your payment history.
                                    @endif
                                    @endif
                                </p>
                            </div>
                            @endif
                        </div>
                    </div>
                    @endif

                    @if($activity->text == "received_consulting_request")
                    <div class="activity-row d-flex justify-content-between">
                        <div>
                            <img src="{{asset('img/dashboard-img8.svg')}}" alt="Activity Image" class="rounded-circle" style="width: 60px;">
                        </div>
                        <div>
                            <div class="box white mx-0">
                                <small class="gray">{{$activity->created_at_formatted}}</small>
                                <p class="mb-0">
                                    <b>URGENT:</b> You have received a Consulting Request. Click <a href="{{ route('consultant.my_inquiries') }}" target="_blank" style="text-decoration: underline">here</a> to review the project and provide feedback.
                                </p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @endforeach

                    {{$activities->links()}}
                </div>
                @else
                <div class="main-content">
                    <div class="d-flex justify-content-between">
                        <div>
                            <div class="box white">
                                <p>Welcome to the Smart Platform!</p>
                                <p>We already have your basic information, however we will require some additional
                                    information to activate the job matching technology including below; please go to
                                    <a href="{{route('front.profile.index')}}" class="underline">Edit Profile</a> to
                                    fill up these details.
                                </p>
                                <ul class="empty-message-list">
                                    <li>Additional Contact Information</li>
                                    <li>Personal Information</li>
                                    <li>Education History</li>
                                    <li>Awards, Certificates &amp; Qualifications</li>
                                    <li>Experience History</li>
                                    <li>Referee Contact Information</li>
                                    <li>Remuneration Expectations</li>
                                </ul>
                                <p>This seems like a lot; but we promise you will experience the benefit because the
                                    more accurate and detailed the information you input the more likely you are to find
                                    <strong>relevant</strong> job opportunities.
                                </p>
                                <p>There is a running algorithm based on the information input on your Profile Page; we
                                    now have a <strong>Recommended Jobs Page</strong> where the Smart Platform will
                                    automatically match you to opportunities that suit your experience. When new vacant
                                    jobs are posted you will also receive notifications making sure you never miss the
                                    chance to apply!</p>
                                <p>We are committed to making your career navigation easier and more convenient; over
                                    the coming months we will be launching several new features to ease this process for
                                    you.</p>
                                <p>Thank you for being part of the Empower Family!</p>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
            </div>
            <div class="col-xl-3 d-none d-xl-block">
                <div class="sidebar right">
                    <div class="box white">
                        <div class="title-wrapper">
                            @if($isRecommended == true)
                            <h3 class="h3-title h3">{{ @trans('client_dashboard.recommended_jobs') }}</h3>
                            @else
                            <h3 class="h3-title h3">{{ @trans('client_dashboard.hot_jobs') }}</h3>
                            @endif
                        </div>
                        <ul class="sidebar-recom-job">
                            @foreach($hotJobs as $key => $job)
                            <li>
                                <a href="{{route('front.job.detail',['slug' => $job->slug.'-'.$job->unique_id])}}">
                                    <strong>{{$job->nameformatted}}</strong>
                                    <br>
                                    <span class="loc gray">
                                        <i class="material-icons">room</i> {{$job->city->name}}
                                    </span>
                                </a>
                            </li>
                            @endforeach
                        </ul>
                        @if($isRecommended == true)
                        <a href="{{route('front.job.recommendedJobs')}}" class="btn btn-primary-em w-100 mb-2">{{ @trans('client_dashboard.view_all') }}</a>
                        @else
                        <a href="{{route('front.job.index')}}" class="btn btn-primary-em w-100 mb-2">{{ @trans('client_dashboard.view_all') }}</a>
                        @endif
                    </div>
                    @if($isAlreadySuper == false)
                    <div class="box orange">
                        <h2 class="h2 title">Super Senior Profile</h2>
                        <p class="sub-title m-0">Special benefits for Super Senior Candidate Profile</p>
                        <a href="{{ route('front.dashboard.super-senior') }}" class="btn btn-transparent d-block">Apply Now</a>
                    </div>
                    @endif
                </div>
            </div>

        </div>
    </div>
</main>
@endsection
@push('pageJs')

<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script type="text/javascript">
    $(function() {
        $('[data-toggle="tooltip"]').tooltip()
    })
    $('ul.pagination').hide();
    $(function() {
        $('.infinite-scroll').jscroll({
            autoTrigger: true,
            loadingHtml: '<div class="loader" style="display:block"></div>',
            padding: 20,
            nextSelector: '.pagination li.active + li a',
            contentSelector: 'div.infinite-scroll',
            callback: function() {
                $('ul.pagination').remove();
            }
        });
    });

    function interviewFeedbackDetail(interviewId) {
        axios.get("{{route('front.feedback.review')}}", {
            params: {
                id: interviewId
            }
        }).then(function(response) {
            $("#feedback-content").html('');
            $("#feedback-content").append(response.data.html);
            $("#feedback-modal").modal('show');
        });
    }

    $(document).ready(function() {
        @if(Session::has('m-plus-registraion-success'))
        Snackbar.show({
            pos: 'bottom-right',
            text: "{!! session('m-plus-registraion-success') !!}",
            actionText: 'Okay'
        });
        @endif
    });

    function openAttachModal(candiateId, docTypeId, jobInterviewDocRerquestId) {
        $('[data-toggle="tooltip"]').tooltip('hide');
        $('#frmAttach #candidateId').val(candiateId);
        $('#frmAttach #docTypeId').val(docTypeId);
        $('#frmAttach #jobInterviewDocRerquestId').val(jobInterviewDocRerquestId);

        if (isIE()) {
            $('#ieMessage').modal();
        } else {
            $('#attachModal').modal();
        }
    }
    // start multiple file upload function
    $('#frmAttach').on('submit', function(e) {

        e.preventDefault();
        if ($('#frmAttach').valid()) {
            var formData = new FormData(this);
            var doc_id = $('#frmAttach #docTypeId').val()
            $('#frmAttach .submitfrmAttach').attr('disabled', true);
            $('#frmAttach .submitfrmAttach').val('Uploading...');

            $.ajax({
                type: 'POST',
                url: '{{ route("front.job.uploadDocument") }}',
                data: formData,
                cache: false,
                contentType: false,
                processData: false,
                beforeSend: function() {
                    showLoader();
                },
                success: function(response) {
                    location.reload();
                    $('#frmAttach .submitfrmAttach').attr('disabled', false);
                    $('#frmAttach .submitfrmAttach').val('Submit');
                    $("#frmAttach").trigger('reset');
                    $('#attachModal').modal('hide');
                    hideLoder();
                },
                error: function() {
                    hideLoder();
                    $('#frmAttach .submitfrmAttach').attr('disabled', false);
                    $('#frmAttach .submitfrmAttach').val('Submit');

                }
            });
        }
    });

    var frmAttach =  $("#frmAttach").validate({
        rules: {
            'document[]': {
                required: true,
                extension: 'doc|docx|pdf|xlsx|xls|jpeg|jpg|png',
                filesize: 25
            },
            'title[]': {
                required: true
            }
        },
        messages: {
            'document[]': {
                required: "This field is required.",
                extension: 'Valid files are PDF, Word, Excel, Images (png/jpg)',

            },
            title: {
                required: 'This field is required.'
            }
        },
        errorElement: 'span',
        errorClass: 'invalid-feedback',
        errorPlacement: function(error, element) {
            if (element.type == 'input') {
                error.insertAfter(element.sibling(a));
            } else {
                if (element.prop('type') === 'file') {
                    error.appendTo(element.parent().parent());
                } else {
                    if (element.is('#fb-userId')) {
                        el = $(".name-opt .dropdown-menu").parent();
                        error.insertAfter(el);
                    } else {
                        error.insertAfter(element);
                    }
                }
            }
        }
    });

    // $('#frmAttach input[type="file"]').change(function(e){
    $(document).on('change', '#frmAttach input[type="file"]', function(e) {
        $(this).parents('.documentFileNameClass').find('.showDocumentFileName').text(e.target.files[0].name);
    });

    $(document).on('click', '#frmAttach .adder', function() {

        var img = '{{ asset("img/ic-attachment-dark.svg") }}';
        var block = '<div class="attach-list-row cloned">\
        <div class="form-group mb-1 documentFileNameClass">\
            <label class="control-label">Upload File</label>\
            <div class="custom-file w-100 file-type-new">\
                <input type="file" class="custom-file-input w-100 fileInput" name="document[]">\
                <label class="custom-file-label bg-white form-control text-left d-flex">Choose file...</label>\
                <span class="attachment-bg"><img src="' + img + '" alt="ic-attachment"></span>\
            </div>\
            <span class="m-0 xs-font-size showDocumentFileName"></span>\
        </div>\
        <div class="align-items-start d-flex">\
            <div class="form-group mb-0 mr-2">\
                <label class="control-label">Document Name</label>\
                <input type="text" class="form-control titleInput" name="title[]">\
            </div>\
            <a href="javascript:void(0)" class="mt-4 px-1 pt-3 pb-2 act remover text-center"><span class="material-icons gray">clear</span></a>\
        </div>\
        <hr/>\
        </div>';
        $(block).insertAfter($('#frmAttach').find('.attach-list-row:last'));
        reindex();

        $docTypeId = $('#frmAttach #docTypeId').val();
        if ($docTypeId == 2) {
            $('#frmAttach .titleInput').attr('placeholder', 'Company Name / Payslip Month & Year');
        } else if ($docTypeId == 3) {
            $('#frmAttach .titleInput').attr('placeholder', 'ID Document Name / Month & Year of ID');
        } else if ($docTypeId == 4) {
            $('#frmAttach .titleInput').attr('placeholder', 'e.g. Exp Certificate / Month & Year');
        } else if ($docTypeId == 5) {
            $('#frmAttach .titleInput').attr('placeholder', 'e.g. Cisco CCNA 200-301 Certified / Month & Year');
        }
    });

    $(document).on('click', '#frmAttach .remover', function() {
        $(this).parents('.attach-list-row:first').remove();
        reindex();
    });

    function reindex() {
        var blocks = $('#frmAttach .attach-list-row');
        $.each(blocks, function(index, value) {
            $(value).find('.custom-file-input').attr('name', 'document[' + index + ']');
            $(value).find('.custom-file-input').attr('id', 'document_' + index);
            $(value).find('.form-control').attr('name', 'title[' + index + ']');
            $(value).find('.form-control').attr('id', 'title_' + index);
        });

        $.validator.messages.extension = 'Valid files are PDF, Word, Excel, Images (png/jpg)';
        $.validator.addClassRules("titleInput", {
            required: true
        });

        $.validator.addClassRules("fileInput", {
            required: true,
            extension: 'doc|docx|pdf|xls|xlsx|jpeg|jpg|png',
            filesize: 25
        });
    }

    $('#attachModal').on('hidden.bs.modal', function(e) {
        $('#frmAttach').find('.cloned').remove();
        $('#frmAttach').trigger('reset');
        $('#frmAttach').find('.invalid-feedback').remove('span');
        $('.showDocumentFileName').empty();
        $('#frmAttach').find('.custom-file-input').removeClass('is-invalid');
        $('#frmAttach').find('.form-control').removeClass('is-invalid');
        frmAttach.resetForm();
    });

    $('#attachModal').on('show.bs.modal', function(e) {
        var candiateId = $('#frmAttach #candidateId').val();
        var docTypeId = $('#frmAttach #docTypeId').val();
        if (docTypeId == 2) {
            $('.documentModalMsg').html('You can upload multiple payslips at a time. Valid files are PDF, Word, Excel, Images (png/jpg)');
            $('.titleInput').attr('placeholder', 'Company Name / Payslip Month & Year');
        } else if (docTypeId == 3) {
            $('.documentModalMsg').html('You can upload multiple identifications at a time. Valid files are PDF, Word, Excel, Images (png/jpg)');
            $('.titleInput').attr('placeholder', 'ID Document Name / Month & Year of ID');
        } else if (docTypeId == 4) {
            $('.documentModalMsg').html('You can upload multiple employment docs at a time. Valid files are PDF, Word, Excel, Images (png/jpg)');
            $('.titleInput').attr('placeholder', 'e.g. Exp Certificate / Month & Year');
        } else if (docTypeId == 5) {
            $('.documentModalMsg').html('You can upload multiple additional docs at a time. Valid files are PDF, Word, Excel, Images (png/jpg)');
            $('.titleInput').attr('placeholder', 'e.g. Cisco CCNA 200-301 Certified / Month & Year');
        }

    });
</script>
@endpush
@push('pageModals')
<div id="feedback-content">

</div>
{{-- start multiple file upload --}}
<div class="modal fade" id="attachModal" data-backdrop="static">
    <div class="modal-dialog modal-md modal-dialog-centered">
        <div class="modal-content">
            <form id="frmAttach" method="post" enctype="multipart/form-data" action="">
                <input type="hidden" name="candidateId" id="candidateId" value="" />
                <input type="hidden" name="docTypeId" id="docTypeId" value="" />
                <input type="hidden" name="jobInterviewDocRerquestId" id="jobInterviewDocRerquestId" value="" />
                @csrf
                <!-- Modal Header -->
                <div class="modal-header new-light-bg">
                    <h4 class="modal-title regular body-font-size">Attach</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <!-- Modal body -->
                <div class="modal-body">
                    <p class="mb-1 small-font-size">Upload your documents</p>
                    <p class="gray xs-font-size documentModalMsg"></p>
                    <div class="attach-list-row">
                        <div class="form-group mb-1 documentFileNameClass">
                            <label class="control-label">Upload File</label>
                            <div class="custom-file w-100 file-type-new">
                                <input type="file" class="custom-file-input w-100 fileInput" name="document[]">
                                <label class="custom-file-label bg-white form-control text-left d-flex">Choose file...</label>
                                <span class="attachment-bg"><img src="{{ asset('img/ic-attachment-dark.svg') }}" alt="ic-attachment"></span>
                            </div>
                            <span class="m-0 xs-font-size showDocumentFileName"></span>
                        </div>
                        <div class="align-items-start d-flex">
                            <div class="form-group mb-0 mr-2">
                                <label class="control-label">Document Name</label>
                                <input type="text" class="form-control titleInput" name="title[]">
                            </div>
                            <a href="javascript:void(0)" class="mt-4 px-1 pt-3 pb-2 act adder text-center"><span class="material-icons gray">add</span></a>
                        </div>
                        <hr />
                    </div>

                </div>

                <!-- Modal footer -->
                <div class="modal-footer justify-content-center border-top-0 pt-0 pb-4">
                    <input type="submit" class="btn btn-transparent px-4 submitfrmAttach" value="Submit" />
                </div>

            </form>

        </div>
    </div>
</div>
{{-- end multiple file upload --}}
<div class="modal" tabindex="-1" id="docSizeAlert" data-backdrop="static">
    <div class="modal-dialog modal-md modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Alert!</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>Maximum size of document should be 25 MB.</p>
            </div>
            <div class="modal-footer d-flex justify-content-between">
                <button type="button" class="btn btn-cncl" data-dismiss="modal">Okay</button>
            </div>
        </div>
    </div>
</div>

@endpush