@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@submit', $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>Permohonan Baru e-Mandate</h2>
                </div>
                <div class="col-md-3 text-left m-auto">
                    <p class="lead h2">
                        <span>{{ $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="">Akaun SKIPMA</span>
                    <br />
                    @if ($account->owner_name)
                        <small>Nama Pemilik:</small> <strong> {{ strtoupper($account->owner_name) }} </strong>
                        <br />
                    @endif
                    <small>ID Pemilik:</small> <strong> {{ strtoupper($account->user_id) }} </strong>
                    <br />
                    <small>Nilai Akaun (RM):</small> <strong> {{ $account->total_value }} </strong>
                </div>
            </div>
        </div>
        @include('emandate.schedule')
    @endsection

    @section('pay-amount')
        <div class="row justify-content-left">
            <div class="col-sm-5">
                <label for="trx_amount" class="col-form-label">Caj Pendaftaran (RM)</label>
            </div>
            <div class="col-sm-7">
                <input type="text" readonly class="form-control-plaintext" name="trx_amount" id="trx)amount"
                    value="1.00">
            </div>
        </div>
        <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" readonly class="form-control-plaintext" id="nilai_maksimum"
                    value="{{ number_format($max, 2) }}">
                <input type="hidden" name="nilai_maksimum" value="{{ number_format($max, 2) }}">
            </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>
            {{-- @php
            dump($schedulesSD ?? '');
            @endphp --}}

            <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>

            @if (\Carbon\Carbon::parse($schedulesSD)->isPast())
            <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>
                        </ul>
                    </label>
                </div>
                <div class="col-sm-7">
                    <div style="overflow:hidden;">
                        <div id="pilihan_tarikh"></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>
            @else
            <div class="row justify-content-left my-3">
                <div class="col-sm-5">
                    <label for="tempoh" class="col-form-label required">Tarikh mula potongan</label>
                </div>
                <div class="col-sm-7">

                    <select name="tarikh_mula" class="form-control" data-parsley-required="true">
                        <option selected disabled>Sila pilih</option>
                        <option value="{{ $schedulesSD }}">{{ $schedulesSD }}</option>
                    </select>
                </div>
            </div>
            @endif
    @endsection

    @section('emtc')
        <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 online
                application, 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="{{ url('skipma') }}" 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