@extends('emandate.base')

@section('page_styles')
<link href="{{ asset('css/tempus.min.css') }}" rel="stylesheet" />
@endsection

@section('form-name')
<form method="post" id="form" action="{{ action('EmandateController@edit', $account) }}" 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>Pengubahsuaian e-Mandate (Maintenance)</h2>
      </div>
      <div class="col-md-3 text-left m-auto">
        <p class="lead h2">
          <span>Akaun  Anda: {{ $account->account_no }}</span>
          <input type="hidden" name="account_no" value="{{ $account->account_no }}" />
        </p>
      </div>
    </div>
    <div class="row justify-content-left">
      <div class="col text-left">
        <span class="">{{ $account->account->AwardType->keterangan ?? $account->account->acc_type_id }}</span>
        <br />
        <small>Nama Pemilik Akaun:</small> <strong> {{ strtoupper($account->owner_name) }} </strong>
        <br />
        <small>ID Pemilik:</small> <strong> {{ strtoupper($account->owner_id) }} </strong>
        <br />
        <small>Nilai Akaun (RM):</small> <strong> {{ $account->account->total_value }} </strong>
        <br />
        <small>Tarikh pendaftaran emandate:</small> <strong>{{ $account->registration_date }}</strong>
        <br />
        <small>Emandate didaftarkan oleh:</small> <strong>{{ strtoupper($account->user->fullname) }}</strong>
        <br />
        <small>ID Pendaftar Emandate:</small> <strong>{{ $account->user_id }}</strong>
        <br />
        <small>Tarikh Mula:</small> <strong>{{ $account->start_date }}</strong>
        <br />
        <small>Tarikh Tamat:</small>
        @if( $account->end_date )
        <strong>{{ $account->end_date }}</strong>
        @else
        Mengikut jadual bayaran balik
        @endif
        <br />
        <a href="{{ action('EmandateController@show', [$account, 'trxstatus' => 'SUCCESS']) }}" target="_blank">
          {{ $account->trx()->where([ ['transaction_status', 'SUCCESS'], ['transaction_type', 'NOT LIKE', 'ES'] ])->count() }} transaksi berjaya
        </a>
        @if( $account->scheduleDetail()->exists() )
        <br />
        <a href="{{ action('EmandateController@showSchedule', $account) }}" target="_blank"><small>Jadual bayaran balik</small>
        </a>
        @else
        <small>Akaun ini belum mempunyai jadual bayaran balik</small>
        @endif

      </div>

      <div class="col text-right">
        <small>Seller order No/Mandate No:</small> <strong> {{ $submission->seller_order_no }} </strong>
        <br />
      </div>

    </div>
  </div>
  @include('emandate.schedule')
@endsection

@section('pay-amount')

<div class="row justify-content-left my-3">
  <div class="col-sm-5">
    <label for="nilai_maksimum" class="col-form-label">Nilai Maksima per Transaksi (RM)</label>
  </div>
  <div class="col-sm-7">
    <input type="text" class="form-control" name="nilai_maksimum" id="nilai_maksimum" value="{{ $max }}">
  </div>
</div>
<div class="row justify-content-left my-3">
  <div class="col-sm-5">
    <label for="tempoh" class="col-form-label required">Kekerapan potongan (Frequency Mode)</label>
  </div>
  <div class="col-sm-7">
    <select name="frequency_mode" class="form-control" data-parsley-required="true">
      <option selected disabled>Sila pilih</option>
      <option value="WK">Mingguan</option>
      <option value="MT">Bulanan</option>
      <option value="2WK">Dua Minggu Sekali</option>
    </select>
  </div>
</div>
<div class="row justify-content-left my-3">
  <div class="col-sm-5">
    <label for="tempoh" class="col-form-label required">Bilangan potongan maksima (Max Frequency)</label>
  </div>
  <div class="col-sm-7">
    <select name="max_frequency" class="form-control" data-parsley-required="true">
      <option selected disabled>Sila pilih</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
    </select>
  </div>
