@extends('frontend.layouts.master')
@section('styles')
@parent
@stop
@section('content')
@include('frontend.layouts.social')
<main>
  <section class="inner_banner">
    <div class="bg_ p_img">
      <picture>
      @if(!empty($banner->getData('banner_image')))
        <picture>
            <source srcset="{{webp($banner->getData('banner_image'))}}" type="image/webp">
            <source srcset="{{PP($banner->getData('banner_image'))}}" type="image/{{FT($banner->getData('banner_image'))}}">
            <img src="{{PP($banner->getData('banner_image'))}}" loading="lazy" alt="{{lang('project_page_banner_alt_keywords')}}">
        </picture>
        @else        
        <source srcset="{{getFrontendAsset('images/project_banner.webp')}}" type="image/webp">
        <source srcset="{{getFrontendAsset('images/project_banner.jpg')}}" type="image/jpeg">
        <img src="{{getFrontendAsset('images/project_banner.jpg')}}" loading="lazy" alt="{{lang('project_page_banner_alt_keywords')}}">
      </picture>
      @endif
    </div>
    
    <div class="container">
      <div class="page_title">
        <h1>
          <span>{{lang('blogs')}}</span>
        </h1>
      </div>
        <div class="breadcrumb_wrap">
          <ul>
            <li>
              <a href="{{ URL::to('/') }}" class="link_">
               {{lang('home')}}
              </a>
            </li>
            <li>
              <a href="{{route('blog',$lang)}}" class="link_">
                {{lang('blogs')}}
              </a>
            </li>
            <li class="active_">
              <span>{{$blog->getData('post_title')}}</span>
            </li>
          </ul>
        </div>      
      <div class="title_box w_tool">
        <div class="t_box">
          <h3 class="section-title">
            <span>{{lang('blog_page__latest')}}</span>
          </h3>
          <h5 class="small_title_">
            <span>{{lang('blog_page__blog_title')}}</span>
          </h5>
        </div>

      </div>
    </div>
     
  </section>

