@extends('layouts.layout')

@section('body_class', 'nav-md')

@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Transfer Bank - Dari BCA LEI Baru (9678)</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ url('/dashboard') }}">Home</a></li>
                        <li><a href="{{ url('/inquiry_mutasi') }}">Mutasi Bank</a></li>
                        <li class="active">BCA LEI</li>
                    </ol>
                </div>

				<div class="col-xs-12">
					<div class="x_panel">
						<div class="x_title">
							<h2>Bank Account Validation</h2>
							<ul class="nav navbar-right panel_toolbox">
								<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
							</ul>
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
							<form id="form_check" class="form-horizontal" method="post">
								<div class="form-group">
									<label class="col-xs-12 col-sm-2 control-label">Bank</label>
									<div class="col-xs-12 col-sm-5">
										<input type="hidden" id="bank" name="bank"/>
										<input id="bank_selected" list="bank_list" class="form-control" autocomplete="off">
										<datalist id="bank_list">
											@foreach($bank as $k=>$v)
											<option data-value="{{ encrypt($k) }}" value="{{ $v }}">{{ $v }}</option>
											@endforeach
										</datalist>
									</div>
									<div class="col-xs-12 col-sm-5">
										<label class="control-label account_name">&nbsp;</label>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-2 control-label">No. Rekening</label>
									<div class="col-xs-12 col-sm-10">
										<input id="account_no" name="account_no" class="form-control" placeholder="No. Rekening" style="height:50px" required>
									</div>
								</div>

								<div class="form-group">
									<div class="col-xs-12 col-sm-offset-2 col-sm-10">
										<div class="alert_placeholder bg-danger" style="display:none;padding:15px"></div>
									</div>
								</div>

								<div class="form-group">
									<div class="col-xs-12 col-sm-offset-2 col-sm-10">
										<button type="submit" class="btn btn-primary">Check</button>
									</div>
									<div class="loading text-center" style="display:none"><i class="fa fa fa-spinner fa-pulse"></i></div>
								</div>
							</form>
						</div>
					</div>
				</div>

				<div class="col-xs-12">
					<div class="x_panel">
						<div class="x_title">
							<h2>Transfer dari BCA LEI Baru (9678)</h2>
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
							@if(!empty($success_trx))
							<p class="bg-success" style="padding:15px">Last Successful Transfer : {{ $success_trx[0]->account_name.'/ '.$success_trx[0]->recipient_no.' : Rp. '.number_format($success_trx[0]->amount) }}</p>
							@endisset
							<form id="form_transfer" class="form-horizontal" method="post">
								<div class="form-group">
									<label class="col-xs-12 col-sm-2 control-label">No. Rekening</label>
									<div class="col-xs-12 col-sm-10">
										<input type="hidden" id="recipient_no" name="recipient_no"/>
										<input id="recipient_selected" list="recipient_list" class="form-control" autocomplete="off">
										<datalist id="recipient_list">
											@foreach($recipient_no as $v)
											<option data-value="{{ encrypt($v->account_no) }}" value="{{ $v->account_no.' / '.$v->account_name }}">{{ $v->account_no.' / '.$v->account_name }}</option>
											@endforeach
										</datalist>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-2 control-label">Nominal</label>
									<div class="col-xs-12 col-sm-10">
										<input id="amount" name="amount" class="form-control" placeholder="Jumlah transfer" maxlength="30" required>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-2 control-label">Keterangan I</label>
									<div class="col-xs-12 col-sm-10">
										<input id="keterangan1" name="keterangan1" class="form-control" placeholder="Keterangan I" autocomplete="off" maxlength="20" required>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-2 control-label">Keterangan II</label>
									<div class="col-xs-12 col-sm-10">
										<input id="keterangan2" name="keterangan2" class="form-control" placeholder="Keterangan II" autocomplete="off" maxlength="20">
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-2 control-label">PIN</label>
									<div class="col-xs-12 col-sm-10">
										<input type="password" id="pin" name="pin" class="form-control" placeholder="Masukkin PIN" maxlength="20">
									</div>
								</div>

								<div class="form-group">
									<div class="col-xs-12 col-sm-offset-2 col-sm-10">
										<div class="alert_placeholder bg-danger" style="display:none;padding:15px"></div>
									</div>
								</div>

								<div class="form-group">
									<div class="col-xs-12 col-sm-offset-2 col-sm-10">&nbsp;</div>
								</div>

								<div class="form-group">
									<div class="col-xs-12 col-sm-offset-2 col-sm-10">
										<button type="submit" class="btn btn-primary">Transfer</button>
									</div>
									<div class="loading text-center" style="display:none"><i class="fa fa fa-spinner fa-pulse"></i></div>
								</div>
							</div>
						</div>
					</div>
				</div>

                <!--<div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Rekening Detail</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <div id="page_result"></div>
                        </div>
                    </div>
                </div>-->
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/cleave.js/1.0.7/cleave.min.js"></script>
<script src="{{ url('/js/transfer_bank_lei.min.js') }}"></script>
@endsection