@extends('layouts.member-login')
@section('title',$postTitle)
@section('page_title','')

@section('page_level_css')
<link href="{{asset('assets/vendors/general/select2/dist/css/select2.css')}}" rel="stylesheet" type="text/css" />
<style>
    .btn-map-icon {
        border: none;
        background-color: transparent;
        color: #214694
    }

    .connect-btn {
        width: 10%;
    }

    .study-design-list a.collapsed i::after {
        content: "\f067";
    }

    .study-design-list a i::after {
        content: "\f068";
    }

    .study-design-list p a {
        color: #002650;
    }

    .study-design-list ul {
        margin-left: 20px;
        border-left: 1px solid #002650;
    }

    .study-design-list ul li {
        padding: 5px 0 5px 10px;
        margin: 0;
        color: #002650;
    }
</style>

@endsection

@section('content')
@php
$textLength = 280; $tableLength = 4; $iconArray = [];
foreach (config("const.effect_on_dependent_variable") as $key => $val) {
$iconArray[$val['id']] = $val['icon'];
}
@endphp
<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="PIViewApprovePost my-profile-cms-content">

                        <div class="row">


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

                            <input type="hidden" name="id" id="id" value="{{$post->id}}">
                            <div class="col-xl-9 col-lg-9 col-md-7 col-sm-12" id="post_tile">
                                <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">{{$postTitle}} </h2>
                                        </div>

                                        @include('member.include.private-view-post-topbar')

                                        <div class="main-box-white custom-box mb-5 mt-5">
                                            <div class="author-accordian">
                                                <div class="accordion" id="accordionExample">
                                                    <div class="card">
                                                        <div class="card-header position-relative" id="headingOne">
                                                            <h2 class="mb-0">
                                                                <button style="font-size: 17px;" class="btn-user w-100 position-relative collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                                    
                                                                    Title and Authors
                                                                    @if(isset($post->id) && in_array(\Auth::user()->id, [$post->user_id, $post->pi_id]))
                                                                    <a class="viewPostEditIcon" href="{{getMURL('post/title-author/' . $post->id)}}">
                                                                        <span class="edit-icon">
                                                                            <i class="fa fa-edit"></i>
                                                                        </span>
                                                                    </a>
                                                                    @endif

                                                                </button>
                                                            </h2>
                                                        </div>
                                                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
                                                            <div class="card-body">
                                                                @if(!empty($post->description))
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>Description </b></p>
                                                                    <div class="inner-contnet-user ShowHide SelectionExclusionCriteria">
                                                                        <p class="research-description read-more-description hideContent2">
                                                                            {!!nl2br($post->description ?? "")!!}
                                                                        </p>
                                                                        <a class="lineReadMore" href="javascript:void(0);">Read More</a>

                                                                    </div>
                                                                </div>
                                                                @endif
                                                                
                                                                @if (!empty($post->PI->full_name))
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item">Principal Investigator</p>
                                                                    <div class="inner-contnet-user">
                                                                        @if($post->PI->status=="Active")
                                                                        <p class="mb-0 description">
                                                                            <a href="{{url('view-profile/'.$post->PI->id)}}">
                                                                                {{$post->PI->full_name ?? ''}}
                                                                            </a>
                                                                        </p>
                                                                        @else
                                                                        <p class="mb-0 description">{{$post->PI->full_name ?? ''}}</p>
                                                                        @endif
                                                                        <p class="mb-0 item" style="display: none">Submitted for approval : {{\Carbon\Carbon::parse($post->created_at)->format('F d, Y')}}</p>
                                                                        <p class="mb-0 item" style="display: none">
                                                                            Approval Status :
                                                                            @if($post->status == 'Approved')
                                                                            <span class="post-approved">Approved : {{\Carbon\Carbon::parse($post->approved_time)->format('F d, Y')}}</span>
                                                                            @elseif($post->status == 'Declined')
                                                                            <span class="post-declined">Declined : {{\Carbon\Carbon::parse($post->approved_time)->format('F d, Y')}}</span>
                                                                            @else
                                                                            <span class="post-pending">Pending</span>
                                                                            @endif
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                @if($post->authorids->count()>0)
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item">Authors</p>
                                                                    <!-- border-bottom: 2px solid #8faadc; --->
                                                                    @foreach ($post->authorids as $authorid)

                                                                    <div class="inner-contnet-user" style="margin-top: 15px;">
                                                                        <p class="mb-0 description">
                                                                            @if($authorid->status == "Active")
                                                                            <a href="{{url('view-profile/'.$authorid->id)}}">
                                                                                {{$authorid->full_name ?? ''}}
                                                                            </a>
                                                                            @else
                                                                            {{$authorid->full_name ?? ''}}
                                                                            @endif

                                                                            @if($authorid->role=='PI')
                                                                            <!-- <button type="button" class="primary-btn pi-btn" title="Add another PI">Principal Investigator</button>-->
                                                                            @endif
                                                                            <!-- <button type="button" class="primary-btn pi-btn connect-btn disabled" disabled="">Connect</button>  -->
                                                                        </p>
                                                                        <!--<p class="mb-0 description">{{$authorid->email}}</p>-->
                                                                        @if($post->status == 'Approved' && $authorid->id == $post->PI->id)
                                                                        <i class="fa fa-file" aria-hidden="true" style="float:left; font-size:300% ; margin-right:10px ; color: #000;"></i>
                                                                        <p class="mb-0 description" style="color: #237ad7 !important;padding-bottom: 3%;">PI Approved : {{\Carbon\Carbon::parse($post->approved_time)->format('F d, Y g:i A')}} <br></p>
                                                                        @endif

                                                                    </div>
                                                                    @endforeach
                                                                </div>
                                                                @endif
                                                                @php $generalKeywords=$post->PostKeywords->pluck("keyword")->implode(', ') @endphp
                                                                @if (!empty($generalKeywords))
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>General Keywords</b></p>
                                                                    <div class="inner-contnet-user">
                                                                        <p class="mb-0 description">{{$generalKeywords}}</p>
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                @if($post->legal->count()>0)
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-2 item"><b>Legal</b></p>
                                                                    <div class="inner-contnet-user">
                                                                        @foreach ($post->legal as $val)
                                                                        <div class="custom-checkbox">
                                                                            <label class="container description">{{$val->pivot->other ?? $val->name}}
                                                                                <input type="checkbox" checked disabled="disabled">
                                                                                <span class="checkmark"></span>
                                                                            </label>
                                                                        </div>
                                                                        @endforeach

                                                                    </div>
                                                                </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        @if($post->post_origin == "Cell")
                                        @include('member.post.includes.view-cell-culture-sample')
                                        @elseif($post->post_origin == "Model")
                                        @include('member.post.includes.view-model-sample')
                                        @elseif($post->post_origin == "Reaction")
                                        @include('member.post.includes.view-reaction-sample')
                                        @elseif($post->post_origin == "Field")
                                        @include('member.post.includes.view-field-sample')
                                        @elseif($post->post_origin == "Vectors")
                                        @include('member.post.includes.view-vectors-plasmids-sample')
                                        @else
                                        @include('member.post.includes.view-human-sample')
                                        @endif

                                        <div class="main-box-white custom-box mb-5">
                                            <div class="author-accordian">
                                                <div class="accordion" id="accordionExample">
                                                    <div class="card">
                                                        <div class="card-header position-relative" id="headingtwo">
                                                            <h2 class="mb-0">
                                                                <button class="btn-user w-100 position-relative" style="font-size: 17px;" type="button" data-toggle="collapse" data-target="#collapsetwo" aria-expanded="true" aria-controls="collapsetwo">
                                                                    
                                                                    Study Design
                                                                    @if(isset($post->id) && in_array(\Auth::user()->id, [$post->user_id, $post->pi_id]))
                                                                        <a class="viewPostEditIcon" href="{{getMURL('post/study-design/' . $post->id)}}">
                                                                            <span class="edit-icon">
                                                                                <i class="fa fa-edit"></i>
                                                                            </span>
                                                                        </a>
                                                                    @endif

                                                                </button>
                                                            </h2>
                                                        </div>
                                                        <div id="collapsetwo" class="collapse show" aria-labelledby="headingtwo" data-parent="#accordionExample">
                                                            <div class="card-body">
                                                                <div class="pragraph-p">
                                                                    <p class="mb-0 item"><b>Collection Dates</b></p>
                                                                    <div class="inner-contnet-user">
                                                                        <p class="mb-0 description">
                                                                            {{$post->collection_date_end ? $post->collection_date_start . " - " . $post->collection_date_end : $post->collection_date_start}}
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                                @if (!empty($post->study_design_keyword))
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>Study Design Keywords</b></p>
                                                                    <div class="inner-contnet-user">
                                                                        <p class="mb-0 description">
                                                                            {{$post->study_design_keyword}}
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                                @endif

                                                                <div class="pragraph-p mt-3">
                                                                    @if ($inputKeywordList->count() > 0 || $outputKeywordList->count() > 0 || $reactionProcessKeywordList->count() > 0 || $modelKeywordList->count() > 0)
                                                                    <div class="main-box-white custom-box">
                                                                        <div class="author-accordian">
                                                                            <div class="accordion" id="accordionExample">
                                                                                <div class="card">
                                                                                    <div class="card-header position-relative" id="headingOne">
                                                                                        <h2 class="mb-0">
                                                                                            <button class="btn-user w-100 position-relative collapsed item" type="button" data-toggle="collapse" data-target="#collapseInputOutputReaction" aria-expanded="false" aria-controls="collapseInputOutputReaction">
                                                                                                Input, Output, Reaction, Process
                                                                                            </button>
                                                                                        </h2>
                                                                                    </div>
                                                                                    <div id="collapseInputOutputReaction" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="padding-left:20px">
                                                                                        <div class="card-body">
                                                                                            @if ($inputKeywordList->count()>0)
                                                                                            <div class="pragraph-p">
                                                                                                <p class="mb-0 item"><b>Input</b></p>
                                                                                                <div class="inner-contnet-user">
                                                                                                    @foreach($inputKeywordList as $keyID => $keyword)
                                                                                                    <p class="mb-0 mt-4 description">{{$keyword->keyword}}</p>
                                                                                                    @if (!empty($keyword->description))
                                                                                                    <div class="pragraph-p">
                                                                                                        <div class="inner-contnet-user ShowHide RandomInput{{$keyID}}">
                                                                                                            <p class="research-description read-more-description hideContent2 mb-0">
                                                                                                                {!!nl2br($keyword->description ?? "")!!}
                                                                                                            </p>
                                                                                                            @if(strlen($keyword->description) >= 150)
                                                                                                            <a class="lineReadMore" href="javascript:void(0);">Read More</a>
                                                                                                            @endif
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    @endif
                                                                                                    @endforeach
                                                                                                </div>
                                                                                            </div>
                                                                                            @endif
                                                                                            @if ($outputKeywordList->count()>0)
                                                                                            <div class="pragraph-p">
                                                                                                <p class="mb-0 item mt-4"><b>Output</b></p>
                                                                                                <div class="inner-contnet-user">
                                                                                                    @foreach($outputKeywordList as $keyID => $keyword)
                                                                                                    <p class="mb-0 mt-4 description">{{$keyword->keyword}}</p>
                                                                                                    @if (!empty($keyword->description))
                                                                                                    <div class="pragraph-p">
                                                                                                        <div class="inner-contnet-user ShowHide RandomOutput{{$keyID}}">
                                                                                                            <p class="research-description read-more-description hideContent2 mb-0">
                                                                                                                {!!nl2br($keyword->description ?? "")!!}
                                                                                                            </p>
                                                                                                            @if(strlen($keyword->description) >= 150)
                                                                                                            <a class="lineReadMore" href="javascript:void(0);">Read More</a>
                                                                                                            @endif
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    @endif
                                                                                                    @endforeach
                                                                                                </div>
                                                                                            </div>
                                                                                            @endif
                                                                                            @if ($reactionProcessKeywordList->count()>0)
                                                                                            <div class="pragraph-p">
                                                                                                <p class="mb-0 item mt-4"><b>Reaction or Process</b></p>
                                                                                                <div class="inner-contnet-user">
                                                                                                    @foreach($reactionProcessKeywordList as $keyID => $keyword)
                                                                                                    <p class="mb-0 mt-4 description">{{$keyword->keyword}}</p>
                                                                                                    @if (!empty($keyword->description))
                                                                                                    <div class="pragraph-p">
                                                                                                        <div class="inner-contnet-user ShowHide RandomReactionProcess{{$keyID}}">
                                                                                                            <p class="research-description read-more-description hideContent2 mb-0">
                                                                                                                {!!nl2br($keyword->description ?? "")!!}
                                                                                                            </p>
                                                                                                            @if(strlen($keyword->description) >= 150)
                                                                                                            <a class="lineReadMore" href="javascript:void(0);">Read More</a>
                                                                                                            @endif
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    @endif
                                                                                                    @endforeach
                                                                                                </div>
                                                                                            </div>
                                                                                            @endif
                                                                                            @if ($modelKeywordList->count()>0)
                                                                                            <div class="pragraph-p">
                                                                                                <p class="mb-0 item mt-4"><b>Model</b></p>
                                                                                                <div class="inner-contnet-user">
                                                                                                    @foreach($modelKeywordList as $keyID => $keyword)
                                                                                                    <p class="mb-0 mt-4 description">{{$keyword->keyword}}</p>
                                                                                                    @if (!empty($keyword->description))
                                                                                                    <div class="pragraph-p">
                                                                                                        <div class="inner-contnet-user ShowHide RandomModel{{$keyID}}">
                                                                                                            <p class="research-description read-more-description hideContent2 mb-0">
                                                                                                                {!!nl2br($keyword->description ?? "")!!}
                                                                                                            </p>
                                                                                                            @if(strlen($keyword->description) >= 150)
                                                                                                            <a class="lineReadMore" href="javascript:void(0);">Read More</a>
                                                                                                            @endif
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    @endif
                                                                                                    @endforeach
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        @endif
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                    @if ($locationKeywordList->count() > 0 || $gisCoordinates->count() > 0)
                                                                    <div class="main-box-white custom-box">
                                                                        <div class="author-accordian">
                                                                            <div class="accordion" id="accordionExample">
                                                                                <div class="card">
                                                                                    <div class="card-header position-relative" id="headingOne">
                                                                                        <h2 class="mb-0">
                                                                                            <button class="btn-user w-100 position-relative collapsed" type="button" data-toggle="collapse" data-target="#collapseLocationInformation" aria-expanded="false" aria-controls="collapseLocationInformation">
                                                                                                Location Information
                                                                                            </button>
                                                                                        </h2>
                                                                                    </div>
                                                                                    <div id="collapseLocationInformation" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="padding-left:20px">
                                                                                        <div class="card-body">
                                                                                            @if ($locationKeywordList->count() > 0)
                                                                                            <div class="pragraph-p">
                                                                                                <p class="mb-0 item"><b>Location Keyword</b></p>
                                                                                                <div class="inner-contnet-user">
                                                                                                    @foreach($locationKeywordList as $keyID => $keyword)
                                                                                                    <p class="mb-0 mt-4 description">{{$keyword->keyword}}</p>
                                                                                                    @if (!empty($keyword->description))
                                                                                                    <div class="pragraph-p">
                                                                                                        <div class="inner-contnet-user ShowHide RandomLocation{{$keyID}}">
                                                                                                            <p class="research-description read-more-description hideContent2 mb-0">
                                                                                                                {!!nl2br($keyword->description ?? "")!!}
                                                                                                            </p>
                                                                                                            @if(strlen($keyword->description) >= 150)
                                                                                                            <a class="lineReadMore" href="javascript:void(0);">Read More</a>
                                                                                                            @endif
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    @endif
                                                                                                    @endforeach
                                                                                                </div>
                                                                                            </div>
                                                                                            @endif
                                                                                            @if ($gisCoordinates->count() > 0)
                                                                                            <div class="pragraph-p">
                                                                                                <p class="mb-0 item mt-4"><b>GIS Coordinates</b></p>
                                                                                                <div class="inner-contnet-user">
                                                                                                    <p class="mb-0 description">*{{config("const.post_location_title")}}</p>
                                                                                                    <div class="grey-bg-wrap">
                                                                                                        <div class="share-table">
                                                                                                            <div class="h-table">
                                                                                                                <div class="table-responsive">
                                                                                                                    <table class="table table-striped mb-0 " id="map-listing-table">
                                                                                                                        <thead>
                                                                                                                            <tr>
                                                                                                                                <th scope="col" class="item" style="width: 50%;">Title</th>
                                                                                                                                <th scope="col" class="item" style="width: 20%;">Latitude</th>
                                                                                                                                <th scope="col" class="item" style="width: 20%;">Longitude</th>
                                                                                                                                <th scope="col" class="item" style="width: 10%;">Go</th>
                                                                                                                            </tr>
                                                                                                                        </thead>
                                                                                                                        <tbody>
                                                                                                                            @foreach($gisCoordinates as $key => $coordinate)
                                                                                                                            <tr class="GISCoordinateTR{{$coordinate->id}}">
                                                                                                                                <td scope="col" class="description" style="vertical-align: middle;">{{$coordinate->title ?? ''}}</td>
                                                                                                                                <td scope="col" class="description" style="vertical-align: middle;">{{$coordinate->latitude ?? ''}}</td>
                                                                                                                                <td scope="col" class="description" style="vertical-align: middle;">{{$coordinate->longitude ?? ''}}</td>
                                                                                                                                <td scope="col" class="description" class="text-center">
                                                                                                                                    <a class="d-block btn-map-icon googleMapGoTo" href="javascript:void(0);" data-lat="{{$coordinate->latitude ?? ''}}" data-long="{{$coordinate->longitude ?? ''}}" data-title="{{$coordinate->title ?? ''}}"><i class="fa fa-map-marker fa-4" aria-hidden="true"></i></a>
                                                                                                                                </td>
                                                                                                                            </tr>
                                                                                                                            @endforeach
                                                                                                                        </tbody>
                                                                                                                    </table>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                        <div class="mt-5">
                                                                                                            <div class="title-wrapper" style="width: 50%;margin-bottom: -17px;">
                                                                                                                <h6 class="secondary-title text-white pb-1" id="map_title"></h6>
                                                                                                            </div>
                                                                                                            <div class="col-sm-12" id="GoogleMap"></div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            @endif
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                </div>

                                                                @if($post->experiment_perform_key == 'Yes')
                                                                @if(!empty($post->experiment_perform_description))
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>Experiment Perform Description</b></p>

                                                                    <div class="inner-contnet-user ShowHide ExperimentPerformDescription">
                                                                        <p class="mb-0 description">
                                                                            @php $stringLength = strlen($post->experiment_perform_description); @endphp
                                                                            {!! nl2br(substr($post->experiment_perform_description, 0, $textLength)) !!}
                                                                            @if($stringLength >= $textLength)
                                                                            <span class="threeDots">...</span>
                                                                            <span class="showMoreText">{!! nl2br(substr($post->experiment_perform_description, $textLength)) !!}</span>
                                                                            @endif
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                                @if($stringLength >= $textLength)
                                                                <div class="show-more-btn position-relative text-center mt-4 ShowHide ExperimentPerformDescription">
                                                                    <button title="Show More" class="show-btn position-relative ShowMoreTextButton" data-name="ExperimentPerformDescription">Show More</button>
                                                                </div>
                                                                @endif
                                                                @endif
                                                                @if($independentVariable->count() > 0 || $dependentVariable->count() > 0)
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>Variables</b></p>
                                                                    <div class="row">
                                                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                                                            <div class="v-content-wrapper">
                                                                                <div class="independent">
                                                                                    <div class="row align-items-center">
                                                                                        <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 col-12">
                                                                                            <span class="img-variable d-block">
                                                                                                <img src="{{asset('assets/media/extra/study-design-independent-variables-white.png')}}" alt="variable" class="w-100">
                                                                                            </span>
                                                                                        </div>
                                                                                        <div class="col-xl-9 col-lg-9 col-md-9 col-sm-6 col-12">
                                                                                            <div class="pragraph-p">
                                                                                                <h2 class="text-white text-capitalize item">Independent Variables</h2>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="grey-bg-wrap study-design-list">
                                                                                    @foreach($independentVariable as $independent)
                                                                                    @if($independent->description == "")
                                                                                    <p class="mb-0 description"><a>{{$independent->keyword}}</a> </p>
                                                                                    @else
                                                                                    <p class="mb-0 description">
                                                                                        <a class="collapsed" data-toggle="collapse" href="#variable{{$independent->id}}" aria-expanded="false" aria-controls="Collapse">
                                                                                            <i class="fa"></i> {{$independent->keyword}}
                                                                                        </a>
                                                                                    </p>
                                                                                    <ul class="collapse" id="variable{{$independent->id}}">
                                                                                        <li class="study-list description">{{$independent->description}}</li>
                                                                                    </ul>
                                                                                    @endif
                                                                                    @endforeach
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                                                            <div class="v-content-wrapper">
                                                                                <div class="independent">
                                                                                    <div class="row align-items-center">
                                                                                        <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 col-12">
                                                                                            <span class="img-variable d-block">
                                                                                                <img src="{{asset('assets/media/extra/study-design-dependent-variables-white.png')}}" alt="variable" class="w-100">
                                                                                            </span>
                                                                                        </div>
                                                                                        <div class="col-xl-9 col-lg-9 col-md-9 col-sm-6 col-12">
                                                                                            <div class="pragraph-p">
                                                                                                <h2 class="text-white text-capitalize item">Dependent Variables</h2>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="grey-bg-wrap study-design-list">
                                                                                    @foreach($dependentVariable as $dependent)
                                                                                    @if($dependent->description == "")
                                                                                    <p class="mb-0 description"> <a>{{$dependent->keyword}}</a></p>
                                                                                    @else
                                                                                    <p class="mb-0 description"><a class="collapsed" data-toggle="collapse" href="#variable{{$dependent->id}}" aria-expanded="false" aria-controls="Collapse"><i class="fa"></i> {{$dependent->keyword}}</a></p>
                                                                                    <ul class="collapse" id="variable{{$dependent->id}}">
                                                                                        <li class="study-list description">{{$dependent->description}}</li>
                                                                                    </ul>
                                                                                    @endif
                                                                                    @endforeach
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                @if(!empty($post->relevant_control))
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>Controls</b></p>

                                                                    <div class="inner-contnet-user ShowHide StudyDesignControl">
                                                                                                                                                <p class="research-description read-more-description hideContent4">
                                                                            {!!nl2br($post->relevant_control ?? "")!!}
                                                                        </p>
                                                                        <a class="lineReadMore" href="javascript:void(0);">Read More</a>
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                                                                                @if (!empty($post->additional_endpoint))
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>Additional Endpoints</b></p>

                                                                    <div class="inner-contnet-user ShowHide StudyDesignAdditionalEndpoint">
                                                                                                                                                <p class="research-description read-more-description hideContent4">
                                                                            {!!nl2br($post->additional_endpoint ?? "")!!}
                                                                        </p>
                                                                        <a class="lineReadMore" href="javascript:void(0);">Read More</a>
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                
                                                                @else
                                                                <div class="pragraph-p">
                                                                    <p class="mb-0 item">No experiment performed <!-- - end of study design --></p>
                                                                </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="main-box-white custom-box mb-5">
                                            <div class="author-accordian">
                                                <div class="accordion" id="accordionExample">
                                                    <div class="card">
                                                        <div class="card-header position-relative" id="headingthree">
                                                            <h2 class="mb-0">
                                                                <button class="btn-user w-100 position-relative collapsed" style="font-size: 17px;" type="button" data-toggle="collapse" data-target="#collapseMethod" aria-expanded="true" aria-controls="collapseMethod">
                                                                    
                                                                    Methods
                                                                    @if(isset($post->id) && in_array(\Auth::user()->id, [$post->user_id, $post->pi_id]))
                                                                        <a class="viewPostEditIcon" href="{{getMURL('post/method/' . $post->id)}}">
                                                                            <span class="edit-icon">
                                                                                <i class="fa fa-edit"></i>
                                                                            </span>
                                                                        </a>
                                                                    @endif

                                                                </button>
                                                            </h2>
                                                        </div>
                                                        <div id="collapseMethod" class="collapse show" aria-labelledby="headingthree" data-parent="#accordionExample" style="">
                                                            <div class="card-body">
                                                                @if(!empty($post->method))
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>Methods</b></p>

                                                                    <div class="inner-contnet-user ShowHide MethodText">
                                                                                                                                                <p class="research-description read-more-description hideContent10">
                                                                            {!!nl2br($post->method ?? "")!!}
                                                                        </p>
                                                                        <a class="lineReadMore" href="javascript:void(0);">Read More</a>
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                                                                                @if($methodDocument->count()>0)
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>Supporting Documentation</b></p>
                                                                    <div class="inner-contnet-user">
                                                                        @foreach ($methodDocument as $key=>$val )
                                                                        <p class="mb-0">
                                                                            <a href="{{url('storage/'.$val->name)}}" target="_black" class="underline-text d-block p-0 description">{{$val->original_name}}</a>
                                                                        </p>
                                                                        @endforeach
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                @if($PostKeyReagent->count()>0)
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>Key Reagents</b></p>
                                                                    <div class="inner-contnet-user">
                                                                        @foreach ($PostKeyReagent as $val)
                                                                        <div class="row linkList mb-3" id="linkList_{{$val->id}}">
                                                                            <div class="col-md-12 col-sm-12 col-12 mb-2">
                                                                                <a href="{{$val->link_url}}" target="_blank">
                                                                                    <div class="linkURLDiv">
                                                                                        <img class="linkURLImageView" src="{{getImage($val->link_image)}}">
                                                                                    </div>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                        @endforeach
                                                                    </div>
                                                                </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="main-box-white custom-box mb-5">
                                            <div class="author-accordian">
                                                <div class="accordion" id="accordionExample">
                                                    <div class="card">
                                                        <div class="card-header position-relative" id="headingthree">
                                                            <h2 class="mb-0">
                                                                <button style="font-size: 17px;" class="btn-user w-100 position-relative collapsed" type="button" data-toggle="collapse" data-target="#collapsethree" aria-expanded="true" aria-controls="collapsethree">
                                                                    
                                                                    Results
                                                                    @if(isset($post->id) && in_array(\Auth::user()->id, [$post->user_id, $post->pi_id]))
                                                                        <a class="viewPostEditIcon" href="{{getMURL('post/result/' . $post->id)}}">
                                                                            <span class="edit-icon">
                                                                                <i class="fa fa-edit"></i>
                                                                            </span>
                                                                        </a>
                                                                    @endif

                                                                </button>
                                                            </h2>
                                                        </div>
                                                        <div id="collapsethree" class="collapse show" aria-labelledby="headingthree" data-parent="#accordionExample" style="">
                                                            <div class="card-body">
                                                                <div class="pragraph-p">
                                                                    <p class="mb-0 item"><b>Final Sample Size</b></p>
                                                                    <div class="inner-contnet-user">
                                                                        <p class="mb-0" style="font-weight:400;"><span class='description-span'></span></p>
                                                                    </div>
                                                                </div>
                                                                @if($postInteractions->count()>0)
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="item"><b>Findings</b></p>
                                                                </div>
                                                                <div class="inner-contnet-user">
                                                                    <div class="bio-origin-wrapper">
                                                                        <div class="share-table">
                                                                            <div class="h-table">
                                                                                <div class="table-responsive">
                                                                                    <table class="table table-striped mb-0">
                                                                                        <thead>
                                                                                            <tr>
                                                                                                <th>
                                                                                                    <div class="">
                                                                                                        <div class="row">
                                                                                                            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
                                                                                                                <span class="img-variable d-block">
                                                                                                                    <img src="{{url('assets/media/extra/i-v.png')}}" alt="variable" class="w-100">
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-12">
                                                                                                                <h2 class="text-white text-capitalize item">Independent Variables</h2>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </th>
                                                                                                <th>
                                                                                                    <div class="">
                                                                                                        <div class="row">
                                                                                                            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
                                                                                                                <span class="img-variable d-block">
                                                                                                                    <img src="{{url('assets/media/extra/d-v.png')}}" alt="variable" class="w-100">
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-12">
                                                                                                                <h2 class="text-white text-capitalize item">Dependent Variables</h2>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </th>
                                                                                                <th>
                                                                                                    <div class="">
                                                                                                        <div class="row">
                                                                                                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                                                                <h2 class="text-white text-capitalize item">Effect on Dependent Variable</h2>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        <tbody>

                                                                                            @foreach ($postInteractions as $val)
                                                                                            @if($val->IndependentVariable && $val->DependentVariable)

                                                                                            <tr>
                                                                                                <td scope="row" class="description" style="vertical-align: middle;">{{$val->IndependentVariable->keyword}}</td>
                                                                                                <td scope="row" class="description" style="vertical-align: middle;">{{$val->DependentVariable->keyword}}</td>
                                                                                                <td scope="row" class="description" style="vertical-align: middle;"><span class="icon-li"><i class="{{$iconArray[$val->effect_id]}}"></i></span></td>
                                                                                            </tr>
                                                                                            @endif
                                                                                            @endforeach
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                @if (!empty($post->additional_endpoint_detail))
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>Additional Details</b></p>

                                                                    <div class="inner-contnet-user ShowHide ResultAdditionalDetail">
                                                                                                                                                <p class="research-description read-more-description hideContent3">
                                                                            {!!nl2br($post->additional_endpoint_detail ?? "")!!}
                                                                        </p>
                                                                        <a class="lineReadMore" href="javascript:void(0);">Read More</a>
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                                                                                @if ($resultDocument->count()>0)
                                                                <div class="pragraph-p mt-3">
                                                                    <p class="mb-0 item"><b>Supporting Documentation</b></p>
                                                                    <div class="inner-contnet-user">
                                                                        @foreach ($resultDocument as $key => $val )
                                                                        <p class="mb-0">
                                                                            <a href="{{url('storage/' . $val->name)}}" target="_black" class="underline-text d-block p-0 description">{{$val->original_name}}</a>
                                                                        </p>
                                                                        @endforeach
                                                                    </div>
                                                                </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="main-box-white custom-box mb-5">
                                            <div class="author-accordian">
                                                <div class="accordion" id="accordionExample">
                                                    <div class="card">
                                                        <div class="card-header position-relative" id="headingfour">
                                                            <h2 class="mb-0">
                                                                <button style="font-size: 17px;" class="btn-user w-100 position-relative collapsed" type="button" data-toggle="collapse" data-target="#collapsefour" aria-expanded="true" aria-controls="collapsefour">
                                                                    
                                                                    Post Settings
                                                                    @if(isset($post->id) && in_array(\Auth::user()->id, [$post->user_id, $post->pi_id]))
                                                                        <a class="viewPostEditIcon" href="{{getMURL('post/setting/' . $post->id)}}">
                                                                            <span class="edit-icon">
                                                                                <i class="fa fa-edit"></i>
                                                                            </span>
                                                                        </a>
                                                                    @endif

                                                                </button>
                                                            </h2>
                                                        </div>
                                                        <div id="collapsefour" class="collapse show" aria-labelledby="headingfour" data-parent="#accordionExample" style="">
                                                            <div class="card-body">
                                                                <div class="pragraph-p">
                                                                    <p class="mb-0 item">Who can see this post?</p>
                                                                </div>
                                                                <div class="inner-contnet-user mt-2">
                                                                    <p class="mb-3 description">{{config("const.post_setting.".$post->who_see.".title")}}</p>
                                                                </div>

                                                                @if($post->status == 'Pending' || $post->status == 'Approved' || $post->status == 'Declined' || $post->status == 'Edited')
                                                                <div class="approved-content mb-5 pl-0">
                                                                    <label>PI Request</label>

                                                                    @if($post->status == 'Pending')
                                                                    <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 {{$post->status}}">
                                                                            <label class="d-block text-uppercase item">REQUEST SENT</label>
                                                                            <div class="pragraph-p">
                                                                                <p class="description">Request sent {{commonTimeFormat($post->request_time)}} MST <span class="d-block">{{ commonDateFormat($post->request_time)}}</span></p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @endif

                                                                    @if($post->status == 'Approved')
                                                                    <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 {{$post->status}}">
                                                                            <label class="d-block text-uppercase item">APPROVED</label>
                                                                            <div class="pragraph-p">
                                                                                <p class="description">Approved {{commonTimeFormat($post->approved_time)}} MST <span class="d-block">{{ commonDateFormat($post->approved_time)}}</span></p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @endif

                                                                    @if($post->status == 'Declined')
                                                                    <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 {{$post->status}}">
                                                                            <label class="d-block text-uppercase item">DENIED</label>
                                                                            <div class="pragraph-p">
                                                                                <p class="description">Denied {{commonTimeFormat($post->declined_time)}} MST <span class="d-block">{{ commonDateFormat($post->declined_time)}}</span></p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @endif

                                                                    @if($post->status == 'Edited')
                                                                    <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 {{$post->status}}">
                                                                            <label class="d-block text-uppercase item">EDITED</label>
                                                                            <div class="pragraph-p">
                                                                                <p class="description">Edited {{commonTimeFormat($post->declined_time)}} MST <span class="d-block">{{ commonDateFormat($post->declined_time)}}</span></p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @endif

                                                                </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="bottom-btn-wrapper">
                                            <div class="row">
                                                <div class="col-lg-4 col-12 text-center">
                                                    <div class="btn-wrap">
                                                        @if($previousPost)
                                                        <a href="{{getURL('post/view/' . $previousPost->id)}}" title="Previous" class="primary-btn formBackButton"><span class="left-arrow"><i class="fa fa-arrow-left"></i></span> Previous</a>
                                                        @else
                                                        <button type="button" title="Previous" class="primary-btn formSubmitButton disabled" id="formSubmitButton" disabled><span class="left-arrow"><i class="fa fa-arrow-left"></i></span> Previous</button>
                                                        @endif

                                                    </div>
                                                </div>
                                                <div class="col-lg-4 col-12 text-center">
                                                    <div class="btn-wrap">

                                                        <a href="#post_tile" title="Back" class="primary-btn formBackButton">Top</a>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4 col-12 text-center">
                                                    <div class="btn-wrap">

                                                        @if($nextPost)
                                                        <a href="{{getURL('post/view/' . $nextPost->id)}}" title="Previous" class="primary-btn formBackButton">Next <span class="right-arrow"><i class="fa fa-arrow-right"></i></span></a>
                                                        @else
                                                        <button type="button" title="Next" class="primary-btn formSubmitButton disabled" id="formSubmitButton" disabled>Next <span class="right-arrow"><i class="fa fa-arrow-right"></i></span></button>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

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

