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

@section('gelombang-setting')
  <div class="tab-pane " id="fakultas" role="tabpanel">
    <h5>
      Pengaturan Fakultas
    </h5>

    @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="d-flex justify-content-between mt-2">
      <form method="GET">
        @foreach (request()->all() as $key => $value)
          @if ($key != 'page' && $key != 'nama')
            <input type="hidden" name="{{ $key }}" value="{{ $value }}">
          @endif
        @endforeach
        <div class="input-group ">
          <input value="{{ request()->nama }}" name="nama" class="form-control py-2 border-right-0 border"
            placeholder="Nama Fakultas... " id="example-search-input">
          <span class="input-group-append">
            <button type="submit" class="btn btn-primary rounded-right" type="button">
              <i class="fas fa-search"></i>
            </button>
          </span>
        </div>
      </form>
    </div>

    <hr class="mt-2 mb-2" />

    <span>
      Silahkan memilih jalur pendaftaran untuk melakukan pengaturan fakultas gelombang ini.:
    </span>

    <div class="d-flex justify-content-between ">
      <form method="get" style="width: 300px">
        @foreach (request()->all() as $key => $value)
          @if ($key != 'page' && $key != 'nama' && $key != 'gel_jalur_id')
            <input type="hidden" name="{{ $key }}" value="{{ $value }}">
          @endif
        @endforeach

        <select name="gel_jalur_id" value="{{ request()->gel_jalur_id }}" class=" form-select" required value=''
          id="" onchange="submit()">
          <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>

      </form>

      @if (request()->gel_jalur_id)
        <div class="mb-2">
          <button value='false' id='check-all-btn' class="btn btn-outline-primary"
            onclick="
						let status_all = $('.status-checkbox');
						let status_all_rev = $('.status-checkbox-rev');

						for (let i = 0; i < status_all.length; i++) {
							status_all[i].checked = this.value === 'false';
							status_all_rev[i].checked = this.value === 'true';
						}

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

    </div>



    @if (request()->gel_jalur_id)
      <form action="/masterdata/gelombang/fakultas" method="POST" class="overflow-auto">
        <input type="hidden" name='gel_jalur_id' value="{{ request()->gel_jalur_id }}">
        @csrf
        <table class="table table-bordered rounded mt-1 ">
          <input type="hidden" name='id_gelombang' value="{{ request()->id_gelombang }}">
          <thead class="bg-secondary text-white">
            <tr>
              <th style="width: 20px"></th>
              <th>Nama Fakultas</th>
              <th>Kode Fakultas</th>
            </tr>
          </thead>
          <tbody>
            {{-- {{dd($gelombang_fakultas);}} --}}
            @foreach ($gelombang_fakultas as $index => $fakultas)
              {{-- {{$fakultas}} --}}
              <input type="hidden" name="gelombang_fakultas_id[]" value="{{ $fakultas->gelombang_fakultas_id }}">
              <input type="hidden" name="id_fakultas[]" value="{{ $fakultas->id_fakultas }}">

              <tr>
                <td class="text-center fs-4">
                  <input name="status[]" value="1" @if ($fakultas->status == 1) checked @endif type="checkbox"
                    class="form-check-input status-checkbox" type="checkbox"
                    onchange='
									$("#status-{{ $fakultas->id_fakultas }}").prop("checked", !this.checked);
								' />
                  <input name="status[]" value="0" class="status-checkbox-rev d-none"
                    id="status-{{ $fakultas->id_fakultas }}" type='checkbox'
                    @if ($fakultas->status == 0) checked @endif />
                </td>
                <td>
                  {{ $fakultas->name_related ?? $fakultas->name }}
                  <input type="hidden" name="nama_fakultas[]" value="{{ $fakultas->name }}">
                </td>
                <td>
                  {{ $fakultas->code_related ?? $fakultas->code }}
                  <input type="hidden" name="kode_fakultas[]" value="{{ $fakultas->code }}">
                </td>

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

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

  </div>

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

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

    if (isCheckedAll) {
      checkAllButton.val(true)
      checkAllButton.html('Batal tandai')
    } else {
      checkAllButton.val(false)
      checkAllButton.html('Tandai semua')
    }
  </script>
@endsection