@php
  //Function Untuk Menghitung Selisih Jam
  function selisih($jam_masuk, $jam_keluar)
  {
      [$h, $m, $s] = explode(':', $jam_masuk);
      $dtAwal = mktime($h, $m, $s, '1', '1', '1');
      [$h, $m, $s] = explode(':', $jam_keluar);
      $dtAkhir = mktime($h, $m, $s, '1', '1', '1');
      $dtSelisih = $dtAkhir - $dtAwal;
      $totalmenit = $dtSelisih / 60;
      $jam = explode('.', $totalmenit / 60);
      $sisamenit = $totalmenit / 60 - $jam[0];
      $sisamenit2 = $sisamenit * 60;
      $jml_jam = $jam[0];
      return $jml_jam . ':' . round($sisamenit2);
  }
@endphp
@foreach ($absensi as $d)
  @if ($d->status == 'h')
    <tr>
      <td style="text-align: center;">{{ $loop->iteration }}</td>
      <td style="text-align: center;">{{ $d->nis }}</td>
      <td>{{ $d->nama_siswa }}</td>
      <td style="text-align: center;">{{ date('d-m-Y', strtotime($d->tgl_absen)) }}</td>
      <td style="text-align: center;">{{ $d->jam_absen }}</td>
      <td style="text-align: center;">
        @if ($d->jam_absen > $setting->jam_masuk)
          @php
            $jamterlambat = selisih($setting->jam_masuk, $d->jam_absen);
          @endphp
          <span class="badge bg-warning">Terlambat: {{ $jamterlambat }}</span>
        @else
          <span class="badge bg-success">Tepat Waktu</span>
        @endif
      </td>
      <td style="text-align: center;">
        <a type="button" class="tampilkanpeta" id="{{ $d->id }}">
          <span class="badge badge-center bg-primary"><i class="ti ti-map-pin"></i></span>
        </a>
      </td>
    </tr>
  @else
    <tr>
      <td style="text-align: center;">{{ $loop->iteration }}</td>
      <td style="text-align: center;">{{ $d->nis }}</td>
      <td>{{ $d->nama_siswa }}</td>
      <td style="text-align: center;">{{ $d->kelas }}</td>
      <td style="text-align: center;">
        @if ($d->status == 'i')
          <span class="badge bg-info">Ijin</span>
        @elseif($d->status == 's')
          <span class="badge bg-info">Sakit</span>
        @elseif($d->status == 'c')
          <span class="badge bg-info">Dispen</span>
        @else
          <span class="badge bg-info">Hadir</span>
        @endif
      </td>
      <td style="text-align: center;">-</td>
      <td style="text-align: center;">
        <a href="#" class="tampilkanpeta btn btn-primary btn-xs" id="{{ $d->id }}"><i class="ti ti-map-pin"></i></a>
      </td>
    </tr>
  @endif
@endforeach

<script>
  $(function() {
    $(".tampilkanpeta").click(function(e) {
      var id = $(this).attr("id");
      $.ajax({
        type: 'POST',
        url: "{{ route('showmaps') }}",
        data: {
          _token: "{{ csrf_token() }}",
          id: id
        },
        cache: false,
        success: function(respond) {
          $("#loadmap").html(respond);
        }
      });
      $("#modal-tampilkanpeta").modal("show");
    });
  });
</script>