@extends('layouts.genindex')

@section('title')
  <i class="fas fa-motorcycle filter-blue"></i> Sumbangan Sendiri
@endsection

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

@section('list')

  @if($sumbangan->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 bayaran sumbangan sendiri disenaraikan buat masa ini. Sila semak semula dari semasa ke semasa.
      </div>
    </div>
  </div>
  @else
  @foreach($sumbangan as $s)
  <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>{{ $s->desc }}</strong>
      <br />
    </div>

    <div class="col-12 col-sm-3 text-center pt-1 m-auto pt-sm-0 align-middle ">
        <form method="get" action="{{ action('SumbanganSendiriController@show', $s->id) }}">
        <select id="fees" name="fees" class="form-control form-control-sm">
            <option selected disabled>Sila pilih jenis kenderaan</option>
            @foreach($s->fees as $f)
            <option value={{ $f->id }}>{{ $f->desc }}</option>
            @endforeach
        </select>
    </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">

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

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