@php
	/**
	 * @var \App\Http\Controllers\PechPech\Post\DBRS $dbrsPost
	 * @var \App\Http\Controllers\PechPech\Member\DBRS $dbrsMember
	 */
    $options_=[
        'sectionTopSpace'=>true,
    ];
    if(isset($options))
        foreach($options as $a=>$b)
            $options_[$a]=$b;

	$dbrsPost->Image->Gallery_Init();
	$dbrsPost->Calculate();
	\App\Http\Controllers\PechPech\Post\Post::PreviewPostCounter($dbrsPost);

	$memberCurrentId=\App\Http\Controllers\PechPech\Member\Login\Login::CurrentUser(false);
	$dbrsMember=\App\Http\Controllers\PechPech\Member\DBRS::Fetch($dbrsPost->colCreatedById->Value());
	$shared=\App\Http\Controllers\PechPech\Post\Share::SharedInfo($dbrsPost->colId->Value(), 3);
	$sharerList=array_reverse($shared->sharerList);

	$sharerCount=$shared->totalCount-3;

	$elemPostId='e'.$dbrsPost->colKey->Value();

	$cssDisplayNoneTotalView=$dbrsPost->colCountVisit->Value()?'':'g-hidden';
	$cssDisplayShowMoreSharerCount=$sharerCount>0?'':'g-hidden';
	$cssDisplayShowNoAnyShared=$sharerCount<=-3?'':'g-hidden';
	$cssVisibilityHideNoHasPrice=$dbrsPost->colIsOnlineSell->Value()?'':'g-visibleHide';
	$cssDisplayNoneNoHasPrice=$dbrsPost->colIsOnlineSell->Value()?'':'g-hidden';
	$cssDisplayShowIfHasOptionSale=$dbrsPost->hasSaleOption('g-hidden');
	$cssDisplayShowIfHasOptionLike=$dbrsPost->hasLikeOption('g-hidden');
	$cssDisplayShowIfActiveOptionShare=!$dbrsPost->isActiveShareOption() && !$dbrsPost->hasSaleOption()?'g-hidden':'';
	$cssVisibleShowIfActiveOptionShare=!$dbrsPost->isActiveShareOption() && !$dbrsPost->hasSaleOption()?'g-visibleHide':'';

@endphp

<div class="post-panel infinite-loader-sec {{$options_['sectionTopSpace']?'section-t-space':''}}" id="{{$elemPostId}}">
	<a name="{{$dbrsPost->colKey->Value()}}"></a>
	<div class="post-wrapper col-grid-box">
		<div class="post-title">
			<div class="profile">
				<div class="media">
					<a class="user-img">
						<img src="{{ $dbrsMember->Image->AssetUrl(null, true) }}"
							 class="img-fluid blur-up lazyload bg-img" alt="user">
					</a>
					<a class="media-body" href="{{$dbrsMember->UrlPage()}}">
						<h5>{{ $dbrsMember->Nickname() }}</h5>
						<h6>{{ $dbrsMember->CityName() }}</h6>
					</a>
				</div>
			</div>
			<div class="setting-btn setting-dropdown no-bg">
				<div class="btn-group custom-dropdown arrow-none dropdown-sm">
					<div role="button" data-bs-toggle="dropdown" aria-haspopup="true"
						 aria-expanded="false">
						<i class="icon icon-font-color iw-18"
						   data-feather="settings"></i>
					</div>
					<div class="dropdown-menu dropdown-menu-right custom-dropdown">
						<ul>
							<li>
								<a href=""><i class="icon-font-light iw-16 ih-16"
											  data-feather="bookmark"></i>save
									post</a>
							</li>
							<li>
								<a href=""><i class="icon-font-light iw-16 ih-16"
											  data-feather="x-square"></i>hide
									post</a>
							</li>
							<li>
								<a href=""><i class="icon-font-light iw-16 ih-16"
											  data-feather="x-octagon"></i>unfollow sufiya</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="post-details" style="position:static;">
			<div class="img-wrapper dynamic_attr">
				@if($dbrsPost->colPostType->Value()=='IMAGE')
					<picture>
						<source media="(min-width:1300px)" srcset="{{$dbrsPost->Image->AssetImageDefault('org')}}">
						<img src="{{$dbrsPost->Image->AssetImageDefault('thumb')}}"
							 class="img-fluid blur-up lazyload" alt="">
					</picture>
				@elseif($dbrsPost->colPostType->Value()=='ALBUM')
					@php
						$eeld=uniqid('a');
						$list=$dbrsPost->Image->Gallery_List();
					@endphp
					<div class="slide-album slick-slider box-arrow dots-number" id="{{$eeld}}">
						@foreach($list as $i=>$t)
							<div>
								<div class="img-part">
									<picture>
										<source media="(min-width:1300px)" srcset="{{asset_storage($dbrsPost->Image::OrginalSize($t))}}">
										<img src="{{asset_storage($dbrsPost->Image::ThumbSize($t))}}" style="" class="img-fluid blur-up lazyload">
									</picture>
								</div>
							</div>
						@endforeach
					</div>
					<script>
						$(document).ready(function(){
							$(document).trigger('dynamic_attr');
							let $elm = $("#{{$eeld}}");
							$elm.parent().css('width', $elm.parent().data('--width'));
                            let options={
                                infinite: false,
                                slidesToShow: 1,
                                slidesToScroll: 1,
                                accessibility: false,
                                adaptiveHeight: true,
                                autoplay: false,
                                arrows: false,
                                centerMode: true,
                                dots: true,
                                centerPadding:0,
                            };
							$elm.slick(options);
                            setTimeout(function(){
                                if(!$elm.parent().width())
                                    $elm.slick('unslick').slick(options);
                            }, 5000);
						});
					</script>
				@endif
			</div>
			<div class="detail-box">
				<h3><a href="{{ $dbrsPost->UrlPageDetails() }}">{{ $dbrsPost->colTitle->Value() }}</a></h3>
				<p>
					{!! App\HADLibModel\MyString::LoadMore(\App\HADLibModel\MyString::TextView($dbrsPost->colDesc->Value()), 30, '&nbsp;&nbsp;&nbsp;ادامه...') !!}
				</p>
			</div>
			<div class="post-react">
				<ul>
					<li>
						<div class="people-likes {{$cssVisibleShowIfActiveOptionShare}}">
							<ul>
								@for($i=0;$i<count($sharerList) && $i<3;$i++)
									@php
										/** @var array $sharerList */
										/** @var $i */
										$dbrsMember_sharer=App\Http\Controllers\PechPech\Member\DBRS::Fetch($sharerList[$i]);
									@endphp
									<li class="image m{{ $i+1 }}" onclick="window.location='{{$dbrsMember_sharer->UrlPage()}}';">
										<img src="{{$dbrsMember_sharer->Image->AssetUrl(null, true)}}"
											 class="img-fluid blur-up lazyload bg-img" alt="">

									</li>
								@endfor

							</ul>
							<h6 class="caption {{$sharerCount>-3?'':'g-hidden'}}">
								<span class="{{$cssDisplayShowMoreSharerCount}}">{{ $sharerCount }}</span>
							</h6>
							<h6 class="you-first-share {{$cssDisplayShowNoAnyShared}}" onclick="$('#{{$elemPostId}} .handlers .btn.share >a').trigger('click');"><span>شما اولین پچ پچ کننده باشید!</span></h6>
						</div>
					</li>
					<li >
						<a href="javascript:void(0);"  onclick="PechPech.Post.SharePopOpen($(this))" data-url="{{ route('sharePost', ['postKey'=>$dbrsPost->colKey->Value()]) }}" data-window="{{ $elemPostId }}" class="btn btn-solid btn-share-post">
							<i class="iw-16 ih-16" data-feather="share-2"></i>
							<span>پچ پچ کن!</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>