@extends('masterdata::report-data')

@section('report-data')
  <div class="mt-2">
    <div class="d-flex flex-md-row flex-column justify-content-between mb-2">
      <form class=" d-flex flex-md-row flex-column gap-1 " method="GET">
        @foreach (request()->all() as $key => $value)
          @if ($key != 'page' && $key != 'per_page' && $key != 'jalur' && $key != 'fakultas' && $key != 'prodi')
            <input type="hidden" name="{{ $key }}" value="{{ $value }}">
          @endif
        @endforeach
        <select name="jalur" value="{{ request()->jalur }}" class=" form-select" value='{{ request(' jalur') }}'
          id="pilihan-jalur">
          <option value="">Semua Jalur</option>
          @foreach ($pilihan_jalur as $jalur)
            <option value="{{ $jalur->id }}" @if (request()->jalur == $jalur->id) selected @endif>
              {{ $jalur->name }}
            </option>
          @endforeach
        </select>

        <select name="fakultas" value="{{ request()->fakultas }}" class="form-select" value='{{ request(' fakultas') }}'
          id="pilihan-fakultas">

          <option value="">Semua Fakultas</option>
          @foreach ($pilihan_fakultas as $fakultas)
            <option value="{{ $fakultas->id }}" @if (request()->fakultas == $fakultas->id) selected @endif>
              {{ $fakultas->name }}
            </option>
          @endforeach

        </select>

        <select name="prodi" value="{{ request()->prodi }}" class=" form-select" value='{{ request(' prodi') }}'
          id="pilihan-prodi">
          <option value="">Semua Prodi</option>
          @foreach ($pilihan_prodi as $prodi)
            <option value="{{ $prodi->id }}" @if (request()->prodi == $prodi->id) selected @endif>
              {{ $prodi->name }}
            </option>
          @endforeach
        </select>

        <button type="submit" class="btn btn-primary">
          <i class="fa fa-search"></i>
        </button>
      </form>

      <div class="d-flex justify-content-end">
        <button class="btn btn-success" id='export-pendaftar-lulus'>
          <i class="fa-solid fa-file-excel me-1"></i>
          Download Report</button>
      </div>
    </div>

    <div class="overflow-auto">

      <table id="" class="table  table-striped table-bordered rounded table-hover">
        <thead class="bg-primary text-white text-center">
          <tr>
            <th rowspan="2">No</th>
            <th rowspan="2">No Peserta</th>
            <th rowspan="2">Nama Mahasiswa</th>
            <th rowspan="2">NIK</th>
            <th rowspan="2">No. HP</th>
            <th rowspan="2">Provinsi Asal</th>
            <th rowspan="2">Kota Asal</th>
            <th rowspan="2">Email</th>
            <th rowspan="2">Asal Sekolah</th>
            <th rowspan="2">Sumber Informasi</th>
            <th rowspan="2">Jalur</th>
            <th rowspan="2">Ujian CBT</th>
            <th rowspan="2">Tes Kesehatan</th>
            <th rowspan="2">Tes Interview</th>
            <th rowspan="2">Fakultas/Prodi Kelulusan</th>
            <th rowspan="2">Bidang</th>
            <th colspan="4">Sesi Ujian</th>
          </tr>
          <tr>
            <th>Pin</th>
            <th>Ruangan</th>
            <th style="white-space: nowrap">Tanggal Ujian</th>
            <th>Waktu Ujian</th>
          </tr>
        </thead>

        <tbody>
          @foreach ($mahasiswas as $index => $mahasiswa)
            <tr>
              <td>{{ $index + 1 + ($page_detail['page'] - 1) * $page_detail['per_page'] }}</td>
              <td>{{ $mahasiswa->no_peserta }}</td>
              <td>{{ $mahasiswa->nama }}</td>
              <td>{{ $mahasiswa->nik }}</td>
              <td style="white-space: nowrap">{{ $mahasiswa->no_hp }}</td>
              <td>{{ $mahasiswa->kota }}</td>
              <td>{{ $mahasiswa->provinsi }}</td>


              <td>{{ $mahasiswa->email_siswa }}</td>
              <td>{{ $mahasiswa->nama_sekolah }}</td>
              <td>{{ $mahasiswa->info_dari }}</td>
              <td>{{ $mahasiswa->nama_jalur }}</td>

              <td class="text-center">
                @if (!$mahasiswa->is_cbt)
                  <span class="badge bg-primary rounded-pill p-2">Tidak Wajib</span>
                @elseif ($mahasiswa->nilai_cbt_siswa >= $mahasiswa->standar_nilai_cbt)
                  <span class="badge bg-success rounded-pill p-2">Lulus </span>
                @else
                  <span class="badge bg-danger rounded-pill p-2">Tidak Lulus</span>
                @endif
              </td>

              <td class="text-center">
                @if (!$mahasiswa->is_medic)
                  <span class="badge bg-primary rounded-pill p-2">Tidak Wajib</span>
                @elseif ($mahasiswa->hasil_tes_kesehatan)
                  <span class="badge bg-success rounded-pill p-2">Lulus</span>
                @else
                  <span class="badge bg-danger rounded-pill p-2">Tidak Lulus</span>
                @endif
              </td>

              <td class="text-center">
                @if (!$mahasiswa->is_interview)
                  <span class="badge bg-primary rounded-pill p-2">Tidak Wajib</span>
                @elseif ($mahasiswa->hasil_tes_interview)
                  <span class="badge bg-success rounded-pill p-2">Lulus</span>
                @else
                  <span class="badge bg-danger rounded-pill p-2">Tidak Lulus</span>
                @endif
              </td>
              <td>
                {{ $mahasiswa->nama_fakultas }} /
                {{ $mahasiswa->nama_prodi }}
              </td>

              <td>
                {{ $mahasiswa->bidang }}
              </td>
              <td>{{ $mahasiswa->pin }}</td>
              <td>{{ $mahasiswa->name_ruangan }}</td>
              <td>{{ \Carbon\Carbon::parse($mahasiswa->mulai)->translatedFormat('l, d M Y') }}</td>
              <td style="white-space: nowrap">
                {{ \Carbon\Carbon::parse($mahasiswa->mulai)->translatedFormat('H:i') }}-{{ \Carbon\Carbon::parse($mahasiswa->selesai)->translatedFormat('H:i') }}
                WITA</td>

            </tr>
          @endforeach
        </tbody>
      </table>
    </div>

    {{ $mahasiswas->appends([
            'tahun' => request('tahun'),
            'gelombang' => request('gelombang'),
            'jalur' => request('jalur'),
            'fakultas' => request('fakultas'),
            'prodi' => request('prodi'),
        ])->links('pagination::bootstrap-4') }}
  </div>

  <script>
    $(document).ready(function() {
      $('#pilihan-jalur').on(
        'change',
        function() {
          var jalur = this.value;
          if (jalur && jalur !== '') {
            $.ajax({
              url: '/masterdata/gelombang/berkas/dependant-fakultas/' + {{ request('gelombang') }} + '/' +
                jalur,
              type: 'GET',
              success: function(data) {
                $('#pilihan-fakultas').empty();
                $('#pilihan-fakultas').append(
                  '<option value="">Semua fakultas</option>'
                )
                $.each(data, function(key, value) {
                  $('#pilihan-fakultas').append(
                    '<option value="' + value.id + '">' + value.name + '</option>'
                  )
                })
              },
              error: function(data) {}

            })
          }
        }
      )

      $('#pilihan-fakultas').on('change', function() {
        var id_fakultas = this.value;
        $("#pilihan-prodi").empty();
        $("#pilihan-prodi").append(
          '<option value=""> Semua Prodi </option>'
        );

        $.ajax({
          url: '/masterdata/gelombang/berkas/dependant-prodi/' + {{ request('gelombang') }} + "/" + $(
            '#pilihan-jalur').val() + "/" + id_fakultas,
          type: 'GET',
          dataType: 'json',
          success: function(data) {

            $.each(data, function(index, value) {
              $("#pilihan-prodi").append(
                '<option value="' + value.id + '">' + value.name + '</option>'
              );
            });
          },
          error: function(data) {
            // console.log(data);
          }

        });

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