@extends('layouts.genindex')

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

@section('subtitle', 'Bayar yuran pemprosesan pembiayaan perniagaan')

@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-left">

    <div class="form-group row">
      <div class="col-sm-5 py-2">
        <select name="negeri" class="form-control" id="negeri" onChange="$('#filter-form').submit();">
          <option {{ !isset(request()->negeri) ? 'selected' : '' }} value="">Semua Negeri</option>
          @foreach($filters['states'] as $state)
          <option {{ request()->negeri == $state->id ? 'selected' : '' }} value="{{ $state->id }}">{{ $state->shortname }}</option>
          @endforeach
        </select>
      </div>
      <div class="col-sm-6 py-2">
        <select name="pusat" class="form-control" id="pusat" onChange="$('#filter-form').submit();">
          <option {{ !isset(request()->pusat) ? 'selected' : '' }} value="">Semua pusat</option>
          @foreach($filters['pusat'] as $pusatan)
          <option {{ request()->$pusatan == $pusatan ? 'selected' : '' }} value="{{ $pusatan }}">{{ $pusatan }}</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>{{ $prosesan->total() }}</strong> bayaran prosesan ditemui
  </small>
  </div>
</div>

</form>
@endsection

@section('list')

  @if($prosesan->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 prosesan tersenarai buat masa ini. Sila semak semula dari semasa ke semasa.
      </div>
    </div>
  </div>
  @else
  @foreach($prosesan as $proses)
  <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>{{ $proses->name  }}</strong>
      <br />
      <small>{{ $proses->pusat_name }}</small>
      <br />
      <strong>Nilai(RM): </strong>{{ $proses->amount }}
      <br />
      <strong>Tahun: </strong>{{ $proses->getYear($proses->end_date) }}
      <br />
    </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('ProsesanController@show', $proses->id) }}">Buat bayaran</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"> -->

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


        ->links() 
      }}

  </div>

@endsection