@extends('admin.layouts.main')

@section('title')
Showing Candidate
@endsection

@section('content')
<main>
    <div class="two-col">
        @include("admin.common.sidebar")

        <div class="right-sec detail-page">

            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('candidate.recruitment') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        <a href="{{ route('admin.candidates.index', ['panel' => Session::get('panel')]) }}">{{ @trans('candidate.candidates') }}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('candidate.detail') }}</li>
                </ol>
            </nav>

            <div class="bg-white profile-header">
                <div class="profile-detail">
                    <div class="person-details">
                        <span class="can-img rounded-pic"><img src="{{ $candidate->present()->profile_image }}"
                                alt="User" /></span>
                        <div class="about">
                            <h2 class="cndidate-name">{{ $candidate->present()->name }}</h2>
                            <div class="candidate-tags">
                                <span class="badge badge-pill green">{{ $candidate->status_formatted }}</span>
                                @if($candidate->is_blacklist)
                                <a href="javascript:void(0)" @click="getBlacklistLogs"><span class="badge badge-danger">{{ @trans('candidate.blacklisted') }}</span> </a>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="detail-actions text-right">
                        @permission('candidate-write')
                        @if(!$upcomingPendingScreenings)
                        <div class="dropdown">
                            <button type="button" data-toggle="dropdown" aria-expanded="false"
                                class="dropdown-toggle btn btn-em">{{ @trans('candidate.book') }}</button>
                            <div class="dropdown-menu" x-placement="bottom-start">
                                <a class="dropdown-item" href="javascript:void(0)" data-toggle="modal"
                                    data-target="#book_screening_modal">{{ @trans('candidate.screening') }}</a>
                                <!--
                                <a class="dropdown-item" href="javascript:void(0)">MTC</a>
                                -->
                            </div>
                        </div>
                        @endif
                        @endpermission

                        @if($wordCv || $pdfCv || (isset($candidate->profiles) && $candidate->profiles->cv_template_id != null 
                            && $candidate->profiles->cv_template_token != null))
                        <div class="dropdown">
                            <button type="button" data-toggle="dropdown" aria-expanded="false"
                                class="dropdown-toggle btn btn-em">{{ @trans('candidate.download_cv') }}</button>
                            <div class="dropdown-menu" x-placement="bottom-start">
                                @if($wordCv)
                                <a href="{{ $wordCv->candidate_document_link }}" class="dropdown-item"
                                    href="javascript:void(0)" target="_blank">{{ @trans('candidate.word_document') }}</a>
                                @endif
                                @if($pdfCv)
                                <a href="{{ $pdfCv->candidate_document_link }}" class="dropdown-item"
                                    href="javascript:void(0)" target="_blank">{{ @trans('candidate.pdf_document') }}</a>
                                @endif
                                @if(isset($candidate->profiles) && $candidate->profiles->cv_template_id != null
                                && $candidate->profiles->cv_template_token != null)
                                <a class="dropdown-item" href="{{ route('cv_builder.preview_public_cv', ['token' => $candidate->profiles->cv_template_token]) }}"
                                    target="_blank">CV Template</a>
                                @endif
                            </div>
                        </div>
                        @endif
                        <!--
                        <a href="javascript:void(0)" class="btn btn-em">Chat</a>
                        -->
                    </div>
                </div>
                <!-- Nav tabs -->
                <ul class="nav nav-tabs tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link" :class="{'active' : current_tab == 'overview'}"
                            @click="tab('overview')">{{ @trans('candidate.overview') }}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" :class="{'active' : current_tab == 'profile'}"
                            @click="tab('profile')">{{ @trans('candidate.profile') }}</a>
                    </li>
                    <!--
                    <li class="nav-item">
                        <a class="nav-link" :class="{'active' : current_tab == 'jobs'}" @click="tab('jobs')">Jobs</a>
                    </li>
                    -->
                    <li class="nav-item">
                        <a class="nav-link" :class="{'active' : current_tab == 'screenings'}"
                            @click="tab('screenings')">{{ @trans('candidate.screenings') }}</a>
                    </li>
                    <!--
                    <li class="nav-item">
                        <a class="nav-link" :class="{'active' : current_tab == 'assessments'}" @click="tab('assessments')">Assessment</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" :class="{'active' : current_tab == 'mtc'}" @click="tab('mtc')">MTC</a>
                    </li>
                    -->
                    <li class="nav-item">
                        <a class="nav-link" :class="{'active' : current_tab == 'docs'}"
                            @click="tab('docs')">{{ @trans('candidate.documents') }}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" :class="{'active' : current_tab == 'referees'}"
                            @click="tab('referees')">{{ @trans('candidate.referees') }}</a>
                    </li>
                    <!--
                    <li class="nav-item">
                        <a class="nav-link" :class="{'active' : current_tab == 'payments'}" @click="tab('payments')">Payment</a>
                    </li>
                    -->
                    <li class="nav-item">
                        <a class="nav-link" :class="{'active' : current_tab == 'logs'}"
                            @click="tab('logs')">{{ @trans('candidate.logs') }}</a>
                    </li>

                    @permission('candidate-write')
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" data-toggle="dropdown"
                            href="#action">{{ @trans('candidate.more') }}</a>
                        <div class="dropdown-menu">

                            <a class="dropdown-item" href="javascript:void(0)" @click="openBlacklistModal">
                                @if($candidate->is_blacklist == 0)
                                {{ @trans('candidate.blacklist') }}
                                @else
                                {{ @trans('candidate.undo_blacklist') }}
                                @endif
                            </a>
                            </form>
                            <a class="dropdown-item" href="javascript:void(0)" @click="openAddToGroupModal">Add to
                                Group</a>
                        </div>                        
                    </li>
                    @endpermission
                </ul>
            </div>

            <div class="detail-content mt-4" id="tabs">
                <!-- Tab panes -->
                <div class="tab-content box">
                    @include('admin.modules.candidate.show_overview')
                    @include('admin.modules.candidate.show_profile')
                    @include('admin.modules.candidate.show_jobs')
                    @include('admin.modules.candidate.show_screening')
                    @include('admin.modules.candidate.show_assessment')
                    @include('admin.modules.candidate.show_mtc')
                    @include('admin.modules.candidate.show_docs')
                    @include('admin.modules.candidate.show_referees')
                    @include('admin.modules.candidate.show_payments')
                    @include('admin.modules.candidate.show_logs')

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

    </div>
