@extends('frontend.layouts.frontend')

@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')


					<div class="default-white-box mb-0 mb-sm-30 full-height">
						<h3 class="default-title mb-50">Konfirmasi OTP</h3>

						<div class="auth-box">

							<div class="tab-content">
								<div class="text-center mb-20">
									<p class="text-md color-main mb-20">Konfirmasi OTP</p>

									Kami telah mengirimkan OTP ke nomor ponsel terdaftar Anda di <strong>{!! $customer->phone !!}</strong>. OTP akan Anda terima dalam 2 menit ke depan.
								</div>

								@if($errors->any())
									<p class="error-msg">{{$errors->first()}}</p>
								@endif

								<p class="mb-20">Masukan OTP tersebut untuk mengkonfirmasi:</p>

								<form id="form" action="{{ route('transaction.confirmPaymentSubmit', ['transactionNumber' => $transaction->transactionNumber]) }}" class="create-project form-horizontal" method="POST">
									<div class="form-group mb-5">
										<label for="otp">Masukkan OTP</label>
										<input type="text" class="form-control" id="otp" name="otp" placeholder="Masukkan OTP..." required>
									</div>

									{{-- [AG-6562] Hide until document can properly simulate full payment details
									 <div class="custom-control custom-checkbox my-1 mr-sm-2 mb-20">
										<input type="checkbox" class="custom-control-input" id="agreement" required>
										<label class="custom-control-label" for="agreement">Saya setuju dengan 
											@if($transaction->type == \App\Util\Constant::CREDIT_APPLICATION_TYPE_SHOPPING)
												<a href="{{ url('/') }}/assets/upload/akad-murabahah.pdf" target="_blank" class="color-main">Akad</a>
											@elseif($transaction->type == \App\Util\Constant::CREDIT_APPLICATION_TYPE_TRAVEL)
												<a href="{{ url('/') }}/assets/upload/akad-ijarah.pdf" target="_blank" class="color-main">Akad</a>
											@endif
										</label>
									</div> --}}

									<button type="submit" class="btn btn-main btn-full">Konfirmasi OTP</button>
								</form>

								<div class="text-center mt-20">
									<a href="#" class="color-main" id="linkOtpResend">Kirim ulang OTP (0)</a>
								</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>

				</div>

				<div class="col-md-5 col-12 order-md-2 order-1">

					@include('frontend.section.loan-product-details')

				</div>
			</div>
		</div>
	</div>
@endsection

@section('jsCustom')
<script>
	var otpExpireTime = '{!! \Auth::customer()->otpCodeDate !!}'; 
	var confirmPaymentFormUrl = '{{ route('transaction.confirmPaymentForm', ['transactionNumber' => $transaction->transactionNumber]) }}'; 
</script>
@js('/assets/frontend/js/transaction/confirm-payment.js')
@endsection