title = "newPost"
url = "/new/post/:id/:slug"
layout = "new/master-inside"
is_hidden = 0
robot_index = "index"
robot_follow = "follow"

[views]
slug = "{{ :slug }}"

[blogPost]
slug = "{{ :slug }}"
id = "{{ :id }}"
categoryPage = 404
==
<?php
function onStart(){
   //dd($this->page->blogPost);
   
    $postId = $this->param('id');
    $currentPost = RainLab\Blog\Models\Post::where('id',  $postId)->with(['category_groups'])->first();
    
    if($this->menuItems && $postId && $currentPost && $currentPost->category_groups){
       
        $currentGroup = $currentPost->category_groups[0]->name;
    
        foreach ($this->menuItems as $menu){
            //dump($menu->title);
            
            if($menu->title === $currentGroup){
                $menu->isActive = true;  
                break;
            }
            
        }    
    }
}
?>
==
{% put styles %}
    
    <style>
        p img {
            width: 100%;    
        }
    </style>
    
{% endput %}

{% set post = blogPost.post %}  

  <main class="article">
    <div class="container">
      <div class="article-inner">
        <div class="article-content">
          <div class="article-content-top">
            <div class="article-head">
              <h2>
                {{post.title}}
              </h2>
              <span>{{post.published_at|date('d.m.Y')}} | {{post.published_at|date('H:i')}}</span>
            </div>
            <div class="article-swiper-wrapper">
              <div class="swiper articleSwiper">
                <div class="swiper-wrapper">
                
                
                  <div class="swiper-slide">
                    <div class="article-item">
                      <img src="{{post.featured_image|media_cdn|resize(1112)}}" alt=" {{post.title}}" />
                    </div>
                  </div>
                  
                  
                </div>
                <div class="photo-prev video-prev article-prev">
                  <img src="{{'assets/new/icons/arrow-left-white.svg'|theme}}" alt="" />
                </div>
                <div class="photo-next video-next article-next">
                  <img src="{{'assets/new/icons/arrow-right-white.svg'|theme}}" alt="" />
                </div>
              </div>
            </div>
            <div class="article-desc">
             {{post.content|md}}

             <!--  <h5>ORIENT NEWS</h5>
             <h5>Фото: figma.com</h5> -->
            </div>
         
             {% partial 'new/social' %}
         
          </div>
          
          
        {% partial 'new/post-featured' %}
        
      </div>
      {% partial 'newHome/right-sidebar.htm' class="article-aside" %}
    </div>
    </div>
  </main>
  
  {% put scripts %}
       <script src="{{'assets/new/scripts/core/article.js'|theme}}"></script>
  {% endput %}