</div>

<div class="row justify-content-left my-3">
  <div class="col-sm-5">
    <label for="pilihan_tarikh" class="col-form-label">
      Sila buat pilihan tarikh mula berdasarkan yang berikut:
      <ul>
        <li>Tarikh |
          @foreach($ddates as $dates)
          {{ $dates }} hb |
          @endforeach
        </li>
        <li>Tarikh tidak kurang daripada sebulan selepas dari tarikh hari ini</li>
        <li>Tarikh tidak lebih daripada 3 bulan selepas dari tarikh hari ini</li>
      </ul>
    </label>
  </div>
  <div class="col-sm-7">
    <div style="overflow:hidden;">
      <div id="pilihan_tarikh"></div>
    </div>
  </div>
</div>

<div class="row justify-content-left my-3">
  <div class="col-sm-5">
    <label for="tarikh_mula" class="col-form-label required">Tarikh mula potongan</label>
  </div>
  <div class="col-sm-7">
    <input type="text" readonly class="form-control-plaintext text-center text-success font-weight-bold" name="tarikh_mula" id="tarikh_mula" value="" placeholder="Sila pilih tarikh dari kalendar di atas" required>
  </div>
</div>

<div class="row justify-content-left">
  <div class="col-sm-5">
    <label for="tempoh" class="col-form-label required">Tempoh Direct Debit</label>
  </div>
  <div class="col-sm-7">
    <select name="tempoh" class="form-control" data-parsley-required="true">
      <option selected disabled>Sila pilih</option>
      @foreach($end as $e)
      <option value="{{ $e->id }}">{{ $e->description }}</option>
      @endforeach
    </select>
  </div>
</div>

@endsection

@section('pay-options')
<div>
  <div class="row justify-content-left">
    <div class="col-sm-5">
      <label for="bank" class="col-sm-4 col-form-label">Bank</label>
    </div>
    <div class="col-sm-7">
      <span class="form-control-plaintext">{{ $submission->bank->display_name }}</span>
      <input type="text" hidden class="form-control-plaintext" name="bank" id="bank" value="{{ $submission->bank->bank_id }}">
    </div>
  </div>
  <div class="row justify-content-left">
    <div class="col-sm-5">
      <label for="bank_type" class="col-sm-4 col-form-label">Jenis Perbankan</label>
    </div>
    <div class="col-sm-7">
      <span class="form-control-plaintext">{{ $submission->banking_type->description }} ({{ $submission->banking_type->code }})</span>
      <input type="text" hidden class="form-control-plaintext" name="jenis_bank" id="jenis_bank" value="{{ $submission->bank->bank_id }}">
    </div>
  </div>
</div>

<hr />
<div class="col text-justify">
  Dengan meneruskan transaksi anda bersetuju dengan deklarasi berikut:
  <br />
  <span id="fpx-tc" class="small em">
    I fully understand and agree to the <a href="{{ url('termasyaratdirectdebit') }}" target="_blank">Terms & Conditions of Direct Debit services</a> and I acknowledge that upon successful completion of this maintenance transaction, RM1.00 shall be debited from my selected account to ensure the said account is active for the purpose of application for this service. Please note that Majlis Amanah Rakyat (MARA) at its sole discretion may refund the RM1.00 subject to its own Terms & Condition
  </span>
</div>
@endsection

@section('button-block')
  @parent
  <a href="{{ $account->user == auth()->user() ? url('akaun') : url('dijamin') }}" class="btn btn-dark">
    Kembali
  </a>
@endsection

@section('page_scripts')
<script src="{{ asset('js/moment.js') }}"></script>
<script src="{{ asset('js/tempusdominus.min.js') }}"></script>
<script>
var d = {!! json_encode($ddates->toArray()) !!};
var d = d.map(Number);
</script>
<script src="{{ asset('js/es.js') }}"></script>
@endsection