@extends('layouts.paybase')

@section('form-name')
<form method="post" id="form" action="{{ action('PakirController@update') }}" data-parsley-validate>
@endsection

@section('pay-details')
  <div class="fdb-box py-3 mb-3">
    <div class="row justify-content-left">
      <div class="col-md-9 text-left">
        <h2>Bayaran Sewa Pakir di Medan MARA</h2>
      </div>
    </div>
    <div class="row justify-content-left">
      <div class="col-sm-2">
        <small>Nama Penyewa:</small>
      </div>
      <div class="col-sm-10">
        <strong> {{ $penyewa->nama }} </strong>
      </div>
    </div>
    <div class="row justify-content-left">
      <div class="col-sm-2">
        <small>ID Penyewa:</small>
      </div>
      <div class="col-sm-10">
        <strong> {{ $penyewa->no_ic }} </strong>
      </div>
    </div>
    <div class="row pt-2">
      <div class="col small text-justify text-danger">
        NOTIS: BAYARAN SEWA PAKIR HANYA DIBENARKAN UNTUK PENYEWA PREMIS MARA. SILA PASTIKAN ANDA MENEPATI KRITERIA INI SEBELUM MENERUSKAN TRANSAKSI UNTUK MENGELAKKAN SEBARANG KESULITAN.
      </div>
    </div>
  </div>


  <div class="fdb-box py-3 mb-3">
    <div class="row justify-content-left">
      <div class="col-md-9 text-left">
        <h3>Butiran Sewa</h3>
      </div>
    </div>
    <div class="row justify-content-left">
      <div class="col-sm-2">
        <label class="required" for="tahun_sewa" class="col-form-label">Tahun Sewa</label>
      </div>
      <div class="col-sm-10">
        <select id="tahun_sewa" name="tahun_sewa" class="form-control" data-parsley-required="true">
          <option selected disabled>Sila pilih</option>
          @foreach($tahun as $t)
            <option value="{{ $t }}">
              {{ $t }}
            </option>
          @endforeach
        </select>
      </div>
    </div>
    <div class="row justify-content-left py-2">
      <div class="col-sm-2">
        <label class="required" for="bulan_sewa" class="col-form-label">Bulan Sewa</label>
      </div>
      <div class="col-sm-10">
        @foreach ($bulan as $b)
        <div class="form-check">
          <input class="form-check-input" type="checkbox" value="{{ $b }}" name="bulan_sewa[]" id="{{$b}}-check"
              data-parsley-mincheck="1" required
              data-parsley-error-message="Sila pilih sekurang-kurangnya satu bulan"
              >
          <label class="form-check-label" for="{{$b}}-check">
              {{ $b }}
          </label>
        </div>
        @endforeach
      </div>
    </div>
    <div class="row justify-content-left py-2">
      <div class="col-sm-2" data-parsley-errors-container="#bulan_sewa[]">
      </div>
    </div>
  </div>

@endsection

@section('pay-amount')
<div class="row pb-4">
  <div class="col text-justify text-danger">
    <strong>
    Sila pastikan nilai yang diisi di ruangan berikut adalah jumlah nilai untuk semua bulan yang dipilih
    </strong>
  </div>
</div>
<div class="row justify-content-left">
  <div class="col-sm-2">
    <label class="required" for="nilai_bayaran" class="col-form-label">Jumlah Bayaran (RM)</label>
  </div>
  <div class="col-sm-10">
    <input type="number" step="0.01" class="form-control" name="nilai_bayaran" id="nilai_bayaran" value="{{ old('nilai_bayaran') }}"
    data-parsley-min='1'
    required>
  </div>
</div>
@endsection

@section('button-block')
  @parent
  <a href="{{ action('OpenPaymentController@index') }}" class="btn btn-dark">
    Kembali
  </a>
@endsection