@extends('layouts.genindex')

@section('title')
  <i class="fas fa-hotel filter-blue"></i> Rumah Rehat
@endsection

@section('subtitle', 'Buat bayaran rumah rehat 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 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-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>{{ $rr->total() }}</strong> rumah rehat ditemui
  </small>
  </div>
</div>

</form>
@endsection


@section('list')

  @if($rr->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 rumah rehat disenaraikan buat masa ini. Sila semak semula dari semasa ke semasa.
      </div>
    </div>
  </div>
  @else
  @foreach($rr as $r)
  <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->unit }}</strong> {{ $r->location  }}
      <br />
      <small>{{ $r->state->shortname }}</small>
      <br />
      <strong>Kadar per malam (RM): </strong>{{ $r->ppnight }}
    </div>
    @if($r->state_id == '17')
    <div class="col-12 col-sm-3 text-center pt-1 m-auto pt-sm-0 align-middle ">
      <form method="get" action="{{ action('RumahRehatController@show', $r->id) }}">
        <select name="bilangan_malam" class="form-control form-control-sm">
          <option selected disabled>Bil Malam</option>
          @for($i = 1; $i <= 13; $i++)
            <option value="{{ $i }}">{{ $i }}</option>
          @endfor
        </select>
    </div>
    @else
    <div class="col-12 col-sm-3 text-center pt-1 m-auto pt-sm-0 align-middle ">
      <form method="get" action="{{ action('RumahRehatController@show', $r->id) }}">
        <select name="bilangan_malam" class="form-control form-control-sm">
          <option selected disabled>Bil Malam</option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
        </select>
    </div>
    @endif
    <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">

    <!-- <div class="col-md-3 text-left"> -->
    <!-- <div class="col-12 col-sm-6 m-auto pt-sm-0"> -->

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

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