@extends('layouts.genindex')

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

@section('subtitle', 'Daftar dan buat bayaran acara khas anjuran 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>{{ $acara->total() }}</strong> acara ditemui
  </small>
  </div>
</div>
</form>
@endsection


@section('list')

  @if($acara->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 acara buat masa ini. Sila semak semula dari semasa ke semasa.
      </div>
    </div>
  </div>
  @else
  @foreach($acara as $a)
  <div class="fdb-box row justify-content-left align-items-left py-4 mb-2 mx-1">
    <div class="col-12 col-md-6 m-auto pt-md-0">
      <strong>{{ $a->name  }}</strong>
      <br />
      <small>{{ $a->location }}</small>
      <br />
      <strong>Sessi: </strong>{{ $a->session }}
      <br />
      <strong>Tarikh Tutup: </strong>{{ $a->reg_end }}
      <br />
    </div>

    <div class="col-12 col-md-3 text-justify pt-1 m-auto pt-md-0 align-middle ">
      kuota
      <br />
      <span class="h2">{{ $a->remaining_quota }}<small>/{{ $a->allocated_quota }}</small></span>
    </div>
    <div class="col-12 col-md-3 text-center pt-4 m-auto pt-md-0">
      <form method="get" action="{{ action('AcaraController@show', $a->id) }}" data-parsley-validate>
      <div class="form-group row">
        <div class="col-md-2"></div>
        <small><label for="bilangan" class="col-md-2 col-form-label">Bil</label></small>
        <div class="col-md-6">
          <input type="number" name="bilangan" step=1 class="form-control form-control-sm" id="bilangan"
          required
          min=1
          >
        </div>
      </div>
      <p><button class="btn btn-block btn-secondary" type="submit">Bayar</button></p>
    </form>
    </div>
  </div>
  @endforeach
  @endif

  <div class="py-1">

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

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

@section('page_scripts')

@endsection