@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'], 'cloudPayment.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('cloudPayment.update') }}" method="post">
                        @csrf
                        @method('PUT')
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="cloud_payment_enable">是否啟用雲端支付</label>
                                <select class="form-control" id="cloud_payment_enable" name="cloud_payment_enable">
                                    @foreach(config('webCommonData.cloudPaymentEnableDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('cloud_payment_enable', $data['cloud_payment_enable']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('cloud_payment_enable')
                                    <span id="cloud_payment_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div id="groupUspace">
                                <h4>USPACE</h4>
                                <hr class="mt-1">
                                <div class="form-group">
                                    <label for="uspace_domain">Uspace Domain</label>
                                    <input type="text" class="form-control" placeholder="Uspace Domain" name="uspace_domain" value="{{ old('uspace_domain', $data['uspace_domain']) }}">
                                    @error('uspace_domain')
                                        <span id="uspace_domain-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="uspace_token">Uspace Token</label>
                                    <input type="text" class="form-control" placeholder="Uspace Token" name="uspace_token" value="{{ old('uspace_token', $data['uspace_token']) }}">
                                    @error('uspace_token')
                                        <span id="uspace_token-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="uspace_non_member_call_api">非USPACE會員是否呼叫USPACE進出場API</label>
                                    <select class="form-control" id="uspace_non_member_call_api" name="uspace_non_member_call_api">
                                        @foreach(config('webCommonData.yesOrNoDropdown') as $id => $name)
                                            <option value="{{ $id }}" @if(old('uspace_non_member_call_api', $data['uspace_non_member_call_api']) == $id) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('uspace_non_member_call_api')
                                        <span id="uspace_non_member_call_api-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="uspace_payment_failed_exit" class="enable">請款失敗是否算交易完成(可離場)</label>
                                    <select class="form-control" name="uspace_payment_failed_exit">
                                        @foreach(config('webCommonData.yesOrNoDropdown') as $id => $name)
                                            <option value="{{ $id }}" @if(old('uspace_payment_failed_exit', $data['uspace_payment_failed_exit']) == $id) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('uspace_payment_failed_exit')
                                        <span id="uspace_payment_failed_exit-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="uspace_paydevice_notice_member_enable" class="enable">在繳費機查詢時，是否提示使用者為會員</label>
                                    <select class="form-control" name="uspace_paydevice_notice_member_enable">
                                        @foreach(config('webCommonData.yesOrNoDropdown') as $id => $name)
                                            <option value="{{ $id }}" @if(old('uspace_paydevice_notice_member_enable', $data['uspace_paydevice_notice_member_enable']) == $id) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('uspace_paydevice_notice_member_enable')
                                        <span id="uspace_paydevice_notice_member_enable-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="uspace_paydevice_notice_member_message">在繳費機提示會員訊息</label>
                                    <input type="text" class="form-control" placeholder="在繳費機提示會員訊息" name="uspace_paydevice_notice_member_message" value="{{ old('uspace_paydevice_notice_member_message', $data['uspace_paydevice_notice_member_message']) }}">
                                    @error('uspace_paydevice_notice_member_message')
                                        <span id="uspace_paydevice_notice_member_message-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div id="groupAutopass">
                                <h4>Autopass</h4>
                                <hr class="mt-1">
                                <div class="form-group">
                                    <label for="autopass_domain" class="enable">Autopass Domain</label>
                                    <select class="form-control" name="autopass_domain">
                                        @foreach(config('webCommonData.autopassDomainDropdown') as $domain => $name)
                                            <option value="{{ $domain }}" @if(old('autopass_domain', $data['autopass_domain']) == $domain) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('autopass_domain')
                                        <span id="autopass_domain-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="autopass_access_token">Autopass Access Token</label>
                                    <input type="text" class="form-control" placeholder="Autopass Access Token" name="autopass_access_token" value="{{ old('autopass_access_token', $data['autopass_access_token']) }}">
                                    @error('autopass_access_token')
                                        <span id="autopass_access_token-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        @can('cloudPayment.update')
                        <button type="submit" class="btn btn-info">修改</button>
                        @endcan
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>
@endsection

@section('js')
<script>
$(document).ready(function () {
    showCloudPaymentGroup();

    $('select[name=cloud_payment_enable]').change(function (e) {
        showCloudPaymentGroup();
    });

    // 顯示雲端支付群組
    function showCloudPaymentGroup() {
        let cloudPaymentEnable = $('select[name=cloud_payment_enable]').val();
        switch (cloudPaymentEnable) {
            case '0': // 不啟用
                $('#groupUspace').hide();
                // $('#groupPayTaipei').hide();
                $('#groupAutopass').hide();
                break;
            case '1': // Uspace
                $('#groupUspace').show();
                // $('#groupPayTaipei').hide();
                $('#groupAutopass').hide();
                break;
            // case '2': // PayTaipei
            //     $('#groupUspace').hide();
            //     $('#groupPayTaipei').show();
            //     $('#groupAutopass').hide();
            //     break;
            case '3': // Autopass
                $('#groupUspace').hide();
                // $('#groupPayTaipei').hide();
                $('#groupAutopass').show();
                break;
            default:
                $('#groupUspace').hide();
                // $('#groupPayTaipei').hide();
                $('#groupAutopass').hide();
                break;
        }
    }
});
</script>
@endsection