<section class="page-section w_marq">
  <div class="container">
    <div class="blog_wrap project_list_wrap" id="project-grid">
      <div class="p_row details">
        <div class="p_item">
          <div class="inner_">

            <div class="content_box">
              <div class="details">
                <div class="content_box">
                  <div class="details">
                    <div class="title">
                      <h2>
                        {{$blog->getData('post_title')}}
                      </h2>
                    </div>
                  </div>
                </div>  
                <div class="text_box">
                  <p>
                    {!! $blog->getData('description') !!}
                  </p>
                </div>               
              </div>
            </div>

            @if(!empty($blog->getData('blog_description1')))
            <div class="content_box">
              <div class="details">
                <div class="text_box">
                  <p>
                    {!! $blog->getData('blog_description1') !!}
                  </p>
                </div>
                @if(!empty($blog->getData('blog_description1_image')))
                <div class="img_box p_img">
                  <picture>
                    <source srcset="{{webp($blog->getData('blog_description1_image'))}}" type="image/webp">
                    <source srcset="{{PP($blog->getData('blog_description1_image'))}}" type="image/{{FT($blog->getData('blog_description1_image'))}}">
                    <img src="{{PP($blog->getData('blog_description1_image'))}}" loading="lazy" alt="{{$blog->getData('post_title')}}">
                  </picture>
                </div>
                @endif                 
              </div>
            </div>
            @endif


            @if(!empty($blog->getData('blog_description2')))
            <div class="content_box">
              <div class="details">
                <div class="text_box">
                  <p>
                    {!! $blog->getData('blog_description2') !!}
                  </p>
                </div>
                @if(!empty($blog->getData('blog_description2_image')))
                <div class="img_box p_img">
                  <picture>
                    <source srcset="{{webp($blog->getData('blog_description2_image'))}}" type="image/webp">
                    <source srcset="{{PP($blog->getData('blog_description2_image'))}}" type="image/{{FT($blog->getData('blog_description2_image'))}}">
                    <img src="{{PP($blog->getData('blog_description2_image'))}}" loading="lazy" alt="{{$blog->getData('post_title')}}">
                  </picture>
                </div>
                @endif                
              </div>
            </div>
            @endif   

            @if(!empty($blog->getData('blog_description3')))
            <div class="content_box">
              <div class="details">
                <div class="text_box">
                  <p>
                    {!! $blog->getData('blog_description3') !!}
                  </p>
                </div>
                @if(!empty($blog->getData('blog_description3_image')))
                <div class="img_box p_img">
                  <picture>
                    <source srcset="{{webp($blog->getData('blog_description3_image'))}}" type="image/webp">
                    <source srcset="{{PP($blog->getData('blog_description3_image'))}}" type="image/{{FT($blog->getData('blog_description3_image'))}}">
                    <img src="{{PP($blog->getData('blog_description3_image'))}}" loading="lazy" alt="{{$blog->getData('post_title')}}">
                  </picture>
                </div>
                @endif                
              </div>
            </div>
            @endif 

            @if(!empty($blog->getData('blog_description4')))
            <div class="content_box">
              <div class="details">
                <div class="text_box">
                  <p>
                    {!! $blog->getData('blog_description4') !!}
                  </p>
                </div>
                @if(!empty($blog->getData('blog_description4_image')))
                <div class="img_box p_img">
                  <picture>
                    <source srcset="{{webp($blog->getData('blog_description4_image'))}}" type="image/webp">
                    <source srcset="{{PP($blog->getData('blog_description4_image'))}}" type="image/{{FT($blog->getData('blog_description4_image'))}}">
                    <img src="{{PP($blog->getData('blog_description4_image'))}}" loading="lazy" alt="{{$blog->getData('post_title')}}">
                  </picture>
                </div>
                @endif                
              </div>
            </div>
            @endif 

            @if(!empty($blog->getData('blog_description5')))
            <div class="content_box">
              <div class="details">
                <div class="text_box">
                  <p>
                    {!! $blog->getData('blog_description5') !!}
                  </p>
                </div>
                @if(!empty($blog->getData('blog_description5_image')))
                <div class="img_box p_img">
                  <picture>
                    <source srcset="{{webp($blog->getData('blog_description5_image'))}}" type="image/webp">
                    <source srcset="{{PP($blog->getData('blog_description5_image'))}}" type="image/{{FT($blog->getData('blog_description5_image'))}}">
                    <img src="{{PP($blog->getData('blog_description5_image'))}}" loading="lazy" alt="{{$blog->getData('post_title')}}">
                  </picture>
                </div>
                @endif                
              </div>
            </div>
            @endif 

            @if(!empty($blog->getData('blog_description6')))
            <div class="content_box">
              <div class="details">
                <div class="text_box">
                  <p>
                    {!! $blog->getData('blog_description6') !!}
                  </p>
                </div>
                @if(!empty($blog->getData('blog_description6_image')))
                <div class="img_box p_img">
                  <picture>
                    <source srcset="{{webp($blog->getData('blog_description6_image'))}}" type="image/webp">
                    <source srcset="{{PP($blog->getData('blog_description6_image'))}}" type="image/{{FT($blog->getData('blog_description6_image'))}}">
                    <img src="{{PP($blog->getData('blog_description6_image'))}}" loading="lazy" alt="{{$blog->getData('post_title')}}">
                  </picture>
                </div>
                @endif                
              </div>
            </div>
            @endif 


            @if(!empty($blog->getData('blog_description7')))
            <div class="content_box">
              <div class="details">
                <div class="text_box">
                  <p>
                    {!! $blog->getData('blog_description7') !!}
                  </p>
                </div>
                @if(!empty($blog->getData('blog_description7_image')))
                <div class="img_box p_img">
                  <picture>
                    <source srcset="{{webp($blog->getData('blog_description7_image'))}}" type="image/webp">
                    <source srcset="{{PP($blog->getData('blog_description7_image'))}}" type="image/{{FT($blog->getData('blog_description7_image'))}}">
                    <img src="{{PP($blog->getData('blog_description7_image'))}}" loading="lazy" alt="{{$blog->getData('post_title')}}">
                  </picture>
                </div>
                @endif                
              </div>
            </div>
            @endif                                                                                  

          </div>
        </div>
      </div>
      
      @include('frontend.blog.partials.popular-blog')

    </div>
  </div>
  <div class="text_marc_box">
    <div class="m_item">
      <div class="marquee__inner-wrap">
        <div class="marquee__inner" aria-hidden="true">
          <span> Redefining Experiences</span>
          <div class="dot_"></div>
          <span>Redefining Luxury</span>
          <div class="dot_"></div>
          <span> Redefining Home</span>
          <div class="dot_"></div>
          <span> Redefining Sanctuaries</span>
          <div class="dot_"></div>
          <span>Reportage Empire</span>
          <div class="dot_"></div>
        </div>
      </div>
    </div>
  </div>
</section>
  

</main>

@stop

@section('scripts')
@parent

<script>

  $(function () {
     $('.link_tilt').tilt({
    axis: 'y',
        perspective: 500
    });
  })
  var swiper = new Swiper(".blog_slide", {
      navigation: {
        nextEl: ".blog_slide .nav_.right_",
        prevEl: ".blog_slide .nav_.left_",
      },
    });

  if ($(window).width() > 1024) {
      $(".p_row.blog-thumb .thumb-wrapper").stickit({
        top: 100
      });
    }

</script> 

@stop