@include('layout.header')

<section id="slider">
  <div class="slidercontent">
    <div id="carousel-1" class="owl-carousel owl-theme">
      @foreach ($sliders as $item)
        <div class="item">
          <div class="listSlide">
            <img src="{{asset($item->image)}}">
          </div>
        </div>
      @endforeach
    </div>
  </div>
</section>

<section class="bgGrey pb-4">
  <div id="listAkses">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="heading mt-3 mb-3">
            <h2>Human Capital</h2>
          </div>
        </div>
        <div class="col-lg-12">
          <div class="boxAkses boxAkses4">
            <ul>
              <li>
                <a href="{{url('/library/human')}}">
                  <div class="bgAkses">
                    <table style="width: 100%;height: 44px;">
                      <tr>
                        <td style="width: 2%;"><img src="{{asset('assets')}}/img/akses9.png" alt=""></td>
                        <td><p>Formulir</p></td>
                      </tr>
                    </table>
                  </div>
                </a>
              </li>
              <li>
                <a href="{{url('/human/training')}}">
                  <div class="bgAkses">
                    <table style="width: 100%;height: 44px;">
                      <tr>
                        <td style="width: 2%;"><img src="{{asset('assets')}}/img/akses10.png" alt=""></td>
                        <td><p>Pengajuan Training</p></td>
                      </tr>
                    </table>
                  </div>
                </a>
              </li>
              <li>
                <a href="#">
                  <div class="bgAkses">
                    <table style="width: 100%;height: 44px;">
                      <tr>
                        <td style="width: 2%;"><img src="{{asset('assets')}}/img/akses3.png" alt=""></td>
                        <td><p>Dashboard MPP</p></td>
                      </tr>
                    </table>
                  </div>
                </a>
              </li>
              {{-- <li>
                <a href="{{url('/human/suggestion')}}">
                  <div class="bgAkses">
                    <table style="width: 100%;height: 44px;">
                      <tr>
                        <td style="width: 2%;"><img src="{{asset('assets')}}/img/akses5.png" alt=""></td>
                        <td><p>Suggestion System</p></td>
                      </tr>
                    </table>
                  </div>
                </a>
              </li> --}}
              <li>
                <a href="{{url('/human/motivasi')}}">
                  <div class="bgAkses">
                    <table style="width: 100%;height: 44px;">
                      <tr>
                        <td style="width: 2%;"><img src="{{asset('assets')}}/img/akses2.png" alt=""></td>
                        <td><p>Kanal Motivasi</p></td>
                      </tr>
                    </table>
                  </div>
                </a>
              </li>
              <li>
                <a href="{{url('/human/culture')}}">
                  <div class="bgAkses">
                    <table style="width: 100%;height: 44px;">
                      <tr>
                        <td style="width: 2%;"><img src="{{asset('assets')}}/img/akses2.png" alt=""></td>
                        <td><p>Culture</p></td>
                      </tr>
                    </table>
                  </div>
                </a>
              </li>
              <li>
                <a href="{{url('/human/buku')}}">
                  <div class="bgAkses">
                    <table style="width: 100%;height: 44px;">
                      <tr>
                        <td style="width: 2%;"><img src="{{asset('assets')}}/img/akses2.png" alt=""></td>
                        <td><p>Buku PP</p></td>
                      </tr>
                    </table>
                  </div>
                </a>
              </li>
              <li>
                <a href="#">
                  <div class="bgAkses">
                    <table style="width: 100%;height: 44px;">
                      <tr>
                        <td style="width: 2%;"><img src="{{asset('assets')}}/img/akses2.png" alt=""></td>
                        <td><p>Q & A</p></td>
                      </tr>
                    </table>
                  </div>
                </a>
              </li>
              <li>
                <a href="{{url('/human/suggestion')}}">
                  <div class="bgAkses">
                    <table style="width: 100%;height: 44px;">
                      <tr>
                        <td style="width: 2%;"><img src="{{asset('assets')}}/img/akses2.png" alt=""></td>
                        <td><p>Pengajuan Improvement</p></td>
                      </tr>
                    </table>
                  </div>
                </a>
              </li>
              <li>
                <a href="{{url('/human/suggestionsystem')}}">
                  <div class="bgAkses">
                    <table style="width: 100%;height: 44px;">
                      <tr>
                        <td style="width: 2%;"><img src="{{asset('assets')}}/img/akses9.png" alt=""></td>
                        <td><p>Suggestion System</p></td>
                      </tr>
                    </table>
                  </div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-12">
          
          @foreach ($list as $item)
            <div id="souvenir" class="py-4">
              <div class="container p-0">
                <div class="row">
                  <div class="col-lg-12">
                    <div class="heading mb-3">
                      <h2>{{$item->title}}</h2>
                    </div>
                  </div>
                  <div class="col-lg-12">
                    <iframe src="{{asset($item->file)}}" width="100%" height="500px"></iframe>
                  </div>
                </div>
              </div>
            </div>
          @endforeach

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

@include('layout.footer')