@extends('layouts.genindex')

@section('title')
<i class="fas fa-book filter-limegreen"></i> Yuran KOPERASI
@endsection

@section('subtitle')
  Sila isikan 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('YuranKoperasiController@postFee') }}" data-parsley-validate="">
      @csrf
      <div class="row mt-2">
        <div class="col-12 col-md mt-2 mt-md-0">
          <label class="required">IC Pelajar</label>
          <input name="student" type="text" class="form-control" value="{{ old('student') }}"
          data-parsley-trigger="change"
          data-parsley-type="digits"
          data-parsley-length="[12, 12]"
          data-parsley-error-message="Pastikan IC mengandungi 12 angka tanpa aksara khas"
          required>
        </div>
        <div class="col-12 col-md mt-4 mt-md-0">
          <label class="required">MRSM</label>
          <select name="mrsm" class="form-control" required>
            <option {{ old('mrsm') !== null ? '' : 'selected' }} disabled>Sila pilih</option>
            @foreach($maktabs as $maktab)
              <option {{ old('mrsm') == $maktab->kod_pusat ? 'selected' : '' }} value="{{ $maktab->kod_pusat }}">{{ $maktab->nama_mrsm }}</option>
            @endforeach
          </select>
        </div>
      </div>

      <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($yurans as $yuran)
              <option {{ old('yuran') == $yuran->id ? 'selected' : '' }} value="{{ $yuran->id }}">{{ $yuran->desc }}</option>
            @endforeach
          </select>
        </div>
      </div>
      <div class="row mt-4">
        <div class="col-12 col-md">
          <label class="required">Tingkatan</label>
          <select id="tingkatan" name="tingkatan" class="form-control" required>
            <option {{ old('tingkatan') !== null ? '' : 'selected' }} disabled>Sila pilih</option>
            <option {{ old('tingkatan') == 1 ? 'selected' : '' }} value="1">1</option>
            <option {{ old('tingkatan') == 2 ? 'selected' : '' }} value="2">2</option>
            <option {{ old('tingkatan') == 3 ? 'selected' : '' }} value="3">3</option>
            <option {{ old('tingkatan') == 4 ? 'selected' : '' }} value="4">4</option>
            <option {{ old('tingkatan') == 5 ? 'selected' : '' }} value="5">5</option>
          </select>
        </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 class="row text-center px-2">
      <div class="col my-0 py-0">
        <div class="alert alert-warning fade show small" role="alert">
          Harap maaf! Tiada yuran MRSM yang aktif buat masa ini. Sila semak semula dari semasa ke semasa.
        </div>
      </div>
    </div> -->
  </div>
</div>
<div class="row mx-1 pt-4">
  <div class="col small text-justify text-danger">
NOTIS PEMBAYARAN MRSM : SILA HUBUNGI HELP DESK NO. TEL ( 03 2638 1111 / 03 2638 1222 ) ATAU MAKTAB YANG DITAWARKAN ATAU MRSM ATAU PEJABAT MARA BERHAMPIRAN JIKA ADA SEBARANG PERTANYAAN/MASALAH.
  </div>
</div>
@endsection