@extends('layouts.app')

@section('content')
<h2 class="fs-15 text-center text-muted mb-3">E-REKOMENDASI</h2>
<h2 class="display-4 mb-3 text-center">MONITORING SKT</h2>
<!-- <p class="lead text-center mb-6 px-md-16 px-lg-0">Hai warga kediri laporan kamu ditemukan. Ayo pantau terus perkembangannya.</p> -->
<div class="position-relative">
  <div class="shape rounded-circle bg-soft-yellow rellax w-16 h-16" data-rellax-speed="1" style="bottom: 0.5rem; right: -1.7rem;"></div>
  <div class="shape bg-dot primary rellax w-16 h-16" data-rellax-speed="1" style="top: -1rem; left: -1.7rem;"></div>
  <div class="swiper-container dots-closer mb-6" data-margin="0" data-nav="true" data-dots="true" data-items-xl="1" data-items-md="1" data-items-xs="1">
    <div class="swiper">
      <div class="swiper-wrapper">
      @if ($status != '1')
      <div class="swiper-slide">
          <div class="item-inner">
            <div class="card">
              <div class="card-body text-center">
              <div class="alert alert-warning alert-icon alert-dismissible fade show" role="alert">
                  <i class="uil uil-check-circle"></i> {!! $message !!}
                  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
              </div>
            </div>
          </div>
      </div>
      @else
        @foreach ($data as $key => $value)
        <div class="swiper-slide">
          <div class="item-inner">
            <div class="card">
              <div class="card-body text-center">
                <!-- <blockquote class="icon mb-0"> -->
                  <div class=" text-center">
                    <span class="badge gradient-1 rounded-pill"> {!! $value->validasi !!} </span>
                    <div class="info">
                      <h5 class="mb-1">{{$value->nama_organisasi}}</h5>
                      <p class="mb-0">{{$value->tgl_permohonan}}</p>
                    </div>
                  </div>
                  <p>No Urut : {{$value->kode_skt}}</p>
                  <div class="text-center">
                      <a target="_blank" href="http://e-rekomendasi.kedirikab.go.id/monitoring/cetak_form_i/{{$value->id_skt}}" ><button type="button" class="btn btn-sm btn-primary btn-icon btn-icon-start rounded">  <i class="uil uil-print"></i> Cetak </button></a>
                  </div>
                <!-- </blockquote> -->
              </div>
            </div>
          </div>
        </div>
        @endforeach
      @endif
        <!--/.swiper-slide -->
        
      </div>
      <!--/.swiper-wrapper -->
    </div>
    <!-- /.swiper -->
  </div>
  <!-- /.swiper-container -->
</div>
<!-- /.position-relative -->
@endsection

@section('script')
<script>

</script>
@endsection