@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'], 'chargerSetting.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('chargerSetting.update') }}" method="post">
                        @csrf
                        @method('PUT')
                        <div class="col-sm-6">
                            <h4>充電柱相關設定</h4>
                            <hr>
                            <div class="form-group">
                                <label for="charger_enable" class="enable">是否啟用充電柱功能</label>
                                @foreach(config('webCommonData.yesOrNoDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="charger_enable" value="{{ $value }}" id="charger_enable_{{ $value }}" @if($value == old('charger_enable', $data['charger_enable'])) checked @endif>
                                        <label class="form-check-label" for="charger_enable_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('charger_enable')
                                    <span id="charger_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="charger_vendor">充電柱串接廠商</label>
                                <select class="form-control" id="charger_vendor" name="charger_vendor">
                                    @foreach(config('webCommonData.chargerVendorDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('charger_vendor', $data['charger_vendor']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('charger_vendor')
                                    <span id="charger_vendor-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="d-none" name="lifeplus_charging_div">
                                <div class="form-group">
                                    <label for="lifeplus_charging_host_ip">雲端生活家主機位址</label>
                                    <input type="text" class="form-control" placeholder="https://" name="lifeplus_charging_host_ip" value="{{ old('lifeplus_charging_host_ip', $data['lifeplus_charging_host_ip']) }}">
                                    @error('lifeplus_charging_host_ip')
                                        <span id="lifeplus_charging_host_ip-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="d-none" name="mp_charging_div">
                                <div class="form-group">
                                    <label for="mp_charging_host_ip">微程式資訊主機位址</label>
                                    <input type="text" class="form-control" placeholder="https://" name="mp_charging_host_ip" value="{{ old('mp_charging_host_ip', $data['mp_charging_host_ip']) }}">
                                    @error('mp_charging_host_ip')
                                        <span id="mp_charging_host_ip-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="unfenced_notify_mp_charging_enable" class="enable">是否啟用無柵欄進出通知微程式資訊充電柱主機</label>
                                    @foreach(config('webCommonData.yesOrNoDropdown') as $value => $name)
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="unfenced_notify_mp_charging_enable" value="{{ $value }}" id="unfenced_notify_mp_charging_enable_{{ $value }}" @if($value == old('unfenced_notify_mp_charging_enable', $data['unfenced_notify_mp_charging_enable'])) checked @endif>
                                            <label class="form-check-label" for="unfenced_notify_mp_charging_enable_{{ $value }}">{{ $name }}</label>
                                        </div>
                                    @endforeach
                                    @error('unfenced_notify_mp_charging_enable')
                                        <span id="unfenced_notify_mp_charging_enable-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <hr>
                            <h4>充電柱共同設定</h4>
                            <hr>
                            <div class="form-group">
                                <label for="monthly_charging_fee_enable" class="enable">是否啟用月租車名單收取充電費/佔位費功能</label>
                                @foreach(config('webCommonData.yesOrNoDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="monthly_charging_fee_enable" value="{{ $value }}" id="monthly_charging_fee_enable_{{ $value }}" @if($value == old('monthly_charging_fee_enable', $data['monthly_charging_fee_enable'])) checked @endif>
                                        <label class="form-check-label" for="monthly_charging_fee_enable_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('monthly_charging_fee_enable')
                                    <span id="monthly_charging_fee_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        @can('chargerSetting.update')
                        <button type="submit" class="btn btn-info">修改</button>
                        @endcan
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>
@endsection

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

    $('select[name=charger_vendor]').change(function() {
        showChargerVendorSetting();
    });

    function showChargerVendorSetting() {
        let chargerVendor = $('select[name=charger_vendor]').val();
        switch (chargerVendor) {
            case "0":
                $('div[name=lifeplus_charging_div]').removeClass('d-none');
                $('div[name=mp_charging_div]').addClass('d-none');
                $('#unfenced_notify_mp_charging_enable_0').prop('checked', true);
                $('#unfenced_notify_mp_charging_enable_1').prop('checked', false);
                break;
            case "1":
                $('div[name=mp_charging_div]').removeClass('d-none');
                $('div[name=lifeplus_charging_div]').addClass('d-none');
                break;
        }
    }
});
</script>
@endsection