<?
require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/modules/main/include/prolog_before.php");

CModule::IncludeModule("iblock");
CModule::IncludeModule("sale");
CModule::IncludeModule("catalog");

$arData = array();
$arSelect = Array("*", "IBLOCK_ID", "PROPERTY_*");//IBLOCK_ID и ID обязательно должны быть указаны, см. описание arSelectFields выше
$arFilter = Array("IBLOCK_ID" => 103, "ID" => $_GET["id"], "ACTIVE_DATE" => "Y", "ACTIVE" => "Y");
$res = CIBlockElement::GetList(Array(), $arFilter, false, Array("nPageSize" => 50), $arSelect);
while ($ob = $res->GetNextElement()) {
    $arFields = $ob->GetFields();
    $arProps = $ob->GetProperties();

    $arData = array(
        "NAME" => $arFields["NAME"],
        "CODE" => $arFields["CODE"],
        "DIF" => $arProps["sloj"]["VALUE"],
        "TIME" => $arProps["cook_time"]["VALUE"],
        "PEOPLES" => $arProps["colpeop"]["VALUE"],
        "IMAGE" => CFile::GetPath($arProps["image"]["VALUE"]),
        "DESCRIPTION" => $arProps["describe"]["VALUE"],
        "INGRIDIENTS" => $arProps["ingrid"]["VALUE"],
        "MATERILAS" => $arProps["material"]["VALUE"],
        "COOKING" => $arProps["cook"]["VALUE"],
        "RECOMMENDS_ID" => $arProps["recommends"]["VALUE"],

    );

    $arSelect = Array("*", "IBLOCK_ID",);//IBLOCK_ID и ID обязательно должны быть указаны, см. описание arSelectFields выше
    $arFilter = Array("IBLOCK_ID" => 101, "ID" => $arData["RECOMMENDS_ID"], "ACTIVE_DATE" => "Y", "ACTIVE" => "Y");
    $res = CIBlockElement::GetList(Array(), $arFilter, false, Array("nPageSize" => 50), $arSelect);
    while ($ob = $res->GetNextElement()) {
        $arFields = $ob->GetFields();
        $arProps = $ob->GetProperties();

        $arData["RECOMMENDS_DATA"][] = array(
            "ID" => $arFields["ID"],
            "NAME" => $arFields["NAME"],
            "DETAIL_PAGE_URL" => $arFields["DETAIL_PAGE_URL"],
            "PREVIEW_PICTURE" => CFile::GetPath($arFields["PREVIEW_PICTURE"]),
        );

    }

    pre($arData);
//    pre($arFields);
//    pre($arProps);
}
?>

<div id="recipe_data_reload">
    <?

    ?>
    <div class="mfp-bg mfp-ready"></div>
    <div class="mfp-wrap mfp-close-btn-in mfp-align-top mfp-auto-cursor mfp-ready" tabindex="-1"
         style="overflow-x: hidden; overflow-y: scroll;">
        <div class="mfp-container mfp-ajax-holder mfp-s-ready">
            <div class="mfp-content">
                <div class="recipe-details ng-scope" data-href-url="051ICE-malinovyj-kofe-so-ldom">
                    <div class="recipe-infos ">
                        <div class="photo"
                             style="background-image: url(<?= $arData["IMAGE"] ?>)"></div>
                        <div class="infos">
                            <div class="preparation-time">
                                <div class="digits"><?= $arData["TIME"] ?></div>
                                <div class="units">мин.</div>
                            </div>
                            <div class="for icon-people">
                                <div>Для</div>
                                <div><?= $arData["PEOPLES"] ?></div>
                            </div>
                            <div class="difficulty icon-difficulty_easy">
                                <div>Сложность</div>
                                <div><?= $arData["DIF"] ?></div>
                            </div>
                        </div>
                    </div>
                    <div class="recipe-description">
                        <h1><?= $arData["NAME"] ?></h1>
                        <p><?= $arData["DESCRIPTION"] ?></p>
                    </div>
                    <div class="blocks">
                        <div class="blocks-line">
                            <div class="block half ingredients" style="min-height: 247px; height: auto;">
                                <h2 class="icon-bowl-white icon-bowl_white">Ингредиенты</h2>
                                <div><?= $arData["INGRIDIENTS"] ?>
                                </div>
                            </div>
                            <div class="block half material" style="min-height: 247px; height: auto;">
                                <h2 class="icon-cup-white icon-cup_white">Материалы</h2>
                                <div><?= $arData["MATERILAS"] ?></div>
                            </div>
                        </div>
                        <div class="block full preparation">
                            <h2 class="icon-chef_hat_white">Приготовление</h2>
                            <div><?= $arData["COOKING"] ?></div>
                        </div>
                    </div>
                    <div class="block full grands-crus">
                        <h2 class="icon-caps_white">Рекомендованные Гран Крю</h2>
                        <div class="row_ex"></div>
                            <? foreach ($arData["RECOMMENDS_DATA"] as $item): ?>
                            <div class="column_ex">
                                <div class="grand-crus">
                                    <div class="cap"
                                         style="background-image: url('<?=$item["PREVIEW_PICTURE"]?>')"></div>
                                    <h5>
                                        <a href="<?=$item["DETAIL_PAGE_URL"]?>" data-id="283">
                                            <?=$item["NAME"]?></a>
                                    </h5>
                                    <div class="nes-order-wrapper">
                                        <div class="nes-order-button">
                                            <div class="addToCartWrapper">
                                                <button type="button" productcode="<?=$item["ID"]?>"
                                                        class="button addCart btn-buy add-to-cart-placeholder">
                                                    <span><span>Добавить в корзину</span></span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <? endforeach; ?>

                    </div>
                </div>
                <button title="Close (Esc)" type="button" class="mfp-close">×</button>
            </div>
        </div>
        <div class="mfp-preloader">Loading...</div>
    </div>
</div>
</div>

<?
require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/modules/main/include/epilog_after.php");
?>