@extends('layouts.paybase')

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

@section('form-name')
    <form method="post" id="form" action="{{ action('TenderController@update', $tender) }}">
    @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>MAKLUMAT TENDER / SEBUT HARGA </h2>
                </div>
            </div>
            <div class="row justify-content-left">
                <div class="col text-left">
                    <strong>No Tender / Sebut Harga:</strong> {{ $tender->no_tender }}
                    <br>
                    <strong>Kod bidang:</strong> {{ $tender->kod_bidang }}
                    <br>
                    <input type="hidden" value="{{ $tender->kod_bidang }}" id="kod_bidang_iklan">
                    <strong>Tajuk Tender / Sebut Harga:</strong> {{ $tender->tajuk_tender }}
                    <br>
                    <strong>Tarikh, Masa & Tempat: </strong>
                    <br>
                    <small>{{ $tender->butiran_taklimat }}</small>
                    <br>
                    <strong>Tarikh Penjualan Dokumen:</strong> {{ $tender->tarikh_jual_mula }} sehingga
                    {{ $tender->tarikh_jual_tamat }}
                    <br />
                    <strong>Tarikh Tutup Tender / Sebut Harga:</strong> {{ $tender->tarikh_tutup_tender }}
                    <br />
                </div>
            </div>
        </div>
        <div class="fdb-box py-3 mb-3">
            <div class="row justify-content-left">
                <div class="col-md-9 text-left">
                    <h2>BUTIRAN PEMBEKAL</h2>
                </div>
            </div>
            <div class="row justify-content-left py-2">
                <div class="col text-left">
                    <i class="far fa-user-circle text-info"></i> Sila lengkapkan butiran pembekal berikut sebelum meneruskan
                    pembayaran
                </div>
            </div>
            <div class="row py-2 px-1">
                <div class="col col-md col-sm-12 mt-2 mt-md-0">
                    <label class="required">Nama Syarikat/Pembekal</label>
                    <input name="nama_pembekal" type="text" class="form-control" value="{{ old('nama_pembekal') }}"
                        data-parsley-trigger="change" data-parsley-pattern="^[a-zA-Z0-9\s\/\'\-\@\(\)\&]+" required>
                </div>
                <div class="col col-md col-sm-12 mt-2 mt-md-0">
                    <label class="required">Email Syarikat/Pembekal</label>
                    <input name="email_pembekal" type="email" class="form-control" value="{{ old('email_pembekal') }}"
                        placeholder="Notifikasi penjanaan no pin akan dihantar ke email ini" data-parsley-trigger="change"
                        required>
                </div>
                <div class="col col-md col-sm-12 mt-2 mt-md-0">
                    <label class="required">No Tel. Syarikat/Pembekal</label>
                    <input name="telefon_pembekal" type="text" class="form-control" value="{{ old('telefon_pembekal') }}"
                        data-parsley-pattern="^(6?0)[0|1|2|3|4|6|7|8|9]{1,2}[0-9]{7,8}$"
                        data-parsley-error-message="Pastikan bilangan angka mencukupi dan cuma mengandungi angka"
                        data-parsley-trigger="change"
                        required>
                </div>
            </div>
            <div class="row py-2 px-1">
                <div class="col col-md col-sm-12 mt-2 mt-md-0">
                    Sijil-Sijil:
                </div>
            </div>
            <div class="col-md col-sm-12 mt-2 mt-md-0 d-flex justify-content-center" style="color:red">
                <strong>
                    <span class="strong">Pastikan pembekal berdaftar untuk kod bidang yang diiklankan</span>
                </strong>
            </div>
            <div class="container">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" name="sijil" id="mof-check"
                        data-parsley-mincheck="1" required>
                    <label class="form-check-label" for="mof-check">
                        MOF
                    </label>
                </div>
                <div id="MOF-detail">
                    <div class="row py-2 px-2">
                        <div class="col-md col-sm-12 mt-2 mt-md-0">
                            <label class="required">No. Pendaftaran MOF</label>
                            <div class="input-group-prepend">
                                <select class="custom-select col-2 text-center" name="mofprefix" required>
                                    <option value="MOF-357-">MOF-357-</option>
                                    <option value="MOF-456-">MOF-456-</option>
                                </select>
                                <input name="mofnumber" type="text" class="form-control" value="{{ old('mofnumber') }}"
                                    data-parsley-trigger="change" data-parsley-type="digits"
                                    data-parsley-error-message="Pastikan anda cuma mengisi angka dalam nombor rujukan pendaftaran MOF"
                                    placeholder="Sila pilih MOF-357- atau MOF-456- mengikut No. Pendaftaran MOF anda"
                                    data-parsley-errors-container="#mof-error">
                            </div>
                        </div>
                    </div>
                    <div class="row py-2 px-2">
                        <div class="col-md col-sm-12" id="mof-error"></div>
                        <div class="col-md col-sm-12" id="bidang-error"></div>
                    </div>  
                    <div class="row py-2 px-2">
                        <div class="col-md col-sm-12 mt-2 mt-md-0">
                            <label for="tarikh_sahlaku_mof" class="required">Tarikh Tamat Sahlaku Sijil MOF:</label>
                            <input type="text" readonly
                                class="form-control-plaintext text-center text-success font-weight-bold"
                                name="tarikh_sahlaku_mof" id="tarikh_sahlaku_mof" value=""
                                placeholder="Sila pilih tarikh dari kalendar di bawah">
                        </div>
                    </div>
                    <div class="row py-2 px-2 justify-content-center">
                        <div class="col-8 col-md-8 mt-2 mt-md-0">
                            <div class="form-group">
                                <div id="pilihan_tarikh_mof"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" name="sijil" id="cidb-check">
                    <label class="form-check-label" for="cidb-check">
                        CIDB
                    </label>
                </div>
                <div id="CIDB-detail">
                    <div class="row py-2 px-2">
                        <div class="col-md col-sm-12 mt-2 mt-md-0">
                            <label class="required">No. Pendaftaran CIDB</label>
                            <div class="input-group-prepend">
                                <input name="cidbnumber" type="text" class="form-control" value="{{ old('cidbnumber') }}"
                                    data-parsley-trigger="change" data-parsley-type="alphanum"
                                    data-parsley-error-message="Pastikan anda cuma mengisi angka dalam nombor rujukan pendaftaran CIDB"
                                    data-parsley-errors-container="#cidbnumber-error" maxlength="100">
                            </div>
                        </div>
                    </div>
                    <div class="row py-2 px-2">
                        <div class="col-md col-sm-12" id="cidbnumber-error"></div>
                        <div class="col-md col-sm-12" id="bidang-error"></div>
                    </div>
                    <div class="row py-2 px-2">
                        <div class="col-md col-sm-12 mt-2 mt-md-0">
                            <label for="tarikh_sahlaku_cidb" class="required">Tarikh Tamat Sahlaku Sijil CIDB:</label>
                            <input type="text" readonly
                                class="form-control-plaintext text-center text-success font-weight-bold"
                                name="tarikh_sahlaku_cidb" id="tarikh_sahlaku_cidb" value=""
                                placeholder="Sila pilih tarikh dari kalendar di bawah">
                        </div>
                    </div>
                    <div class="row py-2 px-2 justify-content-center">
                        <div class="col-8 col-md-8 mt-2 mt-md-0">
                            <div class="form-group">
                                <div id="pilihan_tarikh_cidb"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" name="sijil" id="pkk-check">
                    <label class="form-check-label" for="pkk-check">
                        PKK
                    </label>
                </div>
                <div id="PKK-detail">
                    <div class="row py-2 px-2">
                        <div class="col-md col-sm-12 mt-2 mt-md-0">
                            <label class="required">No. Pendaftaran PKK</label>
                            <div class="input-group-prepend">
                                <input name="pkknumber" type="text" class="form-control" value="{{ old('pkknumber') }}"
                                    data-parsley-trigger="change" data-parsley-type="alphanum"
                                    data-parsley-error-message="Pastikan anda cuma mengisi angka dalam nombor rujukan pendaftaran PKK"
                                    data-parsley-errors-container="#pkknumber-error" maxlength="100">
                            </div>
                        </div>
                    </div>
                    <div class="row py-2 px-2">
                        <div class="col-md col-sm-12" id="pkknumber-error"></div>
                        <div class="col-md col-sm-12" id="bidang-error"></div>
                    </div>
                    <div class="row py-2 px-2">
                        <div class="col-md col-sm-12 mt-2 mt-md-0">
                            <label for="tarikh_sahlaku_pkk" class="required">Tarikh Tamat Sahlaku Sijil PKK:</label>
                            <input type="text" readonly
                                class="form-control-plaintext text-center text-success font-weight-bold"
                                name="tarikh_sahlaku_pkk" id="tarikh_sahlaku_pkk" value=""
                                placeholder="Sila pilih tarikh dari kalendar di bawah">
                        </div>
                    </div>
                    <div class="row py-2 px-2 justify-content-center">
                        <div class="col-8 col-md-8 mt-2 mt-md-0">
                            <div class="form-group">
                                <div id="pilihan_tarikh_pkk"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection

    @section('pay-amount')
        <div class="form-group row justify-content-left">
            <div class="col-sm-2">
                <label class="" for="nilai_bayaran" class="col-form-label">Nilai (RM)</label>
            </div>
            <div class="col-sm-10">
                <span id="nilai-txt">{{ $tender->harga_senaskhah }}</span>
                <input type="hidden" name="nilai_bayaran" id="nilai_bayaran" value="{{ $tender->harga_senaskhah }}"
                    data-parsley-min='1' required>
            </div>
        </div>
    @endsection

    @section('disclaimer')
        <div class="row justify-content-left" style="color:red">
            <div class="col text-left">
                <strong>
                    1. Sila pastikan alamat emel berdaftar, valid & aktif.
                </strong>
                <br>
                <br>
                <strong>
                    2. PIHAK MARA TIDAK AKAN MENGEMBALIKAN WANG SEKIRANYA TERDAPAT KESALAHAN ATAU MAKLUMAT YANG BERCANGGAH
                    DENGAN TAWARAN IKLAN
                </strong>
                <br>
                <br>
                <strong>
                    3. Satu (1) pembekal hanya dibenarkan membeli satu (1) dokumen bagi setiap Tender/Sebut harga.
                </strong>
                <br>
                <br>
                <strong>
                    4. Jika halaman bank ditutup semasa pembayaran, transaksi akan berstatus incomplete/pending
                    dan kemungkinan akan mengambil masa yang lama sebelum boleh membuat bayaran semula terutamanya jika
                    pembayaran yang menggunakan Corporate Banking (B2B1)
                </strong>
                <br>
                <br>
                <strong>
                    5. No pin akan dijana oleh pihak MARA dalam tempoh 24jam pada hari bekerja selepas menerima pengesahan
                    pembayaran. Sila semak inbox.
                </strong>
                <br>
                <br>
                <strong>
                    6. Pembekal DIWAJIBKAN berdaftar dengan sennego dan Pasaran MARA sebelum membuat pembayaran.
                </strong>
                <br>
                <br>
                <strong>
                    7. Nama pegawai yang boleh dihubungi: Individu yang diberi kuasa oleh syarikat bagi urusan perolehan Kerajaan
                </strong>
                <br>
                <br>
            </div>
        </div>
    @endsection

    @section('button-block')
        @parent
        <a href="{{ action('TenderController@index') }}" 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 type="text/javascript" src="{{ asset('js/tender.js') }}"></script>
    @endsection