title = "Fotoğraflar Detay"
url = "/medya/fotograflar/:slug"
layout = "master"
is_hidden = 0
contentType = "html"
force_show = 0

[viewBag]
localeUrl[en] = "/media/photos/:slug"
==
<?php
use Cms\Classes\LanguageController;

function onStart(){
    $slug = $this->param("slug");
    $lang = LanguageController::GetLang();
    
    $details       = Db::table('flatart_mediaroom_')->where("status", 1)->where("lang", $lang)->where("category_type", "fotograf")->where("slug", $slug)->first();
    if(!$details){
          return $this->controller->run('404');
    }
    $this['details']                 = $details;
    
    $this['photos'] = json_decode($details->photos, true);
    
    $this->page->turkishlink = "/tr/medya/fotograflar/";
    $this->page->englishlink = "/en/media/photos/";
    
    $this->page->meta_title          = $details->name."- Villa Yapı Prefabrik";
    $this->page->meta_description    = $details->meta_description;
    
    if($lang == 'tr'){
        $this->page->canonical              = "https://villayapi.com/tr/medya/fotograflar/".$details->slug."/";
    }else{
        $this->page->canonical              = "https://villayapi.com/en/media/photos/".$details->slug."/";
    }
   
}
?>
==
<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "BreadcrumbList", 
  "itemListElement": [{
    "@type": "ListItem", 
    "position": 1, 
    "name": "Villa Yapı Prefabrik",
    "item": "https://villayapi.com{{ "/tr"|_}}/"  
  },{
    "@type": "ListItem", 
    "position": 2, 
    "name": "{{ "Fotoğraflar"|_ }}",
    "item": "https://villayapi.com{{ "/tr/medya/fotograflar"|_}}/"  
  },{
    "@type": "ListItem", 
    "position": 3, 
    "name": "{{ details.name }}",
    "item": "https://villayapi.com{{ "/tr/medya/fotograflar"|_}}/{{ details.slug }}/"  
  }
  ]
}
</script>

<section class="page-title page-title-layout11 text-center">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-sm-12 col-md-12 col-lg-12">
            <nav>
              <ol class="breadcrumb justify-content-center mb-20">
                <li class="breadcrumb-item"><a href="{{ "/tr"|_ }}">{{ "Ana Sayfa"|_ }}</a></li>
                <li class="breadcrumb-item"><a href="{{ "/tr/medya/fotograflar"|_ }}">{{ "Fotoğraflar"|_ }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ details.name }}</li>
              </ol>
            </nav>
          </div><!-- /.col-xl-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section>
    
    
    <section class="portfolio-single pt-0 pb-50">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="portfolio-item">
              <div class="portfolio-item__img">
                <img src="{{ details.cover|media }}" alt="portfolio" class="img-fluid">
              </div>
              <div class="portfolio-item__icon">
                <i class="icon-brick"></i>
              </div>
              <div class="portfolio-item__content text-center pt-0">
                <h1 class="portfolio-item__title">{{ details.name }}</h1>
               <!-- /.portfolio-cat -->
                <p class="portfolio-item__desc">A leading developer of A grade commercial, industrial and residential
                  projects in USA. Since foundation we doubled turnover year on year, with its staff numbers swelling
                  accordingly. </p>
              </div><!-- /.portfolio-content -->
            </div><!-- /.portfolio-item  -->
            <div class="portfolio-gallery">
              <div class="row">
              
              {% for item in photos %}
                <!-- portfolio item #1 -->
                <div class="col-sm-6 col-md-6 col-lg-4">
                  <div class="portfolio-item">
                    <div class="portfolio-item__img">
                      <a class="popup-gallery-item" href="{{ item.photo|media }}">
                        <img src="{{ item.photo|media|resize(400, 300) }}" alt="portfolio img">
                      </a>
                    </div><!-- /.portfolio-img -->
                  </div><!-- /.portfolio-item -->
                </div><!-- /.col-lg-4 -->
                {% endfor %}

              </div><!-- /.row -->
            </div><!-- /.portfolio gallery -->
          </div><!-- /.col-lg-12 -->
        </div><!-- /.row -->
     


      </div><!-- /.container -->

    </section>