@extends('layouts.main')

@section('pageTitle', '系統與金流')

@section('content')
<style>
.form-check{display:inline;margin: 0 10px 0 0;}
.enable{margin-right: 10px;}
</style>
<div class="col-12 col-sm-12">
    <div class="card card-primary card-outline card-outline-tabs">
        <div class="card-header p-0 border-bottom-0">
        @inject('thidLevel','App\Presenters\ThirdLevelPresenter')
        {!! $thidLevel->createThirdLevel($globalVariable['pathMain'], $globalVariable['pathSub'], 'onlinePayment.index') !!}
        </div>
        <div class="card-body">
            <div class="tab-content" id="thirdLevel-tabContent">
                <div class="tab-pane fade show active" id="" role="tabpanel">
                    <div class="form-group" style="font-size: 25px; font-weight: bold;">
                        <label>線上繳費 QR code：</label>
                        <a class="btn btn-danger" href="{{ route('onlinePayment.qrcodeDownload') }}">QR code 下載</a>
                    </div>
                    <form action="{{ route('onlinePayment.update') }}" method="post">
                        @csrf
                        @method('PUT')
                        <div class="col-sm-6">
                            <h4>信用卡參數</h4><hr>
                            <div class="form-group mb-1">
                                <label for="online_payment_enable" class="enable">是否啟用信用卡</label>
                                @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="online_payment_enable" value="{{ $value }}" id="online_payment_enable_{{ $value }}" @if($value == old('online_payment_enable', $data['online_payment_enable'])) checked @endif>
                                        <label class="form-check-label" for="online_payment_enable_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('online_payment_enable')
                                    <span id="online_payment_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="fubon_permit_code">資料傳輸驗證碼</label>
                                <input type="text" class="form-control" placeholder="資料傳輸驗證碼" name="fubon_permit_code" value="{{ old('fubon_permit_code', $data['fubon_permit_code']) }}">
                                @error('fubon_permit_code')
                                    <span id="fubon_permit_code-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="fubon_merchant_id">特約商店代號</label>
                                <input type="text" class="form-control" placeholder="特約商店代號" name="fubon_merchant_id" value="{{ old('fubon_merchant_id', $data['fubon_merchant_id']) }}">
                                @error('fubon_merchant_id')
                                    <span id="fubon_merchant_id-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="fubon_terminal_id">端末機代號</label>
                                <input type="text" class="form-control" placeholder="端末機代號" name="fubon_terminal_id" value="{{ old('fubon_terminal_id', $data['fubon_terminal_id']) }}">
                                @error('fubon_terminal_id')
                                    <span id="fubon_terminal_id-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="fubon_form_domain" class="enable">富邦主機</label>
                                <select class="form-control" name="fubon_form_domain">
                                    @foreach(config('webCommonData.hostTypeDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('fubon_form_domain', $data['fubon_form_domain']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('fubon_form_domain')
                                    <span id="fubon_form_domain-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <h4>QRCode 掃碼繳費設定</h4>
                            <hr>
                            <div class="form-group">
                                <label for="cloud_payment_domain" class="enable">QRCode 掃碼繳費主機</label>
                                <select class="form-control" name="cloud_payment_domain">
                                    @foreach(config('webCommonData.cloudPaymentHostDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('cloud_payment_domain', $data['cloud_payment_domain']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('cloud_payment_domain')
                                    <span id="cloud_payment_domain-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Cloud Payment Jko Start -->
                            <h4>街口支付</h4><hr>
                            <div class="form-group mb-1">
                                <label for="cloud_payment_jko_enable" class="enable">是否啟用街口支付</label>
                                @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="cloud_payment_jko_enable" value="{{ $value }}" id="cloud_payment_jko_enable_{{ $value }}" @if($value == old('cloud_payment_jko_enable', $data['cloud_payment_jko_enable'])) checked @endif>
                                        <label class="form-check-label" for="cloud_payment_jko_enable_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('cloud_payment_jko_enable')
                                    <span id="cloud_payment_jko_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_jko_domain">街口支付Domain</label>
                                <input type="text" class="form-control" placeholder="街口支付Domain" name="cloud_payment_jko_domain" value="{{ old('cloud_payment_jko_domain', $data['cloud_payment_jko_domain']) }}">
                                @error('cloud_payment_jko_domain')
                                    <span id="cloud_payment_jko_domain-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_jko_apis_key">街口支付API Key</label>
                                <input type="text" class="form-control" placeholder="街口支付API Key" name="cloud_payment_jko_apis_key" value="{{ old('cloud_payment_jko_apis_key', $data['cloud_payment_jko_apis_key']) }}">
                                @error('cloud_payment_jko_apis_key')
                                    <span id="cloud_payment_jko_apis_key-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_jko_apis_secret">街口支付Secret Key</label>
                                <input type="text" class="form-control" placeholder="街口支付Secret Key" name="cloud_payment_jko_apis_secret" value="{{ old('cloud_payment_jko_apis_secret', $data['cloud_payment_jko_apis_secret']) }}">
                                @error('cloud_payment_jko_apis_secret')
                                    <span id="cloud_payment_jko_apis_secret-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_jko_store_id">街口支付Store ID</label>
                                <input type="text" class="form-control" placeholder="街口支付Store ID" name="cloud_payment_jko_store_id" value="{{ old('cloud_payment_jko_store_id', $data['cloud_payment_jko_store_id']) }}">
                                @error('cloud_payment_jko_store_id')
                                    <span id="cloud_payment_jko_store_id-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Cloud Payment TWQR Start -->
                            <h4>TWQR</h4><hr>
                            <div class="form-group mb-1">
                                <p>
                                    1. tag 2、tag 4、tag 13、tag 15、tag 91 為信用卡參數，若業者無申請信用卡可不必填寫。<br />
                                    2. 銀行端提供的 EMV 參數會一併給出參數的碼數，因此輸入框前半段會顯示輸入的參數碼數，以便驗證碼數正確。
                                </p>
                            </div>
                            <div class="form-group mb-1">
                                <label for="cloud_payment_twqr_enable" class="enable">是否啟用TWQR</label>
                                @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="cloud_payment_twqr_enable" value="{{ $value }}" id="cloud_payment_twqr_enable_{{ $value }}" @if($value == old('cloud_payment_twqr_enable', $data['cloud_payment_twqr_enable'])) checked @endif>
                                        <label class="form-check-label" for="cloud_payment_twqr_enable_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('cloud_payment_twqr_enable')
                                    <span id="cloud_payment_twqr_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag02">TWQR Tag02</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">00</span>
                                    </div>
                                    <input type="text" class="form-control twqr" placeholder="VISA Merchant Pan" name="cloud_payment_twqr_tag02" value="{{ old('cloud_payment_twqr_tag02', $data['cloud_payment_twqr_tag02']) }}" maxlength="16">
                                </div>
                                @error('cloud_payment_twqr_tag02')
                                    <span id="cloud_payment_twqr_tag02-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag04">TWQR Tag04</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">00</span>
                                    </div>
                                    <input type="text" class="form-control twqr" placeholder="M/C Merchant Pan" name="cloud_payment_twqr_tag04" value="{{ old('cloud_payment_twqr_tag04', $data['cloud_payment_twqr_tag04']) }}" maxlength="15">
                                </div>
                                @error('cloud_payment_twqr_tag04')
                                    <span id="cloud_payment_twqr_tag04-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag13">TWQR Tag13</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">00</span>
                                    </div>
                                    <input type="text" class="form-control twqr" placeholder="JCB Merchant Pan" name="cloud_payment_twqr_tag13" value="{{ old('cloud_payment_twqr_tag13', $data['cloud_payment_twqr_tag13']) }}" maxlength="16">
                                </div>
                                @error('cloud_payment_twqr_tag13')
                                    <span id="cloud_payment_twqr_tag13-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag15">TWQR Tag15</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">00</span>
                                    </div>
                                    <input type="text" class="form-control twqr" placeholder="UnionPay Merchant Pan" name="cloud_payment_twqr_tag15" value="{{ old('cloud_payment_twqr_tag15', $data['cloud_payment_twqr_tag15']) }}" maxlength="31">
                                </div>
                                @error('cloud_payment_twqr_tag15')
                                    <span id="cloud_payment_twqr_tag15-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag35">TWQR Tag35</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">00</span>
                                    </div>
                                    <input type="text" class="form-control twqr" placeholder="Merchant Account Info" name="cloud_payment_twqr_tag35" value="{{ old('cloud_payment_twqr_tag35', $data['cloud_payment_twqr_tag35']) }}">
                                </div>
                                @error('cloud_payment_twqr_tag35')
                                    <span id="cloud_payment_twqr_tag35-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag52">TWQR Tag52</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">00</span>
                                    </div>
                                    <input type="text" class="form-control twqr" placeholder="Merchant Category Code" name="cloud_payment_twqr_tag52" value="{{ old('cloud_payment_twqr_tag52', $data['cloud_payment_twqr_tag52']) }}" maxlength="4">
                                </div>
                                @error('cloud_payment_twqr_tag52')
                                    <span id="cloud_payment_twqr_tag52-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag53">TWQR Tag53</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                    <span class="input-group-text">{{ sprintf("%02d", strlen($data['cloud_payment_twqr_tag53'])) }}</span>
                                    </div>
                                    <input type="text" class="form-control" placeholder="Merchant Account Info" name="cloud_payment_twqr_tag53" value="{{ old('cloud_payment_twqr_tag53', $data['cloud_payment_twqr_tag53']) }}" readonly="readonly">
                                </div>
                                @error('cloud_payment_twqr_tag53')
                                    <span id="cloud_payment_twqr_tag53-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag58">TWQR Tag58</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">{{ sprintf("%02d", strlen($data['cloud_payment_twqr_tag58'])) }}</span>
                                    </div>
                                    <input type="text" class="form-control" placeholder="Merchant Account Info" name="cloud_payment_twqr_tag58" value="{{ old('cloud_payment_twqr_tag58', $data['cloud_payment_twqr_tag58']) }}" readonly="readonly">
                                </div>
                                @error('cloud_payment_twqr_tag58')
                                    <span id="cloud_payment_twqr_tag58-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag59">TWQR Tag59</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">00</span>
                                    </div>
                                    <input type="text" class="form-control twqr" placeholder="Merchant Name" name="cloud_payment_twqr_tag59" value="{{ old('cloud_payment_twqr_tag59', $data['cloud_payment_twqr_tag59']) }}">
                                </div>
                                @error('cloud_payment_twqr_tag59')
                                    <span id="cloud_payment_twqr_tag59-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag60">TWQR Tag60</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">00</span>
                                    </div>
                                    <input type="text" class="form-control twqr" placeholder="Merchant City" name="cloud_payment_twqr_tag60" value="{{ old('cloud_payment_twqr_tag60', $data['cloud_payment_twqr_tag60']) }}">
                                </div>
                                @error('cloud_payment_twqr_tag60')
                                    <span id="cloud_payment_twqr_tag60-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag61">TWQR Tag61</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">00</span>
                                    </div>
                                    <input type="text" class="form-control twqr" placeholder="Postal Code" name="cloud_payment_twqr_tag61" value="{{ old('cloud_payment_twqr_tag61', $data['cloud_payment_twqr_tag61']) }}">
                                </div>
                                @error('cloud_payment_twqr_tag61')
                                    <span id="cloud_payment_twqr_tag61-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag64">TWQR Tag64</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">00</span>
                                    </div>
                                    <input type="text" class="form-control twqr" placeholder="Merchant Info" name="cloud_payment_twqr_tag64" value="{{ old('cloud_payment_twqr_tag64', $data['cloud_payment_twqr_tag64']) }}">
                                </div>
                                @error('cloud_payment_twqr_tag64')
                                    <span id="cloud_payment_twqr_tag64-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="cloud_payment_twqr_tag91">TWQR Tag91</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">00</span>
                                    </div>
                                    <input type="text" class="form-control twqr" placeholder="UnionPay Terminal ID" name="cloud_payment_twqr_tag91" value="{{ old('cloud_payment_twqr_tag91', $data['cloud_payment_twqr_tag91']) }}">
                                </div>
                                @error('cloud_payment_twqr_tag91')
                                    <span id="cloud_payment_twqr_tag91-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        @can('onlinePayment.update')
                        <button type="submit" class="btn btn-info">修改</button>
                        @endcan
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>
@endsection
@section('js')
<script>
$(function() {
    $("input.twqr").on('change', function(event) {
        var nodeParent = $(event.currentTarget).parent();
        var valLength = '0' + $(event.currentTarget).val().length;
        nodeParent.find('span.input-group-text').eq(0).text(valLength.substr(-2));
    });

    $('input.twqr').trigger('change');
});
</script>
@endsection