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

@section('gelombang-setting')
  <div class="tab-pane" id="kapasitas-prodi" role="tabpanel">
    <h5>
      Pengaturan Kapasitas prodi dan biaya pendaftaran
    </h5>

    <div class="alert alert-info">
      Silahkan pilih jalur dan fakultas yang aktif pada gelombang ini untuk mengatur kapasitas beserta biaya
      pendaftaran program studi dari fakultas terpilih.
    </div>

    @if (Session::has('success'))
      <div class="alert alert-success alert-dismissible fade show" role="alert">


        <strong> {{ Session::get('success') }}</strong>
      </div>
    @endif

    @if ($errors->any())
      {!! implode(
          '',
          $errors->all('<div class="alert alert-danger alert-dismissible fade show" role="alert">
                  				 <strong>:message</strong>
                  			</div>'),
      ) !!}
    @endif

    <div class=" mt-2 mb-2 d-flex flex-column flex-lg-row  align-items-lg-end justify-content-between gap-2">
      <form class="d-flex flex-column flex-lg-row gap-2 " method="GET">
        @foreach (request()->all() as $key => $value)
          @if ($key != 'nama' && $key != 'page' && $key != 'gel_jalur_id' && $key != 'fakultas_id' && !is_array($value))
            <input type="hidden" name="{{ $key }}" value="{{ $value }}">
          @endif
        @endforeach

        <div class="form-group " style="width: 200px">
          <label for="">Jalur</label>
          <select name="gel_jalur_id" class="form-control form-select" value="{{ request()->gel_jalur_id }}"
            id="pilih-jalur-aktif">
            <option value="">Pilih Jalur</option>
            @foreach ($pilihan_jalur as $jalur)
              <option value="{{ $jalur->gel_jalur_id }}" @if ($jalur->gel_jalur_id == request()->gel_jalur_id) selected @endif>
                {{ $jalur->name }}</option>
            @endforeach
          </select>
        </div>

        <div class="form-group " style="width: 200px">
          <label for="">Fakultas</label>
          {{-- @foreach ($pilihan_fakultas as $fakultas)
            <div>
              {{ $fakultas->name }} | {{ $fakultas->fakultas_id }} |
              {{ request()->fakultas_id }} |
              {{ $fakultas->fakultas_id == request()->fakultas_id ? 'true' : 'false' }}
            </div>
          @endforeach --}}

          <select name="fakultas_id" value="{{ request()->fakultas_id }}" class="form-control form-select"
            id="pilih-fakultas-aktif" onchange="submit()">
            @if ($pilihan_fakultas)
              <option value="">Pilih Fakultas</option>
              @foreach ($pilihan_fakultas as $fakultas)
                <option value="{{ $fakultas->id }}" @if ($fakultas->id == request()->fakultas_id) selected @endif>
                  {{ $fakultas->name }} </option>
              @endforeach
            @else
              <option value=""> Pilih jalur terlebih dahulu </option>
            @endif
          </select>
        </div>
      </form>

      @if (request('fakultas_id'))
        <div class="d-flex justify-content-end">
          <button value="true" id='check-all-btn' class="btn btn-outline-primary"
            onclick="
						var prodi_checkboxes = $('.prodi-checkbox');
						var checked = this.value == 'true';

						prodi_checkboxes.each(function(index, element) {
							$(element).prop('checked', checked  );
							$(element).trigger('change');
						});

						this.value= this.value == 'true'? 'false' : 'true';
						this.innerHTML = this.value == 'true'? 'Tandai Semua' : 'Batal Tandai';
       "></button>
        </div>
      @endif

    </div>


    @if (request()->fakultas_id)
      <form id="kapasitas-prodi" class="bordered overflow-auto" action="/masterdata/gelombang/kapasitas-prodi"
        method="POST">
        @csrf
        <input type="hidden" name='gel_jalur_id' value="{{ request()->gel_jalur_id }}">
        <input type="hidden" name='gelombang_id' value="{{ request()->id_gelombang }}">
        <input type="hidden" name='fakultas_id' value="{{ request()->fakultas_id }}">

        <div class="overflow-auto">
          <table class="table table-bordered rounded">
            <thead class="bg-secondary text-white">
              <tr>
                <th></th>
                <th>Program Studi</th>
                <th>Kapasitas</th>
                <th>Biaya Pendaftaran</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($gelombang_prodi as $index => $prodi)
                <tr>
                  <td class="text-center fs-4">
                    <input type="hidden" name='id[]' value="{{ $prodi->id }}">
                    <input type="hidden" name='code[]' value="{{ $prodi->code }}">
                    <input type="hidden" name='nilai_cbt[]' value="{{ $prodi->nilai_cbt }}">
										<input type="hidden" name='kategori_id[]' value="{{ $prodi->kategori_id }}">


                    <input @if ($prodi->status == 1) checked @endif type="checkbox"
                      class="form-check-input prodi-checkbox" type="checkbox"
                      onchange="
											$('#prodi-{{ $prodi->prodi_id }}').prop('value', $(this).prop('checked')?1:0);
										" />

                    <input name="prodi_status[]" type="hidden" id="prodi-{{ $prodi->prodi_id }}"
                      @if ($prodi->status == 1) value=1 @else value=0 @endif />

                    <input name="prodi_id[]" value="{{ $prodi->prodi_id }}" type="hidden"
                      @if ($prodi->status == 1) value=1 @else value=0 @endif />
                  </td>
                  <td>
                    <input type="hidden" name="nama_prodi[]"
                      value="{{ $prodi->gelombang_nama_prodi ?? $prodi->nama_prodi }}" />
                    {{ $prodi->gelombang_nama_prodi ?? $prodi->nama_prodi }}
                  </td>
                  <td>
                    <input type="number" min="0" required class="form-control form-control-sm"
                      name="kapasitas_prodi[]" max="{{$prodi->capasity}}" value="{{ $prodi->gelombang_capasity_prodi ?? $prodi->capasity }}" />
                    {{-- <span>
											{{ $prodi->gelombang_capasity_prodi ?? $prodi->capasity }}
										</span> --}}
                  </td>
                  <td>
										<div class="d-flex nowrap align-items-center gap-1" >

											RP
											<input min="0" required class="form-control form-control-sm input-integer"
												name="biaya_daftar[]"  value="{{ $prodi->gelombang_biaya_daftar_prodi ?? $prodi->biaya_daftar }}" />
										</div>
                  </td>

                </tr>
              @endforeach
            </tbody>
          </table>
        </div>
        <input type="submit" class="d-none" id="submit-prodi-table" />
      </form>

      <div class="d-flex justify-content-end ">
        <label for='submit-prodi-table' class="btn btn-primary" style="width: 150px">SImpan</label>
      </div>
    @else
      <div class="alert alert-warning mt-2">
        <strong>Info!</strong> Pilih Fakultas terlebih dahulu.
      </div>
    @endif

  </div>

  <script>
    var checkAllButton = $('#check-all-btn');
    let isCheckedAll = true;
    let checks = $('.prodi-checkbox');

    for (let i = 0; i < checks.length; i++) {
      if (!checks[i].checked) {
        isCheckedAll = false;
      }
    }


    if (isCheckedAll) {
      checkAllButton.val(false)
      checkAllButton.html('Batal tandai')
    } else {
      checkAllButton.val(true)
      checkAllButton.html('Tandai semua')
    }

    $(document).ready(function() {
      $('#pilih-jalur-aktif').on('change', function() {
        var id_jalur = this.value;
        $("#pilih-fakultas-aktif").html('');

        $.ajax({
          url: '/masterdata/gelombang/fakultas/all-active',
          type: 'GET',
          dataType: 'json',
          data: {
            'id_jalur': id_jalur,
            'id_gelombang': {{ request()->id_gelombang }}
          },
          success: function(data) {
            $("#pilih-fakultas-aktif").append(
              '<option value=""> Pilih Fakultas </option>'
            );
            if (data.length == 0) {
              $("#pilih-fakultas-aktif").html('');
              $("#pilih-fakultas-aktif").append(
                '<option value="">Tidak ada fakultas aktif</option>'
              );
            }
            $.each(data, function(index, value) {
              $("#pilih-fakultas-aktif").append(
                '<option value="' + value.id + '">' + value.name + '</option>'
              );
            });

          }
        });

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