@extends('layouts.member-login')
@section('title','Post Setting')
@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/setting')}}" method="POST" id="formSetting">
                            @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-xl-9 col-lg-9 col-md-7 col-sm-12">
                                    <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 Setting</h2>
                                            </div>
                                            
                                            @include('member.include.post-title-topbar')
                                            
                                            @if($errors->first('status') == 2)
                                            <label class="d-block mb-3 mt-5">Almost Done!</label>
                                            <div class="post-left-wrap mb-5">
                                                <div class="post-sub-content-wrapper">
                                                    <label class="mb-2">Before You can move on to post settings, you must complete your post.</label>
                                                    
                                                    <label class="mb-2">Navigate to the sections that have a red <span class="not-complete-post"><i class="fa fa-exclamation"></i></span> and complete the required fields.</label>
                                                </div>
                                            </div>
                                            
                                            @else
                                            
                                            <!--<label class="d-block mt-2 mb-3 text-right">*Required fields</label>-->
                                            <label class="d-block mb-3 mt-5">Post Settings</label>
                                            <div class="post-left-wrap mb-5">
                                                <div class="post-sub-content-wrapper">

                                                    @if($post->user_id != $post->pi_id)
                                                    <label class="mb-2">Who can see this post after it is approved?</label>
                                                    @else
                                                    <label class="mb-2">Who can see this post?</label>
                                                    @endif
                                                    <div class="main-box-white">
                                                        @foreach (config("const.post_setting") as $key => $val)
                                                            <div class="custom-radio-btn-wrap post-setting-radio mb-3 {{(! in_array($key, ['OnlyMe', 'Public']) && $post->status != 'Approved') ? 'radio_disabled' : ''}}">
                                                                <label class="container mb-0 {{! in_array($key, ['OnlyMe', 'Public']) ? 'disabled' : ''}}" for="{{$val['id']}}">{!! $val["title"] !!}
                                                                    <input type="radio" class="postSettingRadio {{($key == 'OnlyMe' || $key == 'Public') ? '' : 'who_see_radio'}}" name="who_see" id="{{$val['id']}}" value="{{$val['id']}}" {{($val['id'] == $post->who_see) ? 'checked' : ($val['id'] == 'Public' ? 'checked' : '') }}>
                                                                    <span class="checkmark"></span>
                                                                </label>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </div>
                                            </div>

                                            @if(Auth::user()->id != $post->pi_id) {{--$post->user_id != $post->pi_id--}}
                                            <label class="d-block mb-3">Principal Investigator (PI) Approval</label>
                                            <div class="post-left-wrap mb-5">
                                                <div class="post-sub-content-wrapper">
                                                    <label class="mb-2">1) Request PI Approval</label>
                                                    <div class="pragraph-p">
                                                        <p>An email requesting your PI's approval to post on the LabPair network will be sent to your PI. If you wish you may include a personalized subject and message.</p>
                                                    </div>
                                                    <div class="row mb-1">
                                                        <div class="col-xl-2 col-lg-2 col-md-3 col-sm-12 col-12">
                                                            <label>To</label>
                                                        </div>
                                                        <div class="col-xl-10 col-lg-10 col-md-9 col-sm-12 col-12">
                                                            <label>{{$post->PI->full_name ?? ''}}</label>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="col-xl-2 col-lg-2 col-md-3 col-sm-12 col-12">
                                                            <label>Subject</label>
                                                        </div>
                                                        <div class="col-xl-10 col-lg-10 col-md-9 col-sm-12 col-12">
                                                            <textarea class="form-control sendRequestTitle" name="title" id="title" placeholder="{{$requestPost['title']}}" rows="2">{{$requestPost['title']}}</textarea>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="col-xl-2 col-lg-2 col-md-3 col-sm-12 col-12">
                                                            <label>Message</label>
                                                        </div>
                                                        <div class="col-xl-10 col-lg-10 col-md-9 col-sm-12 col-12">
                                                            <textarea class="check_value form-control sendRequestDescription" name="description" id="description" placeholder="{{$requestPost['description']}}" rows="10">{{$requestPost['description']}}</textarea>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-xl-2 col-lg-2 col-md-3 col-sm-12 col-12">
                                                        </div>
                                                        <div class="col-xl-10 col-lg-10 col-md-9 col-sm-12 col-12">
                                                            <div class="btn-wrap">
                                                                <button type="button" title="Save" id="send_request" class="primary-btn text-center d-block disabled" disabled="disabled">Send Request</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif

                                            @if($post->status == 'Pending'||$post->status == 'Approved'||$post->status == 'Declined'||$post->status == 'Edited')
                                            @if($post->status == 'Pending')
                                            <div class="approved-content mb-5">
                                                <label>2) Pending Status</label>
                                                <div class="row">
                                                    <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-12">
                                                        <span class="requested text-center"><i class="fa fa-hourglass-half"></i></span>
                                                    </div>
                                                    <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 col-12">
                                                        <label class="d-block text-uppercase">PENDING</label>
                                                        <div class="pragraph-p">
                                                            <p>Your request was Pending {{commonTimeFormat($post->request_time)}} MST <span class="d-block">{{ commonDateFormat($post->request_time)}}</span></p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                            @if($post->status == 'Approved')
                                            <div class="approved-content mb-5">
                                                <label>2) Approval Status</label>
                                                <div class="row">
                                                    <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-12">
                                                        <span class="enable text-center"><i class="fa fa-check"></i></span>
                                                    </div>
                                                    <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 col-12">
                                                        @if($post->auto_approve == 'Yes')
                                                        <label class="d-block text-uppercase">AUTO-APPROVED {{($post->user_id == $post->pi_id) ? ('BY ' . $post->PI->full_name) : (': PI Status')}}</label>
                                                        @else
                                                        <label class="d-block text-uppercase">APPROVED</label>
                                                        @endif
                                                        <div class="pragraph-p">
                                                            <p>Your request was approved {{commonTimeFormat($post->approved_time)}} MST <span class="d-block">{{ commonDateFormat($post->approved_time)}}</span></p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                            @if($post->status == 'Declined')
                                            <div class="approved-content mb-5">
                                                <label>2) Declined Status</label>
                                                <div class="row">
                                                    <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-12">
                                                        <span class="declined text-center"><i class="fa fa-times"></i></span>
                                                    </div>
                                                    <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 col-12">
                                                        <label class="d-block text-uppercase">DECLINED</label>
                                                        <div class="pragraph-p">
                                                            <p>Your request was declined {{commonTimeFormat($post->declined_time)}} MST <span class="d-block">{{ commonDateFormat($post->declined_time)}}</span></p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                            @if($post->status == 'Edited')
                                            <div class="approved-content mb-5">
                                                <label>2) Edited Status</label>
                                                <div class="row">
                                                    <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-12">
                                                        <span class="edited text-center"><i class="fa fa-edit" aria-hidden="true"></i></span>
                                                    </div>
                                                    <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 col-12">
                                                        <label class="d-block text-uppercase">EDITED</label>
                                                        <div class="pragraph-p">
                                                            <p>Your request was edited {{commonTimeFormat($post->declined_time)}} MST <span class="d-block">{{ commonDateFormat($post->declined_time)}}</span></p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                            @endif
                                            
                                            @endif
                                            
                                            <div class="bottom-btn-wrapper">
                                                <div class="row">
                                                    <div class="col-lg-4 text-center">
                                                        <div class="btn-wrap">
                                                            <a href="{{getMURL('post/result/' . $post->id)}}" title="Back" class="primary-btn formBackButton"><span class="left-arrow"><i class="fa fa-arrow-left"></i></span>Back</a>
                                                        </div>
                                                    </div>
                                                    
                                                    @if($errors->first('status') != 2)
                                                    <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>
                                                    @endif
                                                </div>
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end:: Content -->
</div>
<!-- Modal-->
<!-- Modal-->
<div class="delet-modal">
    <div class="modal fade" id="closeModal" tabindex="-1" role="dialog" aria-labelledby="closeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left">PI Notification Confirmation</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <input type="hidden" id="document_id">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body text-center">
                    <p>A Notification has been sent to your PI to approve your post. Please </p>
                    <p>contact your PI for additional questions. </p>
                </div>
                <div class="modal-footer" style="margin-bottom:0px !important">
                    <button type="button" class="primary-btn" data-dismiss="modal">OK</button>
                </div>
            </div>
        </div>
    </div>
</div>




@endsection

@section('page_level_js')

@endsection

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

    $("#send_request").on("click", function(e) {
        $.ajax({
            url: "{{getMURL('ajax/send-request')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': "{{$post->id}}",
                'title': $("#title").val(),
                'description': $("#description").val()
            },
            success: function(data) {
                if (data.status == 1) {
                    $("#formSetting").submit();
                }
            },
            error: function(errorThrown) {

            }
        });
    });

    $(".sendRequestTitle,.sendRequestDescription").on("keyup", function() {
        checkSendRequestButton();
    });
    
    function checkSendRequestButton() {
        var title = $('.sendRequestTitle').val();
        var description = $('.sendRequestDescription').val();
        if(title.length >= 30 && description != undefined && description.length >= 30) {
            $("#send_request").removeAttr('disabled');
            $("#send_request").removeClass("disabled");
        } else {
            $("#send_request").attr('disabled', 'disabled');
            $("#send_request").addClass("disabled");
        }
    }
    if (postStatus != "Approved") {
        $(".who_see_radio").attr('disabled', 'disabled');
    }
    
    $('.postSettingRadio').change(function() {
        checkMainSaveButton();
    });
    
    /* Button Enable/Disable Button Event */
    function checkMainSaveButton() {
        var settingRadio = $("input[name='who_see']:checked").val();

        $(".formSubmitButton").addClass("disabled");
        $(".formSubmitButton").prop("disabled", true);

        var settingArray = ['OnlyMe', 'Public', 'Colleagues', 'TheirColleagues'];
        if (settingRadio != '' && (settingArray.indexOf(settingRadio) != -1 || (settingRadio == 'ColleaguesDays' && $(".colleagues_days").val() != '')) ) {
            $(".formSubmitButton").removeClass("disabled");
            $(".formSubmitButton").removeAttr("disabled");
            return false;
        };
    }
    /* Button Enable/Disable Button Event */

    checkMainSaveButton();
    checkSendRequestButton();
</script>
@endpush