</main>
@endsection

@push('pageJs')

{!! JsValidator::formRequest('App\Http\Requests\User\StoreProfileSummary', '#frmDocuments') !!}
{!! JsValidator::formRequest('App\Http\Requests\User\StoreScreening', '#frmBookScreening') !!}



<script>
    var blacklistLogsUrl = "{{ route('admin.candidates.blacklistLog',['id' => $candidate->id, 'panel' => session('panel')]) }}";

    var groupsUrl = "{{ route('admin.candidates.groups',['panel' => session('panel')]) }}";
    var candidateGroupUrl = "{{ route('admin.candidates.candidateGroups',['panel' => session('panel')]) }}";
    var groupStore = "{{ route('admin.candidates.storeGroup',['panel' => session('panel')]) }}";
    var syncCandidateGroup = "{{ route('admin.candidates.syncCandidateGroup',['panel' => session('panel')]) }}";

    var toggle_super_senior_url = "{{route('admin.candidates.toggle_super_senior',['panel' => Session::get('panel'),'id' => null])}}";

    var candidateId = "{{ $candidate->id }}";
    var super_senior = {{ ($candidate->profiles &&  $candidate->profiles->is_super_senior_status != '-1') ? $candidate->profiles->is_super_senior_status : 0}}

    var candidate_current_tab = Cookies.get('candidate_current_tab') ? Cookies.get('candidate_current_tab') : 'overview';
    @if(Request::get('tab') == 'referees')
    candidate_current_tab = 'referees';
    @endif
    @if(Request::get('tab') == 'logs')
    candidate_current_tab = 'logs';
    @endif

</script>

<script type="text/javascript" src="{{ asset('js/admin/candidate/show.js') }}"></script>

<script type="text/javascript">
    function initFrmBlacklist()
    {
        $('#frmBlacklist').validate({
            rules: {
                blacklist_reason : 'required'
            },
            messages: {
                blacklist_reason: {
                    required: 'Blacklisting reason is required'
                }
            }
        })

    }

    $(document).ready(function() {

        var today = new Date();
        var $date = $('#date').datepicker({
            autoHide: true,
            format: 'dd/mm/yyyy',
            zIndex: 2048,
            startDate: today.getDate() + '/' + (today.getMonth() + 1) + '/' + today.getFullYear(),
        });
        $('.time_picker').timepicker({
            'timeFormat': 'H:i:s',
            'scrollDefault': 'now'
        });
        $date.on('pick.datepicker', function (e) {
            $('#time').prop("disabled", false);
        });
        @if(Session::has('message'))
        Snackbar.show({
            pos: 'bottom-right',
            text: "{!! session('message') !!}",
            actionText: 'Okay'
        });
        @endif

        var myForm = $('#frmDocuments');
        $.data(myForm[0], 'validator').settings.ignore = "null";

        tinymce.init({
            selector: 'textarea.editor',
            height: 300,
            menubar: false,
            branding: false,
            browser_spellcheck: true,
            toolbar: 'undo redo | bold italic underline strikethrough | link | alignleft aligncenter alignright alignjustify | bullist numlist  | removeformat | preview',
            plugins: [
                'link preview wordcount lists','paste'
            ],
            paste_auto_cleanup_on_paste : true,
            paste_remove_styles: true,
            paste_remove_styles_if_webkit: true,
            paste_strip_class_attributes: true,
            setup: function(editor) {
                editor.on('keyUp', function() {
                    tinyMCE.triggerSave();

                    if (!$.isEmptyObject(myForm.validate().submitted))
                        myForm.validate().form();
                });
            },

        });

        $(document).on('change',"#pdfCv",function() {
		    $('#pdfCv-error').text('');
	    });

        $(document).on('change',"#type",function() {
		    if($(this).val() == 'Face To Face') {
                $('.skype-block').hide();
                $('.telephone-block').hide();
                $('.inhouse-block').show();
            }
            else if($(this).val() == 'Skype') {
                $('.skype-block').show();
                $('.telephone-block').hide();
                $('.inhouse-block').hide();
            }
            else if($(this).val() == 'Telephone') {
                $('.skype-block').hide();
                $('.telephone-block').show();
                $('.inhouse-block').hide();
            }
	    });

    });
</script>
@endpush

@push('pageModals')
@include('admin.modules.candidate.modals.screening_summary')
@include('admin.modules.candidate.modals.screening_cancel')
@include('admin.modules.candidate.modals.screening_book')
@include('admin.modules.candidate.modals.profile_summary')
@include('admin.modules.candidate.modals.blacklist')
@include('admin.modules.candidate.modals.add_to_group')
@include('admin.modules.candidate.modals.show_blacklist_reason')
@endpush