@include('layout.header')

<section id="content">
  <section class="bgGrey py-4">

    <div id="listProduk">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="designStandar mb-3">
              <div class="heading mb-2">
                <h2>{{$title}}</h2>
                {{-- <a href="#">Lihat Lainnya</a> --}}
              </div>
              <div class="row">
                <div class="col-12 p-0">
                  <div class="w-100 pl-4 pr-4 pt-3 pb-2" style="background-color: #fff;border-radius: 10px;margin-left: 10px;">
                    @foreach ($list as $item)
                      <div class="row mb-3 pb-3 border-bottom">
                        <div class="col-2 col-lg-2">
                          <img src="{{asset($item->image)}}" class="w-100" alt="{{$item->title}}" style="border-radius: 10px;">
                        </div>
                        <div class="col-10 col-lg-10 p-0 pr-2">
                          <div class="boxContentProduk">
                            <div class="title-news pt-1" onclick="goto('{{url('/hotnews/'.$item->id.'/'.str_slug($item->title,'-'))}}')">{{$item->title}}</div>
                            <div class="subtitle-news">Admin, {{date('d M Y', strtotime($item->created_at))}}</div>
                            <div class="description-news text-justify">{{$item->short_description}}</div>
                            <button type="button" class="btn btn-danger mt-2" onclick="goto('{{url('/hotnews/'.$item->id.'/'.str_slug($item->title,'-'))}}')">Lihat Selengkapnya</button>
                          </div>
                        </div>
                      </div>
                    @endforeach
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>


      </div>
    </div>

  </section>
</section>

@include('layout.footer')