@extends('layouts.genindex')

@section('title')
<i class="fas fa-chalkboard-teacher filter-blue"></i> Bayaran Yuran KKTM/MJII/IKM
@endsection

@section('subtitle')
  Sila lengkapkan butiran berikut sebelum meneruskan pembayaran
@endsection

@section('list')
<div class="fdb-box row mx-1 py-4">
  <div class="col-12">
    <form id="app" method="post" action="{{ action('OpenPaymentController@show') }}" data-parsley-validate="">
      @csrf

      <div class="row mt-4">
        <div class="col-12 col-md">
          <label class="required">Jenis Institut</label>
          <select id="institute_type" name="institute_type" class="form-control" required>
            <option selected disabled>Sila pilih</option>
            @foreach($inst_type as $type)
              <option value="{{ $type->code }}">{{ $type->description }}</option>
            @endforeach
          </select>
        </div>
      </div>
      <div class="row mt-4">
        <div class="col-12 col-md">
          <label class="required">Institut</label>
          <select id="kolej" name="kolej" class="form-control" required>
            <option {{ old('kolej') !== null ? '' : 'selected' }} disabled>Sila pilih</option>
          </select>
        </div>
      </div>

      <!-- Fee -->
      <div class="row mt-4">
        <div class="col-12 col-md">
          <label class="required">Jenis Pembayaran</label>
          <select id="yuran" name="yuran" class="form-control" required>
            <option {{ old('yuran') !== null ? '' : 'selected' }} disabled>Sila pilih</option>
            @foreach($yuran as $y)
              <option {{ strcmp(old('yuran'), $y->kod) == 0 ? 'selected' : '' }} value="{{ $y->kod }}">{{ $y->yuran }}</option>
            @endforeach
          </select>
        </div>
      </div>

      <!-- Level -->
      <div class="row mt-4">
        <div class="col-12 col-md">
          <label class="required">Peringkat Pengajian</label>
          <select id="level" name="level" class="form-control" required>
            <option {{ old('level') !== null ? '' : 'selected' }} disabled>Sila pilih</option>
            @foreach($level as $l)
              <option {{ old('level') == $l ? 'selected' : '' }} value="{{ $l }}">{{ $l }}</option>
            @endforeach
          </select>
        </div>
      </div>

      <!-- Year -->
      <div class="row mt-4">
        <div class="col-12 col-md">
          <label class="required">Sesi Pengajian</label>
          <select id="year" name="year" class="form-control" required>
            <option {{ old('year') !== null ? '' : 'selected' }} disabled>Sila pilih</option>
            @foreach($year as $y)
              <option {{ old('$year') == $y ? 'selected' : '' }} value="{{ $y }}">{{ $y }}</option>
            @endforeach
          </select>
        </div>
      </div>

      <!-- Semester -->
      <div class="row mt-4">
        <div class="col-12 col-md">
          <label class="required">Semester</label>
          <select id="semester" name="semester" class="form-control" required>
            <option {{ old('semester') !== null ? '' : 'selected' }} disabled>Sila pilih</option>
            @foreach($semester as $s)
              <option {{ old('$semester') == $s ? 'selected' : '' }} value="{{ $s }}">{{ $s }}</option>
            @endforeach
          </select>
        </div>
      </div>

      <div class="row pt-4">
        <div class="col small text-justify text-danger">
      NOTIS PEMBAYARAN TERBUKA BKT : SILA PASTIKAN BUTIRAN INSTITUSI, TAHUN, YURAN DAN SEMESTER YANG DIPILIH ADALAH TEPAT SEBELUM MENERUSKAN PEMBAYARAN
        </div>
      </div>

      <div class="row mt-4">
        <div class="col-12 col-md text-right">
          <button type="submit" class="btn btn-primary">Teruskan</button>
        </div>
      </div>

    </form>
  </div>
</div>

@endsection

@section('page_scripts')
<script>
var kolej_url = "{{ action('OpenPaymentController@index') }}";

</script>
<script src="{{ asset('js/openkolej.js') }}"></script>
@endsection