title = "Ürün Detay"
url = "/urun/:slug"
layout = "master"
is_hidden = 0
contentType = "html"
force_show = 0

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

function onStart(){
    $slug = $this->param("slug");
    $lang = LanguageController::GetLang();
    
    $details       = Db::table('flatart_products_')->where("status", 1)->where("lang", $lang)->where("slug", $slug)->first();
    if(!$details){
          return $this->controller->run('404');
    }
    $this['details']                 = $details;
    
    $this['hreflang']       = Db::table('flatart_products_')->where("status", 1)->where("hreflang", $details->hreflang)->get();
    
    foreach($this['hreflang'] as $item){
        if($item->lang == 'tr'){
            $this->page->turkishlink = "/tr/urun/".$item->slug."/";
        }elseif($item->lang == 'en'){
            $this->page->englishlink = "/en/product/".$item->slug."/";
        }
    }
    
    $this['categoryDetail']        = Db::table('flatart_products_categories')->where("id", $details->category)->where("status", 1)->where("lang", $lang)->first();
    
    $this['getcategory'] = new class {
        public function get($value) {
            $get = Db::table('flatart_products_categories')->where("id", $value)->first();
            return $get;
        }
    };
    
    
    $this['spects']     = json_decode($details->spects, true);
    $this['gallery']    = json_decode($details->gallery, true);

     $this->page->meta_description       = $details->meta_description;
    
    if($lang == 'tr'){
        $this->page->meta_title             = $this['details']->meta_title." - Villa Yapı Prefabrik";
        $this->page->meta_description       = $details->meta_description;
        
        $this->page->canonical              = "https://villayapi.com/tr/urun/".$this['details']->slug."/";
    }else{
        $this->page->meta_title             = $this['details']->meta_title." - Villa Yapı Prefabrik";
        $this->page->meta_description       = $details->meta_description;
        
       
        $this->page->canonical              = "https://villayapi.com/en/product/".$this['details']->slug."/";
    }
   
}
?>
==
{% set breadcount = 1 %}
<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "BreadcrumbList", 
  "itemListElement": [{
    "@type": "ListItem", 
    "position": {{ breadcount }}, 
    "name": "VİLLA YAPI",
    "item": "https://www.villayapi.com/{{ "/tr"|_}}/"  
  },{% set breadcount = breadcount+1 %}{% if categoryDetail.parent > 0 %}{% set breadcat = getcategory.get(categoryDetail.parent) %}{% if breadcat.parent > 0 %}{% set breadcatmain = getcategory.get(breadcat.parent) %}{
    "@type": "ListItem", 
    "position": {{ breadcount }}, 
    "name": "{{ breadcatmain.name }}",
    "item": "https://www.villayapi.com{{ "/tr/urun-gruplari"|_ }}/{{ breadcatmain.slug }}/"  
  },{% set breadcount = breadcount+1 %}{% endif %}{
    "@type": "ListItem", 
    "position": {{ breadcount }}, 
    "name": "{{ breadcat.name }}",
    "item": "https://www.villayapi.com{{ "/tr/urun-gruplari"|_ }}/{{ breadcat.slug }}/"  
  }{% set breadcount = breadcount+1 %}{% endif %},{
    "@type": "ListItem", 
    "position": {{ breadcount }}, 
    "name": "{{ details.name }}",
    "item": "https://www.villayapi.com{{ "/tr/urun"|_ }}/{{ details.slug }}/"  
  }
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "Product", 
  "name": "{{ details.name }}",
  "image": "https://www.villayapi.com{{ details.cover|media}}",
  "description": "{{ details.meta_description}}",
  "brand": {
    "@type": "Brand",
    "name": "Villa Yapı Prefabrik"
  },
  "review": {
        "@type": "Review",
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "5",
            "bestRating": "5"
          },
          "author": {
            "@type": "Person",
            "name": "Villa Yapı Prefabrik"
          }
        },
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.4",
          "reviewCount": "89"
        }
}
</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>
                {% if categoryDetail.parent > 0 %}
                {% set breadcat = getcategory.get(categoryDetail.parent) %}
                {% if breadcat.parent > 0 %}
                    {% set breadcatmain = getcategory.get(breadcat.parent) %}
                    <li class="breadcrumb-item"><a href="{{ "/tr/urun-gruplari"|_ }}/{{ breadcatmain.slug }}/">{{ breadcatmain.name }}</a></li>
                {% endif %}
                <li class="breadcrumb-item"><a href="{{ "/tr/urun-gruplari"|_ }}/{{ breadcat.slug }}/">{{ breadcat.name }}</a></li>
                {% endif %}
                <li class="breadcrumb-item"><a href="{{ "/tr/urun-gruplari"|_ }}/{{ categoryDetail.slug }}/">{{ categoryDetail.name }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ details.name }}</li>
              </ol>
            </nav>
          </div><!-- /.col-xl-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section>
    
    <style>
    .portfolio-item__content.text-center.pt-0 p {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
    color: #1b1a1a;
}

.portfolio-item__content.text-center.pt-0 {
    margin: 50px 0;
}
    </style>
    
    
    <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="{{ details.name }}" class="img-fluid mb-5">
              </div>
              <div class="portfolio-item__content text-center pt-0">
                <h1 class="portfolio-item__title mt-5">{{ details.name }}</h1>
               <!-- /.portfolio-cat -->
                {{ details.content_mini|raw }}
                
              </div><!-- /.portfolio-content -->
            </div><!-- /.portfolio-item  -->
            <div class="portfolio-gallery">
              <div class="row">
              
              {% for item in gallery %}
                <!-- 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="{{ details.name }}">
                      </a>
                    </div><!-- /.portfolio-img -->
                  </div><!-- /.portfolio-item -->
                </div><!-- /.col-lg-4 -->
                {% endfor %}

              </div><!-- /.row -->
            </div><!-- /.portfolio gallery -->
          </div><!-- /.col-lg-12 -->
        </div><!-- /.row -->
        
        <style>
        table.spectstable {
    width: 100%;
    margin: 10px 0 50px;
}


        </style>
        
        <div style="font-weight: bold; font-size: 42px; color: #1b1a1a; font-family: "Rubik", sans-serif; text-transform: capitalize; line-height: 1.5; margin-bottom: 20px;">{{ "Açıklama"|_ }}</div>
        <div class="spects">
        <table class="spectstable table table-striped">
        <tbody>
            {% for item in spects %}
            <tr>
                <td>{{ item.spects }}</td>
                <td>{{ item.desc }}</td>
            </tr>
            {% endfor %}
                </tbody>
        </table>
        </div>
     
     {{ details.content|raw }}


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

    </section>