@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 text-center">
          <div class="item-inner">
            <div class="card">
              <div class="card-body">
                  <div class=" text-center">
                    <span class="badge gradient-1 rounded-pill"> {!! $value->validasi !!} </span>
                    <div class="info text-center">
                      <h5 class="mb-1">{{$value->pemohon}}</h5>
                      <p class="mb-0">{{$value->tgl_permohonan}}</p>
                    </div>
                  </div>
                  <p>Kode Rekom : {{$value->kode_rekom}}</p>
                  <div class="text-center">
                      {!! $value->keterangan !!}
                      <a target="_blank" href="http://e-rekomendasi.kedirikab.go.id/monitoring/cetak/{{$value->id_rekomendasi}}" ><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>
              </div>
            </div>
          </div>
        </div>
        @endforeach
      @endif
        <!--/.swiper-slide -->
        
      </div>
      <!--/.swiper-wrapper -->
    </div>
    <!-- /.swiper -->
  </div>
  <!-- /.swiper-container -->
</div>
<!-- /.position-relative -->
@endsection

@section('script')
<script>
	function detail(id){
    // showSwal('warning',id);
		$.ajax({
			url: "{{route('e_rekomendasi.detail_keterangan')}}",
			dataType: 'json',
			type: 'post',
			data: {
            "id" : id,
            "_token": "{{ csrf_token() }}",
      },
			success: function(respon){
				var ket = respon.response.keterangan;
				var tgl = respon.response.tgl_rekom;
				var berkas = respon.response.surat_rekom;

        Swal.fire({
          // position: 'top-end',
          icon: 'info',
          title: 'Keterangan',
          html:
					    ket +
					    '<hr>'+berkas +
					    tgl,
          showConfirmButton: false,
          showCancelButton: false,
					showCloseButton: true,
					focusConfirm: false,
          timer: 5000,
        })

				// swal({
				// 	title: 'Keterangan',
				// 	  type: '',
				// 	  html:
				// 	    ket +
				// 	    '<hr>'+berkas +
				// 	    tgl,
				// 	  showCancelButton: false,
				// 	  showCloseButton: true,
				// 	  focusConfirm: false,
				// }).then((result) => {
				// 	if(result.value){

				// 	}else if(result.dismiss === swal.DismissReason.cancel){

				// 	}
				// })
			}
		})
	}
</script>
@endsection