@extends('masterdata::gelombang-setting')

@section('gelombang-setting')
  <div class="tab-pane" id="report" role="tabpanel">
    <h5>
      Report Gelombang
    </h5>

    <form method="GET" class="mb-2">
      <input type="hidden" name="id_gelombang" value="{{ request('id_gelombang') }}">
      <div class="row mt-2">
        <div class="form-group col-lg-4 col-12">
          <label for="">Jalur</label>
          <select id='pilihan-jalur' name="gel_jalur_id" class="form-control form-select" id="filter">
            <option value="">Pilih Jalur</option>
            @foreach ($pilihan_jalur as $jalur)
              <option value="{{ $jalur->id }}" @if (request('gel_jalur_id') == $jalur->id) selected @endif>{{ $jalur->name }}
              </option>
            @endforeach
          </select>
        </div>

        <div class="form-group col-lg-4 col-12">
          <label for="">Fakultas</label>
          <select id="pilihan-fakultas" name="gel_fakultas_id" class="form-control form-select" id="filter">
            <option value="">Pilih Jalur Terlebih dahulu</option>
            @foreach ($pilihan_fakultas as $fakultas)
              <option value="{{ $fakultas->id }}" @if (request('gel_fakultas_id') == $fakultas->id) selected @endif>{{ $fakultas->name }}
              </option>
            @endforeach
          </select>
        </div>

        <div class="form-group col-lg-4 col-12">
          <label for="">Prodi</label>
          <select onchange="submit()" id="pilihan-prodi" name="gel_prodi_id" class="form-control form-select"
            id="filter">
            <option value="">Pilih Jalur Terlebih dahulu</option>
            @foreach ($pilihan_prodi as $prodi)
              <option value="{{ $prodi->id }}" @if (request('gel_prodi_id') == $prodi->id) selected @endif>{{ $prodi->name }}
              </option>
            @endforeach
          </select>
        </div>
      </div>
    </form>


    @if (request('gel_prodi_id'))
      <div class="overflow-auto">

        <table class="table rounded border  table-striped  ">
          <thead class="bg-secondary text-white">
            <tr>
              <td colspan="2" class="text-center">
                <h5 class="text-white ">
                  Report data untuk Program Studi {{ $report['nama'] }}
                </h5>
              </td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                Kapasitas
              </td>
              <td>
                {{ $prodi->capasity }} Peserta
              </td>
            </tr>
            <tr>
              <td>
                Syarat Kelulusan
              </td>
              <td>
                Nilai CBT >= {{ $report['nilai_lulus'] }}
              </td>
            </tr>
            <tr>
              <td>
                Terbuka Untuk Jalur
              </td>
              <td>
                <ul>
                  @foreach ($report['jalurs'] as $key => $jalur)
                    <li>{{ $jalur->name }}</li>
                  @endforeach
                </ul>
              </td>
            </tr>
            <tr>
              <td>
                Berkas Pendaftaran
              </td>
              <td>
                <ul>
                  @foreach ($report['berkases'] as $key => $berkas)
                    <li>{{ $berkas->name }}</li>
                  @endforeach
                </ul>
              </td>
            </tr>
            <tr>
              <td>
                Ujian Masuk
              </td>
              <td>
                <ul>
                  @if ($report['test']?->is_cbt)
                    <li>
                      Computer Based Test (CBT)
                    </li>
                  @endif
                  @if ($report['test']?->is_medic)
                    <li>
                      Tes Kesehatan
                    </li>
                  @endif
                  @if ($report['test']?->is_interview)
                    <li>
                      Tes Interview
                    </li>
                  @endif
                </ul>
              </td>
            </tr>
            <tr>
              <td>
                Pembayaran Registrasi Ulang
              </td>
              <td>
                <ul>
                  <div class='d-flex flex-column'>
                    @foreach ($report['pembayaran'] as $key => $bayar)
                      <li class="">
                        <div class="d-flex flex-row justify-content-between">
                          <span>
                            {{ $bayar->name }}
                          </span>
                          <span>
                            Rp{{ number_format($bayar->nominal, 0, ',', '.') }}
                          </span>
                        </div>
                      </li>
                    @endforeach
                    <b class="text-end font-weight-bold justify-self-end">
                      Total Rp{{ number_format($report['total_pembayaran'], 0, ',', '.') }}
                    </b>
                  </div>
                </ul>
              </td>
            </tr>

          </tbody>
        </table>
      </div>


      <div class="d-flex justify-content-center mb-2">
        <a target="_blank"
          href="/masterdata/gelombang/print?id_gelombang={{request("id_gelombang")}}&gel_jalur_id={{request("gel_jalur_id")}}&gel_fakultas_id={{request("gel_fakultas_id")}}&gel_prodi_id={{request("gel_prodi_id")}}"
          class="btn btn-primary d-inline-flex gap-1 ps-4 pe-4">
          <i class="fa-solid fa-print "></i>
          Print Report</a>
      </div>
    @else
      <div class="alert alert-warning mt-2">
        <strong>Info!</strong> Pilih Prodi terlebih dahulu.
      </div>
    @endif

  </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('id_gelombang') }} + '/' +
                jalur,
              type: 'GET',
              success: function(data) {
                $('#pilihan-fakultas').html('');
                $('#pilihan-fakultas').append(
                  '<option value="">Pilih Fakultas</option>'
                )


                if (data.length == 0) {
                  $("#pilihan-fakultas").html('');
                  $("#pilihan-fakultas").append(
                    '<option value="">Tidak ada fakultas aktif</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 fakultas = this.value;
          var jalur = $('#pilihan-jalur').val();

          if (fakultas && fakultas !== '') {
            $.ajax({
              url: '/masterdata/gelombang/berkas/dependant-prodi/' + {{ request('id_gelombang') }} + '/' +
                jalur +
                '/' + fakultas,
              type: 'GET',
              success: function(data) {
                $('#pilihan-prodi').html('');
                $('#pilihan-prodi').append(
                  '<option value="">Pilih Prodi</option>'
                )

                if (data.length == 0) {
                  $("#pilihan-prodi").html('');
                  $("#pilihan-prodi").append(
                    '<option value="">Tidak ada prodi aktif</option>'
                  );
                }

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


    });
  </script>
@endsection