@extends('layouts.genindex')

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

@section('subtitle', 'Daftar dan bayar yuran program usahawan MARA')

@section('filter-buttons')
@endsection

@section('filter-fields')
<div class="row text-right py-0 my-0">
  <div class="col py-0 my-0">
  <small>
    <strong>{{ $programs->total() }}</strong> program ditemui
  </small>
  </div>
</div>
</form>
@endsection


@section('list')

  @if($private)
  @foreach($private as $program)
  <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">
      <strong>{{ $program->is_private ? ' (Program Tertutup) ' : '' }} {{ $program->name  }}</strong>
      <br />
      <small>{{ $program->program_location }}</small>
      <br />
      <strong>Sesi: </strong>{{ $program->session }}
      <br />
      <strong>Tarikh Tutup: </strong>{{ $program->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">{{ $program->remaining_no }}<small>/{{ $program->allocated_no }}</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('ProgramController@show', $program->id) }}">Daftar</a></p>
    </div>
  </div>
  @endforeach
  @endif

  @if($programs->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 program tersenarai buat masa ini. Sila semak semula dari semasa ke semasa.
      </div>
    </div>
  </div>
  @else
  @foreach($programs as $program)
  <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">
      <strong>{{ $program->is_private ? ' (Program Tertutup) ' : '' }} {{ $program->name  }}</strong>
      <br />
      <small>{{ $program->program_location }}</small>
      <br />
      <strong>Sessi: </strong>{{ $program->session }}
      <br />
      <strong>Tarikh Tutup: </strong>{{ $program->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">{{ $program->remaining_no }}<small>/{{ $program->allocated_no }}</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('ProgramController@show', $program->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"> -->
    <!-- ->appends(["jenis" => request()->jenis ]) -->
    <!-- ->appends(["perPage" => request()->perPage ]) -->
    <!-- ->appends(["trxstatus" => request()->trxstatus ]) -->

      {{ $programs->onEachSide(1)
        ->appends(request()->query())

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