@extends('web.layouts.default')
@section('content')


<section class="news-main-sec bg-light">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="news-heading">
          <a class="main-heading" href="{{ route('web.home') }}">Home</a> > <a href="#">New</a>
          <h3>News</h3>
        </div>
      </div>
 
      <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
      @foreach($sections as $section)
      @if(isset($section->image) && $section->image!="")
          @php $image=asset(Storage::url('public/sections')).'/'.$section->page->alias.'/'.$section->image @endphp
          @else
          @php $image='' @endphp
          @endif
        <div class="news-start">
          <a href="#"> <img class="img-fluid" src="{{$image}}" alt=""></a>
          <div class="news-main">
            <a href="#">
              <h3 class="main-heading">{{ $section->title }}</h3>
            </a>
            <p>{!! $section->description !!}</p>
            <div class="row news-bottom">
              <div class="col-xxl-10 col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12">
                <div class="">
                  <ul>
                    <li><img class="img50" src="imgs/user1.jpg" alt=""> by {{ $section->sub_title }}</li>
                    <li class="news-iconpad"><i class="fa fa-calendar"></i> {{ date('d f,Y',strtotime($section->created_at)) }}</li>
                    <li class="news-iconpad"><i class="fa fa-tag"></i> {{ $section->page_type->name }}</li>
                    <li class="news-iconpad"><i class="fa fa-comment-o"></i> 25</li>
                  </ul>
                </div>
              </div>
              <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-12 col-sm-12 col-12">
                <button type="button" class="btn btn-primary">Read More</button>
              </div>
            </div>
          </div>
        </div>
        @endforeach
       
      </div>

      <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
        <div class="news-right-sec-main">
          <div class="news-right-sec mb-4">
            <h3>Categories</h3>
            @isset($page)
            <ul>
              @foreach($page->types as $type)
              <li><a href="#"><i class="fa fa-angle-right"></i> {{ $type->name }}</a></li>
              @endforeach
              <!-- <li><a href="#"><i class="fa fa-angle-right"></i> Construction</a></li>
              <li><a href="#"><i class="fa fa-angle-right"></i> Real Estate</a></li> -->
            </ul>
            @endisset
          </div>
          <div class="news-right-sec ">
            <h3>Archives</h3>
            <ul>
              <li><a href="#"><i class="fa fa-angle-right"></i> May 2023</a></li>
              <li><a href="#"><i class="fa fa-angle-right"></i> March 2023</a></li>
              <li><a href="#"><i class="fa fa-angle-right"></i> January 2023</a></li>

            </ul>
          </div>
        </div>
      </div>

    </div>





  </div>
</section>

@endsection