@extends('admin.layouts.main')

@section('title')
Consultant Detail
@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('consultant.consultants') }}</a></li>
                    @if($consultant->consultant_profile->approved_at)
                        <li class="breadcrumb-item active" aria-current="page">
                            <a href="{{ route('admin.consultants.approved', ['panel' => Session::get('panel')]) }}">{{ @trans('consultant.approved_consultants') }}</a>
                        </li>
                    @elseif($consultant->consultant_profile->status == 'completed' && !$consultant->consultant_profile->approved_at && !$consultant->consultant_profile->rejected_at)
                        <li class="breadcrumb-item active" aria-current="page">
                            <a href="{{ route('admin.consultants.pending', ['panel' => Session::get('panel')]) }}">{{ @trans('consultant.pending_consultants') }}</a>
                        </li>
                    @else
                        <li class="breadcrumb-item active" aria-current="page">
                            <a href="{{ route('admin.consultants.draft', ['panel' => Session::get('panel')]) }}">{{ @trans('consultant.in_draft') }}</a>
                        </li>
                    @endif
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('consultant.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="{{ $consultant->present()->profile_image }}"
                                alt="User" /></span>
                        <div class="about">
                            <h2 class="cndidate-name">{{ $consultant->present()->name }}</h2>
                            <div class="candidate-tags">
                                @if($consultant->consultant_profile->approved_at)
                                <a href="javascript:void(0)"><span class="badge badge-success">Approved</span></a>
                                @elseif($consultant->consultant_profile->rejected_at)
                                <a href="javascript:void(0)"><span class="badge badge-danger">Rejected</span></a>
                                @elseif($consultant->consultant_profile->status == 'completed' && !$consultant->consultant_profile->approved_at && !$consultant->consultant_profile->rejected_at)
                                <a href="javascript:void(0)"><span class="badge badge-warning">Pending Approval</span></a>
                                @else
                                <a href="javascript:void(0)"><span class="badge badge-warning">Draft</span></a>
                                @endif
                                @if($activePlan)
                                <a href="javascript:void(0)"><span class="badge badge-success">{{ $activePlan->name
                                        }}</span></a>
                                @endif
                                @if($consultant->consultant_profile->approved_at)
                                    @if(!$consultant->consultant_profile->plan_remaining_days)
                                        <a href="javascript:void(0)"><span class="badge badge-danger">Expired</span></a>
                                    @elseif($consultant->consultant_profile->profile_disabled_at)
                                        <a href="javascript:void(0)"><span class="badge badge-warning">Deactivated</span></a>
                                    @else
                                        <a href="javascript:void(0)"><span class="badge badge-success">Activated</span></a>
                                    @endif
                                @endif
                            </div>

                        </div>
                    </div>
                    @if($consultant->consultant_profile->status == 'completed' && !$consultant->consultant_profile->approved_at && !$consultant->consultant_profile->rejected_at)
                    <div class="detail-actions text-right">
                        @if(!$consultant->consultant_profile->approved_at && !$consultant->consultant_profile->rejected_at)
                        <a href="javascript:void(0)" class="btn btn-em btnApprove">Approve</a>
                        <a href="javascript:void(0)" class="btn btn-em btnReject" data-toggle="modal"
                            data-target="#modalRejectReason">Reject</a>
                        @endif
                        <a href="{{ route('consultant.profile',['slug' => $consultant->consultant_profile->slug]) }}"
                            class="btn btn-em" target="_blank">View Profile</a>
                    </div>
                    @endif
                </div>
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link" href="#personalDetail">{{
                            @trans('consultant.personal_details')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#profile">{{ @trans('consultant.profile')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#docs">{{ @trans('Docs')}}</a>
                    </li>
                </ul>
            </div>

                <div class="detail-content mt-4">
                <!-- Tab panes -->
                <div class="tab-content box">
                    @include('admin.modules.consultant.personal_details')
                    @include('admin.modules.consultant.profile')
                    @include('admin.modules.consultant.docs')
                </div>
            </div>
        </div>
</main>
@endsection

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

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

        @if($consultant->consultant_profile->approved_at)
        $('.menuConsultantPending').removeClass('sub-active');
        $('.menuConsultantDraft').removeClass('sub-active');
        @elseif($consultant->consultant_profile->status == 'draft')
        $('.menuConsultantPending').removeClass('sub-active');
        $('.menuConsultantApproved').removeClass('sub-active');
        @else
        $('.menuConsultantDraft').removeClass('sub-active');
        $('.menuConsultantApproved').removeClass('sub-active');
        @endif

        $('.nav-tabs a').on('click', function(e) {
            e.preventDefault();
            $(this).tab('show');
            var inFifteenMinutes = new Date(new Date().getTime() + 15 * 60 * 1000);
            Cookies.set('consultant.current_tab', $(this).attr('href'), {
                expires: inFifteenMinutes
            });
        })
        var tab = Cookies.get('consultant.current_tab');
        if (typeof tab == 'undefined') {
            tab = '#personalDetail';
        }
        $('.nav-tabs a[href="' + tab + '"]').tab('show');

        $('.btnApprove').click(function() {

            var approveUrl =
                "{{ route('admin.consultants.approve',['panel' => Session::get('panel'), 'id' => $consultant->id]) }}";
            $('.btnApprove').html('Please Wait...');
            axios.post(approveUrl).then(function(response) {
                window.location.reload();
            });

        });

        $('.btnModalRejectReason').click(function(e) {
            e.preventDefault();
            var rejectUrl =
                "{{ route('admin.consultants.reject',['panel' => Session::get('panel'), 'id' => $consultant->id]) }}";
            $('.btnModalRejectReason').html('Please Wait...');
            axios.post(rejectUrl, {
                reason: $('#reject_reason').val()
            }).then(function(response) {
                window.location.reload();
            });
        });

        $('#frmRejectReason').validate({
            rules: {
                reject_reason: 'required'
            },
            messages: {
                reject_reason: {
                    required: 'Rejection reason is required'
                }
            }
        });

        $('#modalRejectReason').on('hidden.bs.modal', function() {
            $('#frmRejectReason').trigger('reset');
        });


    });
</script>
@endpush

@push('pageModals')

<div class="modal" id="modalRejectReason" tabindex="-1" role="dialog" data-backdrop="static"
    aria-labelledby="modalRejectReason">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="filter">Reason</h4>
                <button type="button" class="close" data-dismiss="modal"><span
                        aria-hidden="true">&times;</span></button>
            </div>

            <div class="modal-body">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col">
                            <form
                                action="{{ route('admin.consultants.reject',['panel' => session('panel'),'id' => $consultant->id]) }}"
                                method="POST" name="frmRejectReason" id="frmRejectReason" autocomplete="off">
                                {{ csrf_field() }}

                                <div class="row">
                                    <div class="col-md-12">
                                        <h2 class="form-sec-title">Reason</h2>
                                        <div class="form-group">
                                            <textarea name="reject_reason" id="reject_reason" class="form-control"
                                                placeholder="Rejection Reason"></textarea>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-btn">
                                    <div style="float:right;">
                                        <button type="submit" class="btn btn-em btnModalRejectReason">Save</button>
                                    </div>
                                </div>

                            </form>

                        </div>
                    </div>

                </div>
            </div>

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

@endpush