@include('layout.header')

<section id="content">
  <section class="bgGrey py-4" style="overflow-x: hidden;">
    <div class="container">
      <div class="row">
        <div class="col-6">
          <div class="w-100 pl-4 pr-4 pt-3 pb-2" style="background-color: #fff;border-radius: 10px;margin-left: 10px;">
            {{-- <div class="w-100 text-center mb-3" style="font-size: 18px;font-weight: bold;">Section 1</div> --}}
            <div class="row">
              @foreach ($left as $item)
                <div class="col-12 col-lg-12 mb-3 pb-3 border-bottom">
                  <div class="produk">
                    <img src="{{asset($item->file)}}" class="w-100" alt="News" style="border-radius: 10px;">
                    <div class="boxContentProduk">
                      <div class="title-news pt-1" onclick="goto('{{url('/karir/detail/'.$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">Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ..</div> --}}
                      <div class="text-right">
                        <button type="button" class="btn btn-danger w-50 mt-2" onclick="goto('{{url('/karir/detail/'.$item->id.'/'.str_slug($item->title,'-'))}}')">Selengkapnya</button>
                      </div>
                    </div>
                  </div>
                </div>
              @endforeach
            </div>
          </div>
        </div>
        <div class="col-6">
          <div class="w-100 pl-4 pr-4 pt-3 pb-2" style="background-color: #fff;border-radius: 10px;margin-left: 10px;">
            {{-- <div class="w-100 text-center mb-3" style="font-size: 18px;font-weight: bold;">Section 2</div> --}}
            <div class="row">
              @foreach ($right as $item)
                <div class="col-12 col-lg-12 mb-3 pb-3 border-bottom">
                  <div class="produk">
                    <img src="{{asset($item->file)}}" class="w-100" alt="News" style="border-radius: 10px;">
                    <div class="boxContentProduk">
                      <div class="title-news pt-1" onclick="goto('{{url('/karir/detail/'.$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">Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ..</div> --}}
                      <div class="text-right">
                        <button type="button" class="btn btn-danger w-50 mt-2" onclick="goto('{{url('/karir/detail/'.$item->id.'/'.str_slug($item->title,'-'))}}')">Selengkapnya</button>
                      </div>
                    </div>
                  </div>
                </div>
              @endforeach
            </div>
          </div>
        </div>
      </div>
    </div>

  </section>
</section>

@include('layout.footer')