@extends('frontend.layouts.frontend')
@inject('constant', '\App\Util\Constant')
@section('metaTitle', $page->metaTitle)
@section('metaDescription', $page->metaDescription)
@section('metaKeywords', $page->metaKeywords)

@section('content')
	<div class="default-section">
		<div class="container">

			<div class="row transaction-wrapper">
				<div class="col-md-7 col-12 order-md-1 order-2">

					@include('frontend.section.process-tab')

					@if($transaction->downPaymentAmount > 0)
						<div class="default-white-box mb-30 mb-sm-0">
							<h3 class="default-title mb-10">Bayar Urbun</h3>

							<p class="mb-30">
								Perhatikan panduan pembayaran <strong>Urbun (Uang Muka)</strong> di bawah. Apabila anda telah berhasil melakukan pembayaran, anda akan menerima email sebagai bukti bahwa pembayaran <strong>Urbun (Uang Muka)</strong> telah diterima atau mengecek langsung di <a href="{{ \App\Service\ComponentService::GetPlayStoreUrl() }}" class="color-main">aplikasi</a> kami.
							</p>

							<div class="auth-box">
								<div class="tab-content">
									<div class="text-center mb-20">
										<p class="text-md color-main mb-20">Urbun (Uang Muka)</p>

										<p>Transfer ke virtual account ini:</p>
										<label class="text-lg mb-20">{{ $transaction->downPaymentBilling->vaNumber }}</label>


										<p>Jumlah yang perlu dibayarkan:</p>
										<label class="text-lg mb-0 color-blue"><sup>Rp</sup> {{ getPriceNumber($transaction->downPaymentAmount) }},-</label>

										<hr>

										<p class="mb-20">Intruksi Pembayaran</p>

									</div>

									<div class="box-shadow" id="payment-instruction">
										<div class="item card">
											<div class="title card-header" data-toggle="collapse" data-target="#item-1" aria-expanded="true" aria-controls="item-1">
												ATM BNI Syariah

												<i class="fa fa-chevron-down"></i>
											</div>

											<div id="item-1" class="content collapse card-body show" aria-labelledby="content-faq" data-parent="#payment-instruction">
												<ul class="instruction-list">
													<li>Masukkan Kartu Anda.</li>
													<li>Pilih Bahasa.</li>
													<li>Masukkan PIN ATM Anda.</li>
													<li>Pilih "Menu Lainnya".</li>
													<li>Pilih "Transfer".</li>
													<li>Pilih Jenis rekening yang akan Anda gunakan (Contoh; "Dari Rekening Tabungan").</li>
													<li>Pilih “Virtual Account Billing”.</li>
													<li>Masukkan nomor Virtual Account Anda.</li>
													<li>Tagihan yang harus dibayarkan akan muncul pada layar konfirmasi.</li>
													<li>Konfirmasi, apabila telah sesuai, lanjutkan transaksi.</li>
													<li>Transaksi Anda telah selesai.</li>
												</ul>
											</div>
										</div>

										<div class="item card">
											<div class="title card-header" data-toggle="collapse" data-target="#item-2" aria-expanded="false" aria-controls="item-2">
												Mobile Banking BNI Syariah

												<i class="fa fa-chevron-down"></i>
											</div>

											<div id="item-2" class="content collapse card-body" aria-labelledby="content-faq" data-parent="#payment-instruction">
												<ul class="instruction-list">
													<li>Akses BNI Syariah Mobile Banking dari handphone kemudian masukkan user ID dan password.</li>
													<li>Pilih menu “Transfer”.</li>
													<li>Pilih menu “Virtual Account Billing” kemudian pilih rekening debet.</li>
													<li>Masukkan nomor Virtual Account Anda (contoh: 8277087781881441) pada menu “inputbaru”.</li>
													<li>Tagihan yang harus dibayarkan akan muncul pada layar konfirmasi.</li>
													<li>Konfirmasi transaksi dan masukkan Password Transaksi.</li>
													<li>Pembayaran Anda Telah Berhasil.</li>
												</ul>
											</div>
										</div>

										<div class="item card">
											<div class="title card-header" data-toggle="collapse" data-target="#item-3" aria-expanded="false" aria-controls="item-3">
												BNI Syariah melalui ATM Bersama

												<i class="fa fa-chevron-down"></i>
											</div>

											<div id="item-3" class="content collapse card-body" aria-labelledby="content-faq" data-parent="#payment-instruction">
												<ul class="instruction-list">
													<li>Masukkan kartu ke mesin ATM Bersama.</li>
													<li>Pilih "Transaksi Lainnya".</li>
													<li>Pilih menu "Transfer".</li>
													<li>Pilih "Transfer ke Bank Lain".</li>
													<li>Masukkan kode bank BNI Syariah (009) dan 16 Digit Nomor Virtual Account (contoh:8277087781881441).</li>
													<li>Masukkan nominal transfer sesuai tagihan atau kewajiban Anda. Nominal yang berbeda tidak dapat diproses.</li>
													<li>Konfirmasi rincian Anda akan tampil di layar, cek dan tekan 'Ya' untuk melanjutkan.</li>
													<li>Transaksi Berhasil.</li>
												</ul>
											</div>
										</div>

										<div class="item card">
											<div class="title card-header" data-toggle="collapse" data-target="#item-4" aria-expanded="false" aria-controls="item-4">
												BNI Syariah melalui ATM Bank Lain

												<i class="fa fa-chevron-down"></i>
											</div>

											<div id="item-4" class="content collapse card-body" aria-labelledby="content-faq" data-parent="#payment-instruction">
												<ul class="instruction-list">
													<li>Pilih menu "Transfer antar bank" atau “Transfer online antarbank”.</li>
													<li>Masukkan kode bank BNI Syariah (009) atau pilih bank yang dituju yaitu BNI Syariah.</li>
													<li>Masukan 16 Digit Nomor Virtual Account pada kolom rekening tujuan, (contoh:8277087781881441).</li>
													<li>Masukkan nominal transfer sesuai tagihan atau kewajiban Anda. Nominal yang berbedatidak dapat diproses.</li>
													<li>Masukkan jumlah pembayaran sesuai nominal kewajiban Anda.</li>
													<li>Konfirmasi rincian Anda akan tampil di layar, cek dan apabila sudah sesuai silahkanlanjutkan transaksi sampai dengan selesai.</li>
													<li>Transaksi Berhasil.</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class="text-center mt-20">
								<a class="link-back" href="{!! $transaction->merchant->returnUrl . '?orderNumber=' . $transaction->orderNumber !!}">Kembali ke {{ $transaction->merchant->name }}</a>
							</div>
						</div>
					@else
						<div class="default-white-box mb-30 mb-sm-0">
							<h3 class="default-title mb-10">Selesai</h3>

							<div class="pl-30 pr-30 pr-xs-0 pl-xs-0">
								<img src="{{ url('/assets/frontend/images/finish-image.png')  }}" class="image-transaction-info" alt="Image Selesai" />

								<p class="mb-30 text-center">
									{{-- Terima kasih sudah menggunakan <strong>Duha Syariah</strong>. Selesaikan 1 langkah terakhir, kami akan mengirimkan Akad {{ getTransactionDocumentType($transaction->type) }} ke email dan nomor hp Anda. Mohon menandatangani Akad sebagai konfirmasi atas pengajuan pembiayaan Anda. --}}
									Terima kasih sudah memilih {{ $transaction->type == \App\Util\Constant::CREDIT_APPLICATION_TYPE_SHOPPING ? 'barang' : 'jasa' }} yang akan dibiayai. Mohon menunggu satu langkah lagi, kami akan mengirimkan Akad {{ getTransactionDocumentType($transaction->type) }} ke email Anda dan mohon segera menandatanganinya sebagai konfirmasi atas pengajuan pembiayaan Anda.
								</p>
							</div>

							<div class="text-center mt-20">
								<a class="link-back" href="{!! $transaction->merchant->returnUrl . '?orderNumber=' . $transaction->orderNumber !!}">Kembali ke {{ $transaction->merchant->name }}</a>
							</div>
						</div>
					@endif
				</div>
				<div class="col-md-5 col-12 order-md-2 order-1">
					@include('frontend.section.loan-product-details')
				</div>
			</div>
		</div>
	</div>
@endsection