@extends('layouts.genindex')

@section('title')
  <i class="fas fa-gift filter-peach"></i> ANUGERAH USAHAWAN MARA (AURA)
@endsection

@section('subtitle', 'Buat bayaran Anugerah Usahawan MARA')

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

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

    <div class="form-group row">
      <div class="col-sm-6 offset-sm-3 py-2">
        <select name="negeri" class="form-control" id="jenis" onChange="$('#filter-form').submit();">
          <option {{ !isset(request()->negeri) ? 'selected' : '' }} value="">Semua Pusat Mara</option>
          @foreach($filters['states'] as $state)
          <option {{ request()->negeri == $state->code ? 'selected' : '' }} value="{{ $state->code }}">{{ $state->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>{{ $programs->total() }}</strong> program di temui
  </small>
  </div>
</div>
</form>
@endsection


@section('list')
@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 Anugerah disenaraikan buat masa ini. Sila semak semula dari semasa ke semasa.
      </div>
    </div>
  </div>
@else
@foreach($programs as $r)
<form method="get" action="{{ action('AuraController@show', $r->id) }}">
  <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>{{ $r->name }}</strong>
      <br />
      <small></small>
      <strong>Sesi: </strong>{{ $r->program_start->format('d M Y') }} - {{ $r->program_end->format('d M Y') }}
      <br>
      <strong>Tarikh Tutup: </strong>{{ $r->end_date->format('d M Y, g:i A') }}
    </div>
    <div class="col-12 col-sm-3 text-center pt-4 m-auto pt-sm-0">
      <p><button class="btn btn-block btn-secondary" type="submit">Bayar</button></p>
    </form>
    </div>
  </div>
  @endforeach
@endif

 <div class="py-1">

      {{ $programs->onEachSide(1)
        ->appends(request()->query())
        ->appends(["perPage" => request()->perPage ])
        ->appends(["PMN" => request()->negeri ])

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

@endsection