@endsection

@section('page_level_js')
<script src="https://maps.googleapis.com/maps/api/js?key={{\Config::get('app.gapi_key')}}&callback=initialize" async></script>
@endsection

@push('footerscript')
<script type="text/javascript">
    $(document).ready(function() {
        var mapHtml = $("#map-listing-table tbody").first("tr").html();
        console.log("1=>mapHtml", mapHtml);
        if (typeof mapHtml !== "undefined" && mapHtml != "") {
            var mapHtml = $("#map-listing-table tbody tr").first().find(".googleMapGoTo").trigger("click");
            // console.log("mapHtml", mapHtml);
        }
    });
    $("#postTitleEditIcon,#approveEditPostButton").click(function() {
        $('#authorPostTitleDisplay,#postTitleEditIcon').hide();
        $('#authorPostTitleEditor,#postApproveBothButton').show();
    });
    $("#cancelPostApproveTitleButton").click(function() {
        $('#authorPostTitleEditor,#postApproveBothButton').hide();
        $('#authorPostTitleDisplay,#postTitleEditIcon').show();
    });
    $("#authorPostTitleEditor").keyup(function() {
        updatePostApproveTitle();
    });

    function updatePostApproveTitle() {
        var title = $('#authorPostTitleEditor').val();

        if (title.length >= 2) {
            $("#updatePostApproveTitle").removeClass('disabled');
            $("#updatePostApproveTitle").prop('disabled', false);
        } else {
            $("#updatePostApproveTitle").addClass('disabled');
            $("#updatePostApproveTitle").prop('disabled', true);
        }
    }
    $(document).on('click', '#updatePostApproveTitle', function() {
        $.ajax({
            url: "{{getURL('ajax/title-update-non-pi-post')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': '{{$post->id}}',
                'title': $('#authorPostTitleEditor').val()
            },
            success: function(data) {
                if (data.status == 1) {
                    showToastrSuccess(data.message, "Approve Post");
                    window.location.reload();
                } else {
                    showToastrError(data.message, "Approve Post")
                }
            },
            error: function(errorThrown) {

            }
        });
    });
    $(".showMoreText").hide();
    
    $("body").on("click", ".approveDeclinePostButton", function(e) {
        $('.declineUserPost').show();
    });
    $("body").on("click", ".approveCancelDeclinePostButton", function(e) {
        $('.declineUserPost').hide();
    });

    $("#declineReason").keyup(function() {
        declinePostSubmitButton();
    });
    $("#authorPostTitleEditor").keyup(function() {
        updatePostApproveTitle();
    });

    function declinePostSubmitButton() {
        var reason = $('#declineReason').val();

        if (reason.length >= 50) {
            $("#declinePostSubmitButton").removeClass('disabled');
            $("#declinePostSubmitButton").prop('disabled', false);
        } else {
            $("#declinePostSubmitButton").addClass('disabled');
            $("#declinePostSubmitButton").prop('disabled', true);
        }
    }

    function updatePostApproveTitle() {
        var title = $('#authorPostTitleEditor').val();

        if (title.length >= 2) {
            $("#updatePostApproveTitle").removeClass('disabled');
            $("#updatePostApproveTitle").prop('disabled', false);
        } else {
            $("#updatePostApproveTitle").addClass('disabled');
            $("#updatePostApproveTitle").prop('disabled', true);
        }
    }
    $(document).on('click', '.ShowMoreTextButton', function() {
        var mainAddress = $(this).attr('data-name');

        if ($(".ShowHide." + mainAddress + " .showMoreText").css("display") === "inline") {
            $(".ShowHide." + mainAddress + " .showMoreText").css('display', 'none');
            $(".ShowHide." + mainAddress + " .threeDots").css('display', 'inline');
            $(".ShowHide." + mainAddress + " .ShowMoreTextButton").html("Show More");
        } else {
            $(".ShowHide." + mainAddress + " .showMoreText").css('display', 'inline');
            $(".ShowHide." + mainAddress + " .threeDots").css('display', 'none');
            $(".ShowHide." + mainAddress + " .ShowMoreTextButton").html("Show Less");
        }
    });
    $(document).on('click', '.ShowMoreTableButton', function() {
        var mainAddress = $(this).attr('data-name');

        if ($(".ShowHide." + mainAddress + " .showMoreText").css("display") == 'none') {
            $(".ShowHide." + mainAddress + " .showMoreText").css('display', 'table-row');
            $(".ShowHide." + mainAddress + " .ShowMoreTableButton").html("Show Less");
        } else {
            $(".ShowHide." + mainAddress + " .showMoreText").css('display', 'none');
            $(".ShowHide." + mainAddress + " .ShowMoreTableButton").html("Show More");
        }
    });

    declinePostSubmitButton();
    updatePostApproveTitle();
</script>
@endpush