<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
/** @var array $arParams */
/** @var array $arResult */
/** @global CMain $APPLICATION */
/** @global CUser $USER */
/** @global CDatabase $DB */
/** @var CBitrixComponentTemplate $this */
/** @var string $templateName */
/** @var string $templateFile */
/** @var string $templateFolder */
/** @var string $componentPath */
/** @var CBitrixComponent $component */
$this->setFrameMode(true);
?>
<div class="wrapper-smm-block">
<?if($arParams["DISPLAY_TOP_PAGER"]):?>
	<?=$arResult["NAV_STRING"]?><br />
<?endif;?>
<?foreach($arResult["ITEMS"] as $arItem):?>
	<?
	$this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_EDIT"));
	$this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM')));
	?>
	<div class="wrapper-smm-block-item" data-id="<?=$arItem['ID'];?>" id="<?=$this->GetEditAreaId($arItem['ID']);?>">
	    <div class="wrapper-smm-block-item-top">
	        <div class="wrapper-smm-block-item-top-img">
	            <img src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>" width="<?=$arItem["PREVIEW_PICTURE"]["WIDTH"]?>" height="<?=$arItem["PREVIEW_PICTURE"]["HEIGHT"]?>" alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>" title="<?=$arItem["PREVIEW_PICTURE"]["TITLE"]?>" class="wrapper-smm-block-item-top-img-attr">
	        </div>
	        <div class="wrapper-smm-block-item-top-title"><?=$arItem["NAME"]?></div>
	        <div class="wrapper-smm-block-item-top-text ">
	        	<?=$arItem["DETAIL_TEXT"];?>
	        </div>
	    </div>
	    <div class="wrapper-smm-block-item-bottom">
	        <div class="wrapper-smm-block-item-bottom__group">
	            <div class="wrapper-smm-block-item-bottom-info">
	                <div class="wrapper-smm-block-item-bottom-info-like">
	                    <div class="wrapper-smm-block-item-bottom-info-like-img">
	                        <img src="/local/templates/DoctorSmile_2020/img/like.svg" alt="" class="wrapper-smm-block-item-bottom-info-like-img2 like-button">
	                    </div>
	                    <div class="wrapper-smm-block-item-bottom-info-like-number"><?=($arItem['PROPERTIES']['LIKES']['VALUE'] ?: 0);?></div>
	                </div>
	                <div class="wrapper-smm-block-item-bottom-info-show">
	                    <div class="wrapper-smm-block-item-bottom-info-show-img">
	                        <img src="/local/templates/DoctorSmile_2020/img/show.svg" alt="">
	                    </div>
	                    <div class="wrapper-smm-block-item-bottom-info-show-number"><?=$arItem['SHOW_COUNTER'];?></div>
	                </div>
	            </div>
	            <div class="wrapper-smm-block-item-bottom-date"><?=$arItem["DISPLAY_ACTIVE_FROM"];?></div>
	        </div>
	        <div class="wrapper-smm-block-item-bottom-btn">
	            Открыть
	        </div>
	        <?if($arItem['PROPERTIES']['SOCIALS']['VALUE']):?>
		        <div class="wrapper-smm-block-socials">
		        <?foreach ($arItem['PROPERTIES']['SOCIALS']['VALUE'] as $value):?>
		        	<?if($arResult['SOCIALS_LINK'][$value]):?>
		        		<a href="<?=$arResult['SOCIALS_LINK'][$value]['link'];?>" class="wrapper-smm-block-socials__item" style="background-image: url(<?=$arResult['SOCIALS_LINK'][$value]['img'];?>);"></a>
		        	<?endif;?>
		        <?endforeach;?>
			    </div>
	        <?endif;?>
	    </div>
	</div>
<?endforeach;?>
<?if($arParams["DISPLAY_BOTTOM_PAGER"]):?>
	<br /><?=$arResult["NAV_STRING"]?>
<?endif;?>
</div>
