@extends('layouts.member-login')
@section('title','Post Complete')
@section('page_title','')

@section('page_level_css')
@endsection

@section('content')


<div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">
    <!-- begin:: Content -->
    <div class="kt-container kt-container--fluid kt-grid__item kt-grid__item--fluid">
        <!-- begin:: Page -->
        <div class="kt-grid kt-grid--ver kt-grid--root ">
            <div class="kt-grid kt-grid--hor kt-grid--root">

                @include('member.include.user-info-box')

                <div class="mt-4">
                    <div class="">
                        <form action="{{getMURL('post/complete')}}" method="POST" id="formComplete">
                            @csrf
                            @isset($post->id)
                            <input type="hidden" name="id" id="id" value="{{$post->id}}">
                            @endisset
                            <div class="row">

                                @include('member.include.create-post-sidebar')

                                <div class="col-md-9">
                                    <div class="grey-bg-wrap">
                                        <div class="post-right-wrapper">

                                            <div class="title-wrapper mb-4">
                                                <h2 class="secondary-title text-capitalize text-white mb-0">Post Complete</h2>
                                            </div>

                                            @include('member.include.post-title-topbar')

                                            @if(in_array($post->status, ['Approved', 'Pending']))
                                            <div class="main-box-white mb-3 mt-3">
                                                <div class="congrats-text">
                                                    <p>Congrats!</p>
                                                    @if($post->status == 'Approved')
                                                    <p class="pl-4">Your post is complete and has been published to the LabPair network</p>
                                                    @elseif ($post->status == 'Pending')
                                                    <p class="pl-4">Your post is complete and has been sent to your PI for approval.</p>
                                                    @endif

                                                    @if(\Auth::user()->role == 'General')
                                                    <p class="pl-4">
                                                        You can check the approval status and resend requests on the Post Approval Menu
                                                        <span class="ml-2 info-icon" data-toggle="modal" data-target="#tooltipBoxProfilePostApprovalMenu">
                                                            <img src="{{asset('assets/media/extra/tooltip-info-icon-white.gif')}}">
                                                        </span>
                                                    </p>
                                                    @else
                                                    <p class="pl-4">
                                                        You can manage the approval status of this post and other posts under the Post Approval Menu
                                                        <span class="ml-2 info-icon" data-toggle="modal" data-target="#tooltipBoxProfilePostApprovalMenu">
                                                            <img src="{{asset('assets/media/extra/tooltip-info-icon-white.gif')}}">
                                                        </span>
                                                    </p>
                                                    @endif

                                                </div>
                                            </div>
                                            @endif

                                            <div class="main-box-white mb-3 mt-3">
                                                <div class="pragraph-p">
                                                    <p>What would you like to do next?</p>
                                                    <div class="row">
                                                        <div class="col-lg-10 col-sm-12 col-12 m-auto">
                                                            <div class="member-box-bg mb-3">
                                                                <a href="{{getMURL('post/view/' . $post->id)}}" target="_blank">
                                                                    <!-- <a href="{{getMURL('feed')}}"> -->
                                                                    <div class="row align-items-center">
                                                                        <div class="col-md-2 col-sm-4 col-12 text-center">
                                                                            <div class="eye-icon">
                                                                                <i class="fa fa-eye"></i>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-10 col-sm-8 col-12 text-center">
                                                                            <div class="pragraph-p">
                                                                                <p class="mb-0">View post as members will see it</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="member-box-bg mb-3">
                                                                <a href="{{getMURL('feed')}}">
                                                                    <div class="row align-items-center">
                                                                        <div class="col-md-2 col-sm-4 col-12 text-center">
                                                                            <div class="eye-icon">
                                                                                <i class="fas fa-home"></i>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-10 col-sm-8 col-12 text-center">
                                                                            <div class="pragraph-p">
                                                                                <p class="mb-0">Go to my Feed</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="member-box-bg mb-3">
                                                                <a href="{{getMURL('post/type-selector')}}">
                                                                    <div class="row align-items-center">
                                                                        <div class="col-md-2 col-sm-4 col-12 text-center">
                                                                            <div class="eye-icon">
                                                                                <i class="fas fa-plus"></i>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-10 col-sm-8 col-12 text-center">
                                                                            <div class="pragraph-p">
                                                                                <p class="mb-0">Create new post</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="member-box-bg mb-3">
                                                                <div class="row align-items-center">
                                                                    <div class="col-md-2 col-sm-4 col-12 text-center">
                                                                        <div class="eye-icon">
                                                                            <i class="fas fa-paper-plane"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-10 col-sm-8 col-12 text-center">
                                                                        <div class="pragraph-p">
                                                                            <p>Share my post via email</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row align-items-center">
                                                                    <div class="col-md-2 col-sm-4 col-12">
                                                                        <label>Email</label>
                                                                    </div>
                                                                    <div class="col-md-10 col-sm-8 col-12 text-center">
                                                                        <textarea class="check_value form-control" name="multiple_email" id="multiple_email" rows="6"></textarea>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-md-12 text-center">
                                                                        <div class="pragraph-p mb-4 mt-3">
                                                                            <p>* Separate multiple email addresses with semicolons</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-md-12 text-right">
                                                                        <div class="btn-wrap">
                                                                            <button type="button" id="send_request" title="Save" class="primary-btn">Send</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="bottom-btn-wrapper">
                                                <div class="row">
                                                    <div class="col-lg-4 text-center">
                                                        <div class="btn-wrap">
                                                            <a href="{{getMURL('post/setting/' . $post->id)}}" title="Back" class="primary-btn formBackButton"><span class="left-arrow"><i class="fa fa-arrow-left"></i></span>Back</a>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 text-center offset-4">
                                                        <div class="btn-wrap">
                                                            <button type="submit" title="Next" class="primary-btn formNextButton" id="formNextButton">
                                                                Next <span class="right-arrow"><i class="fa fa-arrow-right"></i></span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <!--<div class="col-lg-4 text-center">
                                                        <div class="btn-wrap">
                                                            <a href="{{getMURL('post/result/' . $post->id)}}" title="Next" class="primary-btn formNextButton">Next <span class="right-arrow"><i class="fa fa-arrow-right"></i></span></a>
                                                        </div>
                                                    </div>-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end:: Content -->
</div>

@include('member.include.tooltip-modal-box')

@endsection

@section('page_level_js')

@endsection

@push('footerscript')
<script type="text/javascript">
    var baseURL = "{{getURL('')}}";

    $("#send_request").on("click", function(e) {
        $.ajax({
            url: "{{getMURL('ajax/share-my-post')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': "{{$post->id}}",
                'multiple_email': $("#multiple_email").val(),
            },
            success: function(data) {
                if (data.status == 1) {

                } else {

                }
            },
            error: function(errorThrown) {

            }
        });
        $("#multiple_email").val('');
        checkSharePostButton(false);
    });

    $(".check_value").on("keyup", function() {
        var link_text = $(this).val();
        var flag = true

        if (link_text == "") {
            flag = false;
        }

        if (flag) {
            var array = link_text.split(";");
            $.each(array, function(i) {
                if (!ValidateEmail(array[i]) && array[i] != "") {
                    flag = false;
                }
            });
        }

        checkSharePostButton(flag);

    });


    function checkSharePostButton(flag) {

        if (flag) {
            $("#send_request").removeAttr('disabled');
            $("#send_request").removeClass("disabled");
        } else {
            $("#send_request").attr('disabled', 'disabled');
            $("#send_request").addClass("disabled");
        }
    }
    checkSharePostButton(false);
</script>
@endpush