@extends('layouts.member-login')
@section('title', 'User Feed')
@section('page_title', 'UserFeed')

@section('page_level_css')
<link href="{{ asset('assets/vendors/general/select2/dist/css/select2.css') }}" rel="stylesheet" type="text/css" />
<style>
    .dz-image img {
        position: relative;
        height: 100%;
    }
</style>
<link href="{{asset('assets/vendors/general/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css')}}" rel="stylesheet" type="text/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="my-profile-cms-content">
                        <div class="row">

                            @include('member.include.2016-pn')

                            <div class="col-xl-9 col-lg-9 col-md-7 col-sm-12">
                                <div class="main-box-white purple-bg mb-4">
                                    <div class="mb-4 position-relative">

                                        <div class=" view-approve-post">
                                            <h2 style="text-align: center;">Welcome Founding Members!</h2>

                                            <!-- <p class="">We appreciate you taking the time to help us improve our platform. Beta test instructions can be found <a target="_blank" href="{{asset('document/Beta_Tester_Instructions.pdf')}}" download>here</a>. Kindly provide feedback by filling out this <a target="_blank" href="https://www.surveymonkey.com/r/8XL53SS">brief survey</a> and report any technical/scientific problems to "
                                                @if(!empty($LabPairFeedUser))
                                                <a href="javascript:void(0)" class="viewProfileNewConversationButton FeedNewConversationNewButton" data-val="{{$LabPairFeedUser->id}}" data-name="{{$LabPairFeedUser->full_name}}">LabPair Feedback</a>
                                                @else
                                                <a href="javascript:void(0)">LabPair Feedback</a>
                                                @endif
                                                " via LabPair's internal messeger. Thank you!
                                            </p> -->
                                            <p class="">
                                                We appreciate you joining LabPair as an early founding member.
                                                We are excited to offer you access to paid features of LabPair for two years in exchange for your feedback about the platform.
                                                Please provide this by filling out a short survey that can be found <a target="_blank" href="https://www.surveymonkey.com/r/8XL53SS">here</a>.
                                                If you encounter any bugs or technical/scientific issues, please send a message to "
                                                @if(!empty($LabPairFeedUser))
                                                <a href="javascript:void(0)" class="viewProfileNewConversationButton FeedNewConversationNewButton" data-val="{{$LabPairFeedUser->id}}" data-name="{{$LabPairFeedUser->full_name}}">LabPair Feedback</a>
                                                @else
                                                <a href="javascript:void(0)">LabPair Feedback</a>
                                                @endif
                                                " through LabPair's internal messenger.
                                                Instructions can be found <a target="_blank" href="{{asset('document/Beta_Tester_Instructions.pdf')}}" download>here</a>.
                                                Thank you!
                                            </p>

                                        </div>
                                    </div>
                                </div>
                                <div class="grey-bg-wrap post-section">
                                    <div class="mb-4" id="listingAllPostData">
                                        <div class="title-wrapper mb-4">
                                            <h2 class="secondary-title text-capitalize text-white mb-0">{{(isset($search_q) && !empty($search_q)) ? 'LabPair Feed: Search Results' : 'LabPair Feed'}}</h2>
                                        </div>

                                        <div class="main-box-white mb-4">
                                            <div class="mb-4 position-relative">
                                                <form method="post" action="{{Request::url()}}">
                                                    @csrf
                                                    <div class="form-group has-feedback d-flex">
                                                        <input type="text" class="form-control input-search" name="search_q" id="search_q" placeholder="What are you looking for?" value="{{$search_q ?? ''}}">
                                                        <button type="button" class="primary-btn ml-4" id="searchKeywordButton">Search</button>
                                                        <button type="button" class="primary-btn ml-4 feed-clear-button-div applyClearFilterButton" id="applyClearFilterButton" style="display: none;">Clear Filters</button>
                                                    </div>
                                                </form>
                                                <ul class="filter-ul border mt-3 mb-0 ml-0 mr-0 p-0 userFeedListingTitleBox">
                                                    <li id="mainFilterAll" class="@if(Request::segment(2) == 'all' || Request::segment(2) == '')active @endif">
                                                        <a href="{{getURL('feed/all')}}" title="All Filter">
                                                            <div class="filter-li text-center">
                                                                <span class="content">All</span>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="@if(Request::segment(2) == 'data')active @endif">
                                                        <a href="{{getURL('feed/data')}}" title="Data Filter">
                                                            <div class="filter-li text-center">
                                                                <img src="{{asset('assets/media/extra/human-data-post-black-image.png')}}">
                                                                <span class="content">Data</span>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="@if(Request::segment(2) == 'samples')active @endif">
                                                        <a href="{{getURL('feed/samples')}}" title="Samples Filter">
                                                            <div class="filter-li text-center">
                                                                <img src="{{asset('assets/media/extra/human-data-sample-black-image.png')}}">
                                                                <span class="content">Samples</span>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="@if(Request::segment(2) == 'skills')active @endif">
                                                        <a href="{{getURL('feed/skills')}}" title="Skills Filter">
                                                            <div class="filter-li text-center">
                                                                <img src="{{asset('assets/media/extra/human-data-skills-black-image.png')}}">
                                                                <span class="content">Skills</span>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="@if(Request::segment(2) == 'wishlist')active @endif">
                                                        <a href="{{getURL('feed/wishlist')}}" title="Wishlist Filter">
                                                            <div class="filter-li text-center">
                                                                <img src="{{asset('assets/media/extra/show-wishlist-black-icon.png')}}">
                                                                <span class="content">Wishlist</span>
                                                            </div>
                                                        </a>
                                                    </li>

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

                                        <div class="mb-4" id="listingAllPostDataDynamic">
                                            @include('member.user-feed-ajax-15')
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end:: Content -->
</div>

<div class="modal post-section" id="viewWishlistSocialCounter">
    <div class="modal-dialog edit-popup">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">Responses</h4>
                <button type="button" class="btn-close close" data-dismiss="modal"></button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">

                <div class="col-12 p-0">

                    <ul class="filter-ul mt-3 mb-0 ml-0 mr-0 p-0 nav nav-tabs social-actions" role="tablist">

                        <li class="nav-item" id="wishlistTabLike">
                            <a class="nav-link wishlistShowSocialCounter wishlistLikeCount" href="#wishlistAllData" title="filter" role="tab" data-toggle="tab" data-id="" data-type="Like">
                                <div class="filter-li text-center">
                                    <i class="fa fa-thumbs-up"><sub class="socialCountClass">0</sub></i>
                                    <span class="content">Likes</span>
                                </div>
                            </a>
                        </li>

                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="wishlistAllData">
                            <div class="filter-result"></div>
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="">
    <div class="modal fade" id="removeSavedModal" tabindex="-1" role="dialog" aria-labelledby="removeSavedModalLabel" 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">Remove Saved Item</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <input type="hidden" id="document_id">
                        <input type="hidden" id="adsRequestId" value="{{json_encode($adsRequestId)}}">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body text-center">
                    <p>Are you sure you want to remove this item from your Saved Items?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="primary-btn disabled" data-dismiss="modal">Cancel</button>
                    <button type="button" class="primary-btn" data-dismiss="modal" id="confirmRemovedSavedItemPost">Remove</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="add-gene-list-modal">
    <div class="modal fade" id="sharePostModal" tabindex="-1" role="dialog" aria-labelledby="closeModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document" style="min-width:0px !important">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left" id="share_title">Share Profile</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="post-sub-content-wrapper">
                        <p>Enter email addresses of individuals to send << item>> to (One per line).</p>
                        <div class="row mb-3">
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                <textarea class="check_value_share_post form-control" name="multiple_email" id="multiple_email" rows="6"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="primary-btn disabled" data-dismiss="modal" id="AddGeneListCloseButton">Cancel</button>
                    <button type="button" title="Save" id="sendRequestSharePost" class="primary-btn text-center d-block disabled" disabled="disabled">Send</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Modal-->
<!-- Manage new fetch data hidden field -->