@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 id="groupLemon">
                                <h4>車車大檸檬</h4>
                                <hr class="mt-1">
                                <div class="form-group">
                                    <label for="lemon_domain" class="enable">車車大檸檬 Domain</label>
                                    <select class="form-control" name="lemon_domain">
                                        @foreach(config('webCommonData.lemonDomainDropdown') as $domain => $name)
                                            <option value="{{ $domain }}" @if(old('lemon_domain', $data['lemon_domain']) == $domain) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('lemon_domain')
                                        <span id="lemon_domain-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label>車車大檸檬 API IP 白名單</label>
                                    <div id="carLemonIpWhitelistContainer">
                                        @php
                                            $ipWhitelist = old('car_lemon_ip_whitelist', json_decode($data['car_lemon_ip_whitelist'] ?? '[]', true) ?: []);
                                            if (empty($ipWhitelist)) {
                                                $ipWhitelist = [''];
                                            }
                                        @endphp
                                        @foreach($ipWhitelist as $idx => $ip)
                                        <div class="input-group mb-1 car-lemon-ip-row">
                                            <input type="text" class="form-control" name="car_lemon_ip_whitelist[]" value="{{ $ip }}" placeholder="IP 位址">
                                            @if($idx > 0)
                                            <div class="input-group-append">
                                                <button type="button" class="btn btn-outline-danger car-lemon-ip-remove">－</button>
                                            </div>
                                            @else
                                            <div class="input-group-append">
                                                <button type="button" class="btn btn-outline-secondary car-lemon-ip-add">＋</button>
                                            </div>
                                            @endif
                                        </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            <div id="groupUtaggo">
                                <h4>uTagGo(遠創智慧)</h4>
                                @if ($expansionCharging['lifeplus_transmit_enable'] === '1')
                                    <span class="text-danger">&nbsp;- 啟用遠創智慧uTagGo將停用雲端生活家uTagGo</span>
                                @endif
                                <hr class="mt-1">
                                <div class="form-group">
                                    <label for="utaggo_fetc_environment" class="enable">uTagGo Domain</label>
                                    <select class="form-control" id="utaggo_fetc_environment" name="utaggo_fetc_domain">
                                        @foreach(config('webCommonData.hostTypeDropdown') as $host => $name)
                                            <option value="{{ $host }}"
                                                data-domain="{{ config('services.third_party_payment.cloud_utaggo_fetc.domains.' . $host, '') }}"
                                              @if(old('utaggo_fetc_domain', $data['utaggo_fetc_domain']) == config('services.third_party_payment.cloud_utaggo_fetc.domains.' . $host, '')) selected @endif
                                            >{{ $name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <input type="text" class="form-control" placeholder="uTagGo Domain" id="utaggo_fetc_domain" value="" readonly="readonly">
                                    @error('utaggo_fetc_domain')
                                        <span id="utaggo_fetc_domain-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="utaggo_fetc_apim_key">uTagGo apim key</label>
                                    <input type="text" class="form-control" placeholder="uTagGo apim key" name="utaggo_fetc_apim_key" value="{{ old('utaggo_fetc_apim_key', $data['utaggo_fetc_apim_key']) }}">
                                    @error('utaggo_fetc_apim_key')
                                        <span id="utaggo_fetc_apim_key-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="utaggo_fetc_ibm_client_id">uTagGo x ibm client id</label>
                                    <input type="text" class="form-control" placeholder="uTagGo x ibm client id" name="utaggo_fetc_ibm_client_id" value="{{ old('utaggo_fetc_ibm_client_id', $data['utaggo_fetc_ibm_client_id']) }}">
                                    @error('utaggo_fetc_ibm_client_id')
                                        <span id="utaggo_fetc_ibm_client_id-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="utaggo_fetc_sftp_ip">uTagGo FTP IP</label>
                                    <input type="text" class="form-control" placeholder="uTagGo FTP IP" id="utaggo_fetc_sftp_ip" name="utaggo_fetc_sftp_ip" value="{{ old('utaggo_fetc_sftp_ip', $data['utaggo_fetc_sftp_ip']) }}">
                                    @error('utaggo_fetc_sftp_ip')
                                        <span id="utaggo_fetc_sftp_ip-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="utaggo_fetc_sftp_accout">uTagGo FTP 帳號</label>
                                    <input type="text" class="form-control" placeholder="uTagGo FTP 帳號" name="utaggo_fetc_sftp_accout" value="{{ old('utaggo_fetc_sftp_accout', $data['utaggo_fetc_sftp_accout']) }}">
                                    @error('utaggo_fetc_sftp_accout')
                                        <span id="utaggo_fetc_sftp_accout-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="utaggo_fetc_sftp_password">
                                        uTagGo FTP 密碼
                                        @if (empty($data['utaggo_fetc_sftp_password']))
                                            <span class="small text-danger">*密碼尚未設定</span>
                                        @endif
                                    </label>
                                    <input type="password" class="form-control"
                                        placeholder="{{ empty($data['utaggo_fetc_sftp_password']) ? 'uTagGo FTP 密碼' : '••••••••' }}"
                                        name="utaggo_fetc_sftp_password" value="">
                                    @error('utaggo_fetc_sftp_password')
                                        <span id="utaggo_fetc_sftp_password-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="utaggo_fetc_vendor_id">uTagGo 經銷商編號</label>
                                    <input type="text" class="form-control" placeholder="uTagGo 經銷商編號" name="utaggo_fetc_vendor_id" value="{{ old('utaggo_fetc_vendor_id', $data['utaggo_fetc_vendor_id']) }}">
                                    @error('utaggo_fetc_vendor_id')
                                        <span id="utaggo_fetc_vendor_id-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="utaggo_fetc_channel_id">uTagGo 總站編號</label>
                                    <input type="text" class="form-control" placeholder="uTagGo 總站編號" name="utaggo_fetc_channel_id" value="{{ old('utaggo_fetc_channel_id', $data['utaggo_fetc_channel_id']) }}">
                                    @error('utaggo_fetc_channel_id')
                                        <span id="utaggo_fetc_channel_id-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="utaggo_fetc_station_id">uTagGo 停車場編號</label>
                                    <input type="text" class="form-control" placeholder="uTagGo 停車場編號" name="utaggo_fetc_station_id" value="{{ old('utaggo_fetc_station_id', $data['utaggo_fetc_station_id']) }}">
                                    @error('utaggo_fetc_station_id')
                                        <span id="utaggo_fetc_station_id-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="utaggo_fetc_notice_member_enable" class="enable">在繳費機查詢時，是否提示使用者為會員</label>
                                    <select class="form-control" name="utaggo_fetc_notice_member_enable">
                                        @foreach(config('webCommonData.yesOrNoDropdown') as $id => $name)
                                            <option value="{{ $id }}" @if(old('utaggo_fetc_notice_member_enable', $data['utaggo_fetc_notice_member_enable']) == $id) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('utaggo_fetc_notice_member_enable')
                                        <span id="utaggo_fetc_notice_member_enable-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="utaggo_fetc_notice_member_message">在繳費機提示會員訊息</label>
                                    <input type="text" class="form-control" placeholder="在繳費機提示會員訊息" name="utaggo_fetc_notice_member_message" value="{{ old('utaggo_fetc_notice_member_message', $data['utaggo_fetc_notice_member_message']) }}">
                                    @error('utaggo_fetc_notice_member_message')
                                        <span id="utaggo_fetc_notice_member_message-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();
    });

    $('#carLemonIpWhitelistContainer').on('click', '.car-lemon-ip-add', function () {
        var row = '<div class="input-group mb-1 car-lemon-ip-row">' +
            '<input type="text" class="form-control" name="car_lemon_ip_whitelist[]" value="" placeholder="IP 位址">' +
            '<div class="input-group-append">' +
            '<button type="button" class="btn btn-outline-danger car-lemon-ip-remove">－</button>' +
            '</div></div>';
        $('#carLemonIpWhitelistContainer').append(row);
    });
    $('#carLemonIpWhitelistContainer').on('click', '.car-lemon-ip-remove', function () {
        $(this).closest('.car-lemon-ip-row').remove();
    });
    $('#utaggo_fetc_environment')
        .change(event => {
            let optionDOM = $('#utaggo_fetc_environment').find('option:selected');
            $('#utaggo_fetc_domain').val($(optionDOM).data('domain'));
        })
        .trigger('change');

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