@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'], 'thirdPartyPayment.index') !!}
        </div>
        <div class="card-body">
            <div class="tab-content" id="thirdLevel-tabContent">
                <div class="tab-pane fade show active" id="" role="tabpanel">
                    <form action="{{ route('thirdPartyPayment.update') }}" method="post">
                        @csrf
                        @method('PUT')
                        <div class="col-sm-6">
                            <h4>Linepay</h4>
                            <hr>
                            <div class="form-group">
                                <label for="linepay_enable" class="enable">是否啟用Linepay</label>
                                @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="linepay_enable" value="{{ $value }}" id="linepay_enable_{{ $value }}" @if($value == old('linepay_enable', $data['linepay_enable'])) checked @endif>
                                        <label class="form-check-label" for="linepay_enable_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('linepay_enable')
                                    <span id="linepay_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="linepay_domain">Linepay Domain</label>
                                <input type="text" class="form-control" placeholder="Linepay Domain" name="linepay_domain" value="{{ old('linepay_domain', $data['linepay_domain']) }}">
                                @error('linepay_domain')
                                    <span id="linepay_domain-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="linepay_channel_id">Linepay Channel ID</label>
                                <input type="text" class="form-control" placeholder="Linepay Channel ID" name="linepay_channel_id" value="{{ old('linepay_channel_id', $data['linepay_channel_id']) }}">
                                @error('linepay_channel_id')
                                    <span id="linepay_channel_id-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="linepay_channel_secret">Linepay Channel Secret</label>
                                <input type="text" class="form-control" placeholder="Linepay Channel Secret" name="linepay_channel_secret" value="{{ old('linepay_channel_secret', $data['linepay_channel_secret']) }}">
                                @error('linepay_channel_secret')
                                    <span id="linepay_channel_secret-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <h4>街口支付</h4>
                            <hr>
                            <div class="form-group">
                                <label for="jko_enable" class="enable">是否啟用街口支付</label>
                                @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="jko_enable" value="{{ $value }}" id="jko_enable_{{ $value }}" @if($value == old('jko_enable', $data['jko_enable'])) checked @endif>
                                        <label class="form-check-label" for="jko_enable_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('jko_enable')
                                    <span id="jko_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="jko_domain">街口支付Domain</label>
                                <input type="text" class="form-control" placeholder="街口支付Domain" name="jko_domain" value="{{ old('jko_domain', $data['jko_domain']) }}">
                                @error('jko_domain')
                                    <span id="jko_domain-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="jko_apis_key">街口支付APIsKey</label>
                                <input type="text" class="form-control" placeholder="街口支付APIsKey" name="jko_apis_key" value="{{ old('jko_apis_key', $data['jko_apis_key']) }}">
                                @error('jko_apis_key')
                                    <span id="jko_apis_key-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group hide">
                                <label for="jko_apis_secret">街口支付ApisSecret</label>
                                <input type="text" class="form-control" placeholder="街口支付ApisSecret" name="jko_apis_secret" value="{{ old('jko_apis_secret', $data['jko_apis_secret']) }}">
                                @error('jko_apis_secret')
                                    <span id="jko_apis_secret-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="jko_cop_id">街口店舖Id</label>
                                <input type="text" class="form-control" placeholder="街口店舖Id" name="jko_cop_id" value="{{ old('jko_cop_id', $data['jko_cop_id']) }}">
                                @error('jko_cop_id')
                                    <span id="jko_cop_id-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="jko_store_id">街口店家Id</label>
                                <input type="text" class="form-control" placeholder="街口店家Id" name="jko_store_id" value="{{ old('jko_store_id', $data['jko_store_id']) }}">
                                @error('jko_store_id')
                                    <span id="jko_store_id-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="jko_store_name">街口店舖名稱</label>
                                <input type="text" class="form-control" placeholder="街口店舖名稱" name="jko_store_name" value="{{ old('jko_store_name', $data['jko_store_name']) }}">
                                @error('jko_store_name')
                                    <span id="jko_store_name-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            {{-- <h4>Applepay</h4>
                            <hr> --}}
                            <div class="form-group hide">
                                <label for="applepay_enable" class="enable">是否啟用Applepay</label>
                                @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="applepay_enable" value="{{ $value }}" id="applepay_enable_{{ $value }}" @if($value == old('applepay_enable', $data['applepay_enable'])) checked @endif>
                                        <label class="form-check-label" for="applepay_enable_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('applepay_enable')
                                    <span id="applepay_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group hide">
                                <label for="applepay_merchant_id">Applepay Merchant ID</label>
                                <input type="text" class="form-control" placeholder="Applepay Merchant ID" name="applepay_merchant_id" value="{{ old('applepay_merchant_id', $data['applepay_merchant_id']) }}">
                                @error('applepay_merchant_id')
                                    <span id="applepay_merchant_id-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            {{-- <h4>Google Pay</h4>
                            <hr> --}}
                            <div class="form-group hide">
                                <label for="googlepay_enable" class="enable">是否啟用Google Pay</label>
                                @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="googlepay_enable" value="{{ $value }}" id="googlepay_enable_{{ $value }}" @if($value == old('googlepay_enable', $data['googlepay_enable'])) checked @endif>
                                        <label class="form-check-label" for="googlepay_enable_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('googlepay_enable')
                                    <span id="googlepay_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group hide">
                                <label for="googlepay_merchant_id">Google Pay merchant ID</label>
                                <input type="text" class="form-control" placeholder="Google Pay merchant ID" name="googlepay_merchant_id" value="{{ old('googlepay_merchant_id', $data['googlepay_merchant_id']) }}">
                                @error('googlepay_merchant_id')
                                    <span id="googlepay_merchant_id-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            {{-- <h4>Tappay Pay</h4>
                            <hr> --}}
                            <div class="form-group hide">
                                <label for="tappay_app_id">Tappay App ID</label>
                                <input type="text" class="form-control" placeholder="Tappay App ID" name="tappay_app_id" value="{{ old('tappay_app_id', $data['tappay_app_id']) }}">
                                @error('tappay_app_id')
                                    <span id="tappay_app_id-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group hide">
                                <label for="tappay_app_key">Tappay App Key</label>
                                <input type="text" class="form-control" placeholder="Tappay App Key" name="tappay_app_key" value="{{ old('tappay_app_key', $data['tappay_app_key']) }}">
                                @error('tappay_app_key')
                                    <span id="tappay_app_key-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group hide">
                                <label for="tappay_partner_key">Tappay帳號金鑰</label>
                                <input type="text" class="form-control" placeholder="Tappay帳號金鑰" name="tappay_partner_key" value="{{ old('tappay_partner_key', $data['tappay_partner_key']) }}">
                                @error('tappay_partner_key')
                                    <span id="tappay_partner_key-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group hide">
                                <label for="tappay_merchant_id">Tappay Merchant ID</label>
                                <input type="text" class="form-control" placeholder="Tappay Merchant ID" name="tappay_merchant_id" value="{{ old('tappay_merchant_id', $data['tappay_merchant_id']) }}">
                                @error('tappay_merchant_id')
                                    <span id="tappay_merchant_id-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- 悠遊付 -->
                            <h4>悠遊付 Easywallet</h4>
                            <hr>
                            <div class="form-group">
                                <label for="easywallet_enabled" class="enable">是否啟用悠遊付</label>
                                @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="easywallet_enabled" value="{{ $value }}" id="easywallet_enabled_{{ $value }}" @if($value == old('easywallet_enabled', $data['easywallet_enabled'])) checked @endif>
                                        <label class="form-check-label" for="easywallet_enabled_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('easywallet_enabled')
                                    <span id="easywallet_enabled-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="easywallet_seller_member_uid">悠遊付收款會員編號</label>
                                <input type="text" class="form-control" placeholder="悠遊付收款會員編號" name="easywallet_seller_member_uid" value="{{ old('easywallet_seller_member_uid', $data['easywallet_seller_member_uid']) }}">
                                @error('easywallet_seller_member_uid')
                                    <span id="easywallet_seller_member_uid-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="easywallet_contact_no">悠遊付合約編號</label>
                                <input type="text" class="form-control" placeholder="悠遊付合約編號" name="easywallet_contact_no" value="{{ old('easywallet_contact_no', $data['easywallet_contact_no']) }}">
                                @error('easywallet_contact_no')
                                    <span id="easywallet_contact_no-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="easywallet_security_code">悠遊付安全碼</label>
                                <input type="text" class="form-control" placeholder="悠遊付安全碼" name="easywallet_security_code" value="{{ old('easywallet_security_code', $data['easywallet_security_code']) }}">
                                @error('easywallet_security_code')
                                    <span id="easywallet_security_code-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="easywallet_host" class="enable">悠遊付主機</label>
                                <select class="form-control" name="easywallet_host">
                                    @foreach(config('webCommonData.hostTypeDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('easywallet_host', $data['easywallet_host']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('easywallet_host')
                                    <span id="easywallet_host-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Happy Go Pay (串雲端生活家) -->
                            <h4>Happy Go Pay</h4>
                            <hr>
                            <div class="form-group">
                                <label for="happygopay_enable" class="enable">是否啟用Happy Go Pay</label>
                                @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="happygopay_enable" value="{{ $value }}" id="happygopay_enable_{{ $value }}" @if($value == old('happygopay_enable', $data['happygopay_enable'])) checked @endif>
                                        <label class="form-check-label" for="happygopay_enable_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('happygopay_enable')
                                    <span id="happygopay_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="happygopay_domain">Happy Go Pay Domain</label>
                                <input type="text" class="form-control" placeholder="Happy Go Pay Domain" name="happygopay_domain" value="{{ old('happygopay_domain', $data['happygopay_domain']) }}">
                                @error('happygoapy_domain')
                                    <span id="happygopay_domain-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- TWQR (台灣Pay) -->
                            <h4>TWQR</h4>
                            <hr>
                            <div class="form-group">
                                <label for="twqr_enable" class="enable">是否啟用TWQR</label>
                                <select class="form-control" name="twqr_enable">
                                    <!-- 0: 停用 -->
                                    <option value="0" @if(old('twqr_enable', $data['twqr_enable']) == '0') selected @endif>@lang('blade.selects.twqr_enable.0')</option>
                                    <!-- 3: 啟用(街口支付收單) -->
                                    <option value="3" @if(old('twqr_enable', $data['twqr_enable']) == '3') selected @endif>@lang('blade.selects.twqr_enable.3')</option>
                                    <!-- 2: 啟用(一卡通收單) -->
                                    <option value="2" @if(old('twqr_enable', $data['twqr_enable']) == '2') selected @endif>@lang('blade.selects.twqr_enable.2')</option>
                                    <!-- 1: 啟用(台灣銀行收單) -->
                                    <option value="1" @if(old('twqr_enable', $data['twqr_enable']) == '1') selected @endif>@lang('blade.selects.twqr_enable.1')</option>
                                </select>
                                @error('twqr_enable')
                                    <span id="twqr_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="twqr_taiwanpay @if(old('twqr_enable', $data['twqr_enable']) != '1') hide @endif">
                                <div class="form-group">
                                    <label for="twqr_taiwanpay_domain">TWQR Domain</label>
                                    <select class="form-control" name="twqr_taiwanpay_domain">
                                        @foreach(config('webCommonData.hostTypeDropdown') as $id => $name)
                                            <option value="{{ $id }}" @if(old('twqr_taiwanpay_domain', $data['twqr_taiwanpay_domain']) == $id) selected @endif
                                                data-text="{{ config('services.third_party_payment.twqr_taiwanpay.domains.' . $id) }}">{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    <span class="input-group-text" id="twqr_taiwanpay_domain-text">{{ config('services.third_party_payment.twqr_taiwanpay.domains.' . old('twqr_taiwanpay_domain', $data['twqr_taiwanpay_domain'])) }}</span>
                                    @error('twqr_taiwanpay_domain')
                                        <span id="twqr_taiwanpay_domain-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="twqr_taiwanpay_store_id">TWQR 特店代碼</label>
                                    <input type="text" class="form-control" placeholder="TWQR 特店代碼" name="twqr_taiwanpay_store_id" value="{{ old('twqr_taiwanpay_store_id', $data['twqr_taiwanpay_store_id']) }}">
                                    @error('twqr_taiwanpay_store_id')
                                        <span id="twqr_taiwanpay_store_id-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="twqr_taiwanpay_terminal_id">TWQR 端末代號</label>
                                    <input type="text" class="form-control" placeholder="TWQR 端末代號" name="twqr_taiwanpay_terminal_id" value="{{ old('twqr_taiwanpay_terminal_id', $data['twqr_taiwanpay_terminal_id']) }}">
                                    @error('twqr_taiwanpay_terminal_id')
                                        <span id="twqr_taiwanpay_terminal_id-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="twqr_taiwanpay_common_parameter">TWQR 共通設定</label>
                                    @if (Arr::get($data, 'twqr_taiwanpay_domain', 0) === '0')
                                    <div>TWQR停用，不同步設定</div>
                                    @else
                                    <div>
                                        @if (Arr::get($data, 'twqr_taiwanpay_sync_time', 0) == 0)
                                        等待同步設定
                                        @else
                                        最後同步時間： {{ date('Y-m-d H:i:s', $data['twqr_taiwanpay_sync_time']) }}
                                        @endif
                                        @can('thirdPartyPayment.update')
                                        <input type="button" class="btn btn-info ml-1" id="twqrSync" value="立即同步" />
                                        @endcan
                                        <div class="border text-secondary text-center pt-3 mt-2">
                                            <p>TWQR 請求驗證參數： {{ Arr::get($data, 'twqr_taiwanpay_common_parameter.verify_code_request') }}</p>
                                            <p>TWQR 通知驗證參數： {{ Arr::get($data, 'twqr_taiwanpay_common_parameter.verify_code_response') }}</p>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            <div class="twqr_ipassmoney @if(old('twqr_enable', $data['twqr_enable']) != '2') hide @endif">
                                <div class="form-group">
                                    <label for="twqr_ipassmoney_domain">TWQR Domain</label>
                                    <select class="form-control" name="twqr_ipassmoney_domain">
                                        @foreach(config('webCommonData.hostTypeDropdown') as $id => $name)
                                            <option value="{{ $id }}" @if(old('twqr_ipassmoney_domain', $data['twqr_ipassmoney_domain']) == $id) selected @endif
                                                data-text="{{ config('services.third_party_payment.twqr_ipassmoney.domains.' . $id) }}">{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    <span class="input-group-text" id="twqr_ipassmoney_domain-text">{{ config('services.third_party_payment.twqr_ipassmoney.domains.' . old('twqr_ipassmoney_domain', $data['twqr_ipassmoney_domain'])) }}</span>
                                    @error('twqr_ipassmoney_domain')
                                        <span id="twqr_ipassmoney_domain-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="twqr_ipassmoney_merchant_id">TWQR Merchant ID</label>
                                    <input type="text" class="form-control" placeholder="TWQR Merchant ID" name="twqr_ipassmoney_merchant_id" value="{{ old('twqr_ipassmoney_merchant_id', $data['twqr_ipassmoney_merchant_id']) }}">
                                    @error('twqr_ipassmoney_merchant_id')
                                        <span id="twqr_ipassmoney_merchant_id-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="twqr_ipassmoney_secret_key">TWQR Secret Key</label>
                                    <input type="text" class="form-control" placeholder="TWQR Secret Key" name="twqr_ipassmoney_secret_key" value="{{ old('twqr_ipassmoney_secret_key', $data['twqr_ipassmoney_secret_key']) }}">
                                    @error('twqr_ipassmoney_secret_key')
                                        <span id="twqr_ipassmoney_secret_key-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="twqr_jko @if(old('twqr_enable', $data['twqr_enable']) != '3') hide @endif">
                                <div class="border p-3 mb-3">
                                    <span class="font-weight-bold">街口TWQR參數設定與街口支付相同</span>
                                </div>
                            </div>
                        </div>

                        </div>

                        @can('thirdPartyPayment.update')
                        <button type="submit" class="btn btn-info">修改</button>
                        @endcan
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>
@endsection
@section('js')
@include('include.inputmask')
<script>
$(function() {
    $('input[name="twqr_taiwanpay_store_id"]').inputmask('alphanumStrict');
    // twqr enable select change
    $('select[name="twqr_enable"]').on('change', function() {
        $('div.twqr_taiwanpay, .twqr_ipassmoney, .twqr_jko').addClass('hide');
        var twqr_enable = Number($(this).find('option:selected').val());
        switch (twqr_enable) {
            case 1: $('div.twqr_taiwanpay').removeClass('hide'); break;
            case 2: $('div.twqr_ipassmoney').removeClass('hide'); break;
            case 3: $('div.twqr_jko').removeClass('hide'); break;
        }
    });
    // twqr taiwanpay domain select change
    $('select[name="twqr_taiwanpay_domain"]').on('change', function() {
        var text = $(this).find('option:selected').data('text');
        $('#twqr_taiwanpay_domain-text').text(text);
    });
    // twqr taiwanpay domain select change
    $('select[name="twqr_ipassmoney_domain"]').on('change', function() {
        var text = $(this).find('option:selected').data('text');
        $('#twqr_ipassmoney_domain-text').text(text);
    });
    // twqr sync button click
    $('#twqrSync').on('click', function(event) {
        $(this).prop('disabled', true);
        $.ajax({
            url: '{{ route("thirdPartyPayment.plsSyncTwqr") }}',
            type: 'GET',
            dataType: 'json',
            success: function(data) {
                var icon = 'error', message = '同步失敗';
                if (data.retCode === 0) {
                    icon = 'success'
                    message = '同步成功';
                }

                Swal.fire({
                    text: message,
                    icon: icon,
                    allowEscapeKey: false,
                    showCancelButton: false,
                    confirmButtonText: '確定',
                }).then((result) => {
                    if (result.value) {
                        window.location.reload();
                    }
                });
            }
        });
    });
    // unbind submit button event
    $('button[type="submit"]').eq(0).unbind('click');
    // form submit
    $('button[type="submit"]').eq(0).on('click', function(event) {
        // 檢查 TWQR-JKO
        if ($('select[name="twqr_enable"]').val() === '3') {
            // customFunction.js - errorMessage
            if ($('input[name="jko_enable"]:checked').val() === '0') {
                // 當 啟用(街口支付收單)時，:attribute 必須 :enable。
                errorMessage('@lang("validation.custom.required_if_must_enable", [
                    "custom" => trans('blade.selects.twqr_enable.3'),
                    "attribute" => "街口支付",
                    "enable" => "啟用"
                ])', 300);
                return false;
            }
        }

        pageOverlay();
    });
});
</script>
@endsection