@extends('front.layouts.main')

@if($consultant->consultant_profile->is_incognito_mode)
@section('title'){{'Anonymous'}}@if($consultant->locations &&
$consultant->locations->cities) from {{ $consultant->locations->cities->name }}@endif | {{ 'Empower Jobs'}}@endsection
@else
@section('title'){{$consultant->first_name}} {{ $consultant->last_name}}@if($consultant->locations &&
$consultant->locations->cities) from {{ $consultant->locations->cities->name }}@endif | {{ 'Empower Jobs'}}@endsection
@endif

@if($consultant->consultant_profile->is_incognito_mode)
@section('description')Anonymous is a top consultant from @if($consultant->locations &&
$consultant->locations->cities){{ $consultant->locations->cities->name }}@endif. You can reach to Anonymous through
Empower Jobs and hire quickly.@endsection
@else
@section('description'){{$consultant->first_name}} {{ $consultant->last_name}} is a top consultant
@if($consultant->locations &&
$consultant->locations->cities) from {{ $consultant->locations->cities->name }}@endif. You can reach to
{{$consultant->first_name}} {{ $consultant->last_name}} through Empower Jobs and hire quickly.@endsection
@endif

@if($consultant->consultant_profile->is_incognito_mode)
@section('img-url'){{ asset('img/default_avatar_'.$consultant->profiles->gender.'.jpg') }}@endsection
@elseif($consultant->profile_image)
@section('img-url'){{ config('custom.download.url') . config('custom.upload.user.profile') . "/" . $consultant->id . "/"
. $consultant->profile_image }}@endsection
@endif


@section('content')

<main class="consultant-profile-page">
    <div class="container">
        <div class="row">

            <div class="col-lg-3 col-md-4">
                <div class="sidebar left">
                    <div class="box white text-center">
                        <div class="d-block text-center">
                            @if($consultant->consultant_profile->is_incognito_mode)
                            <img src="{{ asset('img/default_avatar_'.$consultant->profiles->gender.'.jpg') }}" alt=""
                                class="mr-2 d-block mx-auto rounded-circle user-img mb-n2" style="width:150px;" />
                            @else
                            <img src="{{ $consultant->present()->profile_image }}" alt=""
                                class="mr-2 d-block mx-auto rounded-circle user-img mb-n2" style="width:150px;">
                            @endif
                            <span class="em-chip rounded-chip yellow px-2 xs-font-size mt-n5">{{
                                ucfirst($consultant->consultant_profile->experience_level) }}</span>
                        </div>
                        @if($consultant->consultant_profile->is_incognito_mode)
                        <h2 class="mt-3 mb-2 medium-font-size">Anonymous Profile</h2>
                        @else
                        <h2 class="mt-3 mb-2 medium-font-size">{{ $consultant->present()->name}}</h2>
                        @endif

                        <p class="mt-0 gray small-font-size"><span class="material-icons">room</span>
                            @if($consultant->locations && $consultant->locations->cities)
                            {{ $consultant->locations->cities->name }}
                            @else
                            -
                            @endif
                        </p>
                        <p class="mt-0 gray small-font-size">
                            {{ $consultant->consultant_profile->hourly_rate->country->currency_symbol }}
                            {{ $consultant->consultant_profile->hourly_rate->start_rate_formatted
                            }}@if($consultant->consultant_profile->hourly_rate->end_rate_formatted)-{{
                            $consultant->consultant_profile->hourly_rate->end_rate_formatted }}
                            @else+@endif / hr
                        </p>
                        
                        @if(auth()->user() && auth()->user()->id == $consultant->id)
                        
                            @if(!$lastPlanRemainingDays && $consultant->consultant_profile->approved_at)
                                <a href="{{ route('consultant.renew_plan') }}" class="btn btn-primary-em w-100 mb-3">Renew Plan</a>
                            @elseif(!$consultant->consultant_profile->profile_disabled_at)
                                <a href="{{ route('consultant.register1') }}" class="btn btn-primary-em w-100 mb-3">Edit Profile</a>
                            @endif
                        
                            @if($lastPlanRemainingDays)
                                @if($consultant->consultant_profile->profile_disabled_at)
                                    <a href="javascript:void(0)" class="btn btn-primary-em w-100" data-toggle="modal" data-target="#modalConfirm" data-action="reactivate_profile">Re-activate Profile</a>
                                @else
                                    <a href="javascript:void(0)" class="text-underlined w-100" data-toggle="modal" data-target="#modalConfirm" data-action="deactivate_profile">De-activate Profile</a>
                                @endif
                            @endif    
                        @else
                            @if($consultant->consultant_profile->is_incognito_mode)
                            <a href="javascript:void()" data-toggle="modal" data-target="#contactConsultantModal" data-name="Consultant" data-id="{{ $consultant->id }}" class="btn btn-primary-em w-100">Contact Consultant</a>
                            @else
                            <a href="javascript:void()" data-toggle="modal" data-target="#contactConsultantModal" data-name="{{ $consultant->present()->name }}" data-id="{{ $consultant->id }}" class="btn btn-primary-em w-100">Contact {{ $consultant->first_name}}</a>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-lg-9 col-md-8">
                <div class="main-content">
                    <div class="box white">
                        <div class="title-wrapper">
                            <h2 class="box-title body-font-size">Consultant Profile</h2>
                        </div>
                        <p class="gray small-font-size">{{ $consultant->consultant_profile->bio }}</p>

                        <div class="title-wrapper">
                            <h2 class="box-title body-font-size">Skills</h2>
                        </div>
                        @if(!blank($consultantSkills))
                        <ul class="m-0 mb-4 p-0">
                            @foreach($consultantSkills as $consultantCat => $consultantSkill)
                            <li @if($loop->iteration != 1) class="mt-3" @endif>
                                <h3 class="gray xs-font-size bold text-nowrap mb-1 mr-2">{{ $consultantCat }}</h3>
                                <div class="chips d-flex align-items-center flex-wrap">
                                    @foreach($consultantSkill as $skill)
                                    <a href="javascript:void(0)"
                                        class="em-chip rounded-chip d-flex align-items-center">{{ $skill->name }}</a>
                                    @endforeach
                                </div>
                            </li>
                            @endforeach
                        </ul>
                        @endif

                        <div class="title-wrapper">
                            <h2 class="box-title body-font-size">Language Proficiency</h2>
                        </div>
                        <div class="row">
                            @foreach($consultant->languages as $language)
                            <div class="col-md-6 col-lg-4">
                                <div class="d-flex form-group">
                                    <label class="control-label gray body-font-size mr-3 w-25">{{ $language->name
                                        }}</label>
                                    <div class="d-flex ratings">
                                        <a href="javascript:void(0)"
                                            class="px-1 @if($language->pivot->rating >= 1) checked @endif"><span
                                                class="material-icons">star</span></a>
                                        <a href="javascript:void(0)"
                                            class="px-1 @if($language->pivot->rating >=2) checked @endif"><span
                                                class="material-icons">star</span></a>
                                        <a href="javascript:void(0)"
                                            class="px-1 @if($language->pivot->rating >= 3) checked @endif"><span
                                                class="material-icons">star</span></a>
                                        <a href="javascript:void(0)"
                                            class="px-1 @if($language->pivot->rating >= 4) checked @endif"><span
                                                class="material-icons">star</span></a>
                                        <a href="javascript:void(0)"
                                            class="px-1 @if($language->pivot->rating >= 5) checked @endif"><span
                                                class="material-icons">star</span></a>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>

                        <div class="title-wrapper">
                            <h2 class="box-title body-font-size">Location</h2>
                        </div>
                        <p class="gray m-0">
                            @if($consultant->locations && $consultant->locations->cities)
                            {{ $consultant->locations->cities->name }}
                            @else
                            -
                            @endif
                        </p>
                    </div>

                    <div class="box white">
                        <div class="title-wrapper">
                            <h2 class="box-title body-font-size">Mobilisation</h2>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 col-lg-3">
                                <div class="form-group">
                                    <label class="control-label bold gray">Type of Consultant</label>
                                    <p class="display-info">{{ ucfirst($consultant->consultant_profile->consultant_type)
                                        }}</p>
                                </div>
                            </div>
                            <div class="col-sm-6 col-lg-3">
                                <div class="form-group">
                                    <label class="control-label bold gray">Ability to Invoice</label>
                                    <p class="display-info">
                                        @if($consultant->consultant_profile->can_invoice)
                                        Yes
                                        @else
                                        No
                                        @endif
                                    </p>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label bold gray">Availability</label>
                                    <p class="chips d-flex align-items-center flex-wrap">
                                        @foreach($availabilities as $availability)
                                        <a href="javascript:void(0)"
                                            class="em-chip rounded-chip d-flex align-items-center">{{ $availability
                                            }}</a>
                                        @endforeach
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    @if(!blank($consultant->consultant_experiences))
                    <div class="box white">
                        <div class="title-wrapper">
                            <h2 class="box-title">Consultancy Experience</h2>
                        </div>
                        @foreach($consultant->consultant_experiences as $key => $experience)
                        <h3 class="title-font">{{$experience->project_title}}</h3>
                        <p class="gray related-list">
                            {{$experience->commancompanies->name}}
                            @if($experience->jobindustryName1)
                            @if($experience->jobindustryName2)
                            @if($experience->jobindustryName3)
                            ({{$experience->jobindustryName1->name}}, {{$experience->jobindustryName2->name}},
                            {{$experience->jobindustryName3->name}} )
                            @else
                            ({{$experience->jobindustryName1->name}}, {{$experience->jobindustryName2->name}})
                            @endif
                            @else
                            ({{$experience->jobindustryName1->name}})
                            @endif
                            @endif
                        </p>
                        <p class="related-list">
                            <span>
                                @if($experience->jobCategoryName1)
                                @if($experience->jobCategoryName2)
                                @if($experience->jobCategoryName3)
                                ({{$experience->jobCategoryName1->name}}, {{$experience->jobCategoryName2->name}},
                                {{$experience->jobCategoryName3->name}} )
                                @else
                                ({{$experience->jobCategoryName1->name}}, {{$experience->jobCategoryName2->name}})
                                @endif
                                @else
                                ({{$experience->jobCategoryName1->name}})
                                @endif
                                @endif
                            </span>
                        </p>
                        @if($experience->start_date)
                        <p class="related-list">
                            <span>{{$experience->start_date_formatted}} - @if($experience->is_current != 1)
                                {{$experience->end_date_formatted}} @else Present @endif</span>
                            <span>{{$experience->formatDateDiff($experience->start_date,$experience->end_date)}}</span>
                        </p>
                        @endif
                        @if($experience->description)
                        <p class="related-list">
                            <span>{{$experience->description}}</span>
                        </p>
                        @endif
                        <hr class="w-100">
                        @endforeach
                    </div>
                    @endif

                    @if(!blank($certificates))
                    <div class="box white pb-0">
                        <div class="title-wrapper">
                            <h2 class="box-title body-font-size">Certificates</h2>
                        </div>
                        <div class="row">
                            @foreach($certificates as $doc)
                            <div class="col-lg-3 col-md-6 col-sm-3">
                                <a data-fancybox="certificates" data-caption="{{ $doc->title }}"
                                    href="{{ $doc->getConsultantDocImage() }}">
                                    <img src="{{ $doc->getConsultantDocImage('200-200') }}"
                                        class="rounded-lg cons-profile-img" />
                                </a>
                                <p class="bold">{{ $doc->title }}</p>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    @if(!blank($portfolios))
                    <div class="box white pb-0">
                        <div class="title-wrapper">
                            <h2 class="box-title body-font-size">Portfolio</h2>
                        </div>
                        <div class="row">
                            @foreach($portfolios as $doc)
                            <div class="col-lg-3 col-md-6 col-sm-3">
                                <a data-fancybox="portfolio" data-caption="{{ $doc->title }}"
                                    href="{{ $doc->getConsultantDocImage() }}">
                                    <img src="{{ $doc->getConsultantDocImage('200-200') }}"
                                        class="rounded-lg cons-profile-img" />
                                </a>
                                <p class="bold">{{ $doc->title }}</p>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    @if(!blank($works))
                    <div class="box white pb-0">
                        <div class="title-wrapper">
                            <h2 class="box-title body-font-size">Sample Work</h2>
                        </div>
                        <div class="row">
                            @foreach($works as $doc)
                            <div class="col-lg-3 col-md-6 col-sm-3" data-toggle="modal" data-target="#sliderModal">
                                <a data-fancybox="sample_work" data-caption="{{ $doc->title }}"
                                    href="{{ $doc->getConsultantDocImage() }}">
                                    <img src="{{ $doc->getConsultantDocImage('200-200') }}"
                                        class="rounded-lg cons-profile-img" />
                                </a>
                                <p class="bold">{{ $doc->title }}</p>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif


                    @if(!blank($consultant->educations))
                    <div class="box white">
                        <div class="title-wrapper">
                            <h2 class="box-title">Education & Qualifications</h2>
                        </div>
                        <ul class="m-0 p-0">
                            @foreach($consultant->educations as $key => $education)
                            <li>
                                <h3 class="detail-subtitle bold">{{$education->title}}
                                    @if($education->qualifications)({{$education->qualifications->name}})@endif</h3>
                                <p class="related-list"><span>@foreach($education->qualificationcategories as
                                        $ckey => $category)
                                        {{$category->name}}@if($ckey !=
                                        count($education->qualificationcategories) - 1),@endif
                                        @endforeach</span></p>
                                <p class="related-list">
                                    <span>@if($education->institutions){{$education->institutions->name}}@if($education->institutions->countries
                                        != null), {{$education->institutions->countries->name}}@endif
                                        @endif</span><span>{{date('F-Y',strtotime($education->start_date))}}
                                        - {{date('F-Y',strtotime($education->end_date))}}</span></p>
                            </li>
                            <hr class="w-100">
                            @endforeach
                        </ul>
                    </div>
                    @endif

                    @if(!blank($consultant->experiences))
                    <div class="box white">
                        <div class="title-wrapper">
                            <h2 class="box-title">Experience</h2>
                        </div>
                        <ul class="m-0 p-0">
                            <li>
                                <p class="related-list">
                                    @if($consultant->experiences->contains('is_current', '1'))
                                    <span>Employed</span>
                                    @else
                                    <span>Unemployed</span>
                                    @endif
                                    <span>{{ @trans('candidate.total_experience_of') }}
                                        {{convertDaysInYears($totalDays)}}</span>
                                </p>
                            </li>
                            <hr class="w-100">
                            @foreach($consultant->experiences as $key => $experience)
                            <li>
                                <h3 class="detail-subtitle bold">{{$experience->positiontitle}}</h3>
                                <p class="gray mb-1">
                                    {{$experience->commancompanies->name}}
                                    @if($experience->jobindustryName1)
                                    @if($experience->jobindustryName2)
                                    @if($experience->jobindustryName3)
                                    ({{$experience->jobindustryName1->name}},
                                    {{$experience->jobindustryName2->name}},
                                    {{$experience->jobindustryName3->name}} )
                                    @else
                                    ({{$experience->jobindustryName1->name}},
                                    {{$experience->jobindustryName2->name}})
                                    @endif
                                    @else
                                    ({{$experience->jobindustryName1->name}})
                                    @endif
                                    @endif
                                </p>
                                <p class="related-list">
                                    <span>
                                        @if($experience->jobCategoryName1)
                                        {{$experience->jobCategoryName1->name}}
                                        @endif
                                        @if($experience->jobCategoryName2),
                                        {{$experience->jobCategoryName2->name}}
                                        @endif
                                        @if($experience->jobCategoryName3),
                                        {{$experience->jobCategoryName3->name}} @endif
                                    </span>
                                    <span>@if($experience->joblevels){{$experience->joblevels->name}}@endif</span><span>@if($experience->no_reports
                                        == "251") 250+
                                        @else {{$experience->no_reports}} @endif</span>
                                </p>
                                <p class="related-list">
                                    <span>{{Carbon\Carbon::parse($experience->start_date)->format('F-Y')}} -
                                        @if($experience->is_current != 1)
                                        {{Carbon\Carbon::parse($experience->end_date)->format('F-Y')}} @else
                                        Present
                                        @endif</span><span>
                                        {{$experience->formatDateDiff($experience->start_date,$experience->end_date)}}</span>
                                </p>
                            </li>
                            <hr class="w-100">
                            @endforeach
                        </ul>
                    </div>
                    @endif

                    @if(!blank($consultant->certificates))
                    <div class="box white">
                        <div class="title-wrapper">
                            <h2 class="box-title">Awards, Certificates & Qualifications</h2>
                        </div>
                        <ul class="m-0 p-0">
                            @foreach($consultant->certificates as $key => $certificate)
                            <li>
                                <h3 class="detail-subtitle bold">{{$certificate->ucname}}</h3>
                                <p class="related-list">
                                    @if($certificate->institutions)<span>{{$certificate->institutions->name}}</span>@endif
                                    @if($certificate->is_ongoing == 1) <span>On going</span> @else <span>
                                        {{date('M Y',strtotime($certificate->end_date))}}@endif</span></p>
                                <p class="related-list">
                                    @if($certificate->certificatescategories)
                                    <span>
                                        @foreach($certificate->certificatescategories as $ckey =>
                                        $certificatecategory)
                                        @if($ckey != 0),@endif{{$certificatecategory->name}}@endforeach
                                    </span>
                                    @endif
                                </p>
                            </li>
                            <hr class="w-100">
                            @endforeach
                        </ul>
                    </div>
                    @endif

                    @if(!blank($tools))
                    <div class="box white">
                        <div class="title-wrapper">
                            <h2 class="box-title body-font-size">Tools of The Trade</h2>
                            <p class="w-100 small-font-size">The Consultant has the following tools available for use in
                                case you were to engage them for a project</p>
                        </div>
                        @foreach($tools as $category => $toolDetails)
                        <div class="form-group">
                            <label class="control-label bold gray">{{ $category }}</label>
                            <p class="chips d-flex align-items-center flex-wrap">
                                @foreach($toolDetails as $tool)
                                <a href="javascript:void(0)" class="em-chip rounded-chip d-flex align-items-center">{{
                                    $tool->name }}</a>
                                @endforeach
                            </p>
                        </div>
                        @endforeach
                    </div>
                    @endif

                </div>
            </div>
        </div>
    </div>

    @if(!blank($similarConsultants))
    <section class="section trending-cons dark-bg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12 text-center">
                    <h2 class="h2 sec-title mb-5">Similar Consultants</h2>
                </div>
                <div class="col-12">
                    <div class="owl-carousel owl-theme con-slider">

                        @foreach($similarConsultants as $similar)
                        <div class="item">
                            @include('front.modules.consultant.common.consultant_box_h100', ['consultant' =>
                            $similar])
                        </div>
                        @endforeach
                    </div>
                </div>

                <div class="col-md-12 text-center">

                    @if(!$consultant || ($consultant && !$consultant->consultant_profile))
                    <a href="{{ route('consultant.register1') }}" class="btn btn-transparent m-1 become-cons">Become a
                        Consultant</a>
                    @endif
                    <a href="{{ route('consultant.browse') }}" class="btn btn-em m-1">View More Consultants</a>
                </div>
            </div>
        </div>
    </section>
    @else
    <section class="section trending-cons dark-bg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12 text-center">
                    <a href="{{ route('consultant.browse') }}" class="btn btn-em m-1">View More Consultants</a>
                </div>
            </div>
        </div>
    </section>
    @endif

</main>
@endsection

@push('pageModals')
<div class="modal" tabindex="-1" role="dialog" id="modalConfirm">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <form id="frmProfileActions" method="post">
            @csrf
            <input type="hidden" id="profileAction" name="profileAction" action="" />
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Confirm</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></p>
                </div>
                <div class="modal-footer d-flex justify-content-between">
                    <button type="button" class="btn btn-cncl" data-dismiss="modal">Cancel</button>
                    <a href="javascript:void(0)" class="btn btn-danger" id="modalConfirmYes">Okay</a>
                </div>
            </div>
        </form>
    </div>
</div>
@endpush


@push('pageJs')
<script>
    $(document).ready(function() {

        $('#modalConfirm').on('show.bs.modal', function(e) {
            var action = $(e.relatedTarget).data('action');
            if (action == 'deactivate_profile') {
                $('#profileAction').val(action);
                $(this).find('.modal-body p').text(
                    'Are you sure you want to de-activate your consultant profile?');
            } else if (action == 'reactivate_profile') {
                $('#profileAction').val(action);
                $(this).find('.modal-body p').text(
                    'Are you sure you want to re-activate your consultant profile?');
            }
        });

        $('#modalConfirmYes').on('click', function() {
            $('#modalConfirmYes').attr('disabled', true).text('Please Wait...');
            if ($('#profileAction').val() == 'deactivate_profile') {
                $('#frmProfileActions').attr('action', "{{ route('consultant.deactivateProfile') }}");
            } else if ($('#profileAction').val() == 'reactivate_profile') {
                $('#frmProfileActions').attr('action', "{{ route('consultant.reactivateProfile') }}");
            }
            $('#frmProfileActions').submit();
        })

        @if(Session::has('message'))
        Snackbar.show({
            pos: 'bottom-right',
            text: '{{ Session::get("message") }}',
            actionText: 'Okay'
        });
        @endif


    })
</script>
@endpush

@include('front.modules.consultant.common.contact_consultant',[
'userDetails' => $userDetails
])