@extends('layouts.genindex')

@section('title')
  <i class="fas fa-chalkboard-teacher filter-blue"></i> KM / KPM
@endsection

@section('subtitle', 'Daftar dan bayar yuran di Kolej MARA & Kolej Profesional MARA')

@section('filter-buttons')
<form method="get" action="{{ url()->current() }}">
  @include('layouts.perPage')
@endsection

@section('filter-fields')
<div class="row">
  <div class="col text-left">

    <div class="form-group row">
      <div class="col-sm-5 py-2">
        <select name="jenis" class="form-control" id="jenis" onChange="$('form').submit();">
          <option {{ !isset(request()->jenis) ? 'selected' : '' }} value="">Semua Jenis Institut</option>
          @foreach($filters['inst_type'] as $type)
          <option {{ request()->jenis == $type ? 'selected' : '' }} value="{{ $type }}">{{ $type }}</option>
          @endforeach
        </select>
      </div>
      <div class="col-sm-6 py-2">
        <select name="inst" class="form-control" id="jenis" onChange="$('form').submit();">
          <option {{ !isset(request()->inst) ? 'selected' : '' }} value="">Semua Institut</option>
          @foreach($filters['institutes'] as $inst)
          <option {{ request()->inst == $inst->code ? 'selected' : '' }} value="{{ $inst->code }}">{{ $inst->name }}</option>
          @endforeach
        </select>
      </div>
      <div class="col-sm-1 m-auto py-1 text-center">
        <a href="{{ url()->current() }}" class="text-danger"><small>Reset <i class="fas fa-redo-alt"></i></small></a>
      </div>
    </div>

</div>
</div>

<div class="row text-right py-0 my-0">
  <div class="col py-0 my-0">
  <small>
    <strong>{{ $kursus->total() }}</strong> program ditemui
  </small>
  </div>
</div>

</form>
@endsection


@section('list')

  @if($kursus->count() <= 0)
  <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 kursus aktif buat masa ini. Sila semak semula dari semasa ke semasa.
      </div>
    </div>
  </div>
  @else
  @foreach($kursus as $k)
  <div class="fdb-box row justify-content-left align-items-left py-4 mb-2 mx-1">
    <div class="col-12 col-sm-6 m-auto pt-sm-0">
      {{ $k->program_name  }} <br>
      <strong>{{ $k->institusi->name }}</strong> <small>{{ $k->peringkat->description }}</small>
      <br>
      Yuran {{ $k->sem_type->description }} <br>
      <strong>Semester: </strong>{{ $k->semester_sesi }}/{{ $k->semester_year }}
      <br />
      <strong>Yuran (RM): </strong>{{ $k->amount }}
      <br />
      <strong>Tarikh Tutup: </strong>{{ $k->end_date }}
      <br />
    </div>

    <!-- <div class="col-12 col-sm-3 text-justify pt-1 m-auto pt-sm-0 align-middle ">
      kuota
      <br />
      <span class="h2">{{ $k->remaining }}<small>/{{ $k->allocated }}</small></span>
    </div> -->
    <div class="col-12 col-sm-3 text-center pt-4 m-auto pt-sm-0">
      <p><a class="btn btn-block btn-secondary" href="{{ action('CourseController@show', $k->id) }}">Daftar</a></p>
    </div>
  </div>
  @endforeach
  @endif

  <div class="py-1">

    <!-- <div class="col-md-3 text-left"> -->
    <!-- <div class="col-12 col-sm-6 m-auto pt-sm-0"> -->

      {{ $kursus->onEachSide(1)
        ->appends(request()->query())
        ->appends(["perPage" => request()->perPage ])
        ->appends(["jenis" => request()->jenis ])
        ->appends(["inst" => request()->inst ])

        ->links() }}
    </div>
  </div>
@endsection