@extends('layouts.main')

@section('pageTitle', '設備狀態－修改')

@section('content')
<style>
.form-check{display:inline;margin: 0 10px 0 0;}
.cashflowCheckbox{margin-left: 10px;}
</style>
<!-- /.card-header -->
<div class="card-body">
<form action="{{ route('device.update', $device->id) }}" method="post">
    @csrf
    @method('PUT')
    <div class="col-xl-6 col-md-8 col-sm-12">
        <div class="form-group">
            <label for="number">設備編號</label>
            @if ($device->mode != 8)
                <input type="text" class="form-control" placeholder="設備編號" value="{{ $device->number }}" disabled>
            @else
                <input type="text" class="form-control" placeholder="設備編號" name="number" value="{{ old('number', $device->number) }}" id="number">
                @error('number')
                    <span id="number-error" class="validateError">{{ $message }}</span>
                @enderror
            @endif
        </div>
        <div class="form-group">
            <label for="name">設備名稱</label>
            <input type="text" class="form-control" placeholder="設備名稱" name="name" value="{{ old('name', $device->name) }}">
            @error('name')
                <span id="name-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="mode">設備模式</label>
            <select class="form-control" name="mode" disabled>
                @foreach(config('webCommonData.laneModes') as $id => $name)
                    <option value="{{ $id }}" @if(old('mode', $device->mode) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('mode')
                <span id="mode-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="ip">設備 IP 位址</label>
            <input type="text" class="form-control" placeholder="設備 IP 位址" name="ip" value="{{ old('ip', $device->ip) }}">
            @error('ip')
                <span id="ip-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="laneType">
            <label for="lane_type">車道模式</label>
            <select class="form-control" name="lane_type">
                @inject('vehicleTypesRepository','App\Repositories\VehicleTypesRepository')
                @foreach($vehicleTypesRepository->getListByPluck('id', 'name') as $id => $name)
                    <option value="{{ $id }}" @if(old('lane_type', $device->lane_type) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('lane_type')
                <span id="lane_type-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="withoutPeripheral">
            <label for="without_peripheral">純主機模式</label><br>
            <select class="form-control" name="without_peripheral">
                @foreach(config('webCommonData.enableDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('without_peripheral', ($device->pay_device_mode ==2)) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('without_peripheral')
                <span id="without_peripheral-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="cashflow">
            <div id="ticket">

                <label>金流種類</label><br>
                <div class="form-check d-flex align-items-center">
                    <input class="form-check-input" type="checkbox" name="eccEnable" id="ecc" value="1" @if($device->ecc['is_enable'] == 1) checked @endif>
                    <label class="form-check-label" for="ecc" style="font-weight: bold;">悠遊卡</label>
                    <input type="button" class="btn btn-primary btn-sm mx-2" id="eccBlackListDownload" value="黑名單下載" />
                    <span class="d-flex align-items-center">
                        <p class="m-0" style="font-weight: bold;">MD5:&nbsp;</p>
                        <p class="m-0" id="eccBlackListMD5"></p>
                    </span>
                </div>
                <br>
                <div class="form-check d-flex align-items-center">
                    <input class="form-check-input" type="checkbox" id="ipass" @if(old('ipassEnable', $device->ipass['is_enable'])) checked @endif>
                    <label class="form-check-label mr-2" for="ipass" style="font-weight: bold;">一卡通</label>
                    <div class="form-check-inline border rounded pl-2">
                        @foreach(config('webCommonData.ipassModes') as $value => $modes)
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="ipassEnable" id="{{ $modes['mode'] }}" value="{{ $value }}" disabled
                                    @if(old('ipassEnable', $device->ipass['is_enable']) == $value) checked @endif>
                                <label class="form-check-label" for="{{ $modes['mode'] }}">{{ $modes['name'] }}</label>
                            </div>
                        @endforeach
                    </div>
                    <input type="button" class="btn btn-primary btn-sm mr-2" id="ipassBlackListDownload" value="黑名單下載" />
                    <span class="d-flex align-items-center">
                        <p class="m-0" style="font-weight: bold;">MD5:&nbsp;</p>
                        <p class="m-0" id="ipassBlackListMD5"></p>
                    </span>
                </div>
                <br>
                <div id="ipassTmid">
                    <label for="ipassTmid">一卡通檔案編號</label>
                    <input type="text" class="form-control" placeholder="一卡通檔案編號" name="ipassTmid" value="{{ old('ipassTmid', $device->ipass['file_no']) }}">
                    @error('ipassTmid')
                        <span id="ipassTmid-error" class="validateError">{{ $message }}</span>
                    @enderror
                    <br>
                </div>
                <div class="form-check d-flex align-items-center">
                    <input class="form-check-input" type="checkbox" name="icashEnable" id="icash" value="1" @if(old('icashEnable', $device->icash['is_enable']) == 1) checked @endif>
                    <label class="form-check-label" for="icash" style="font-weight: bold;">愛金卡</label>
                    <input type="button" class="btn btn-primary btn-sm mx-2" id="icashBlackListDownload" value="黑名單下載" />
                    <span class="d-flex align-items-center">
                        <p class="m-0" style="font-weight: bold;">MD5:&nbsp;</p>
                        <p class="m-0" id="icashBlackListMD5"></p>
                    </span>
                </div>
                <br>
                <div id="icashTmid">
                    <label for="icashTmid">愛金卡檔案編號</label>
                    <input type="text" class="form-control" placeholder="愛金卡檔案編號" name="icashTmid" value="{{ old('icashTmid', $device->icash['tm_id']) }}">
                    @error('icashTmid')
                        <span id="icashTmid-error" class="validateError">{{ $message }}</span>
                    @enderror
                    <br>
                </div>
            </div>
            <div id="thirdPartyPayment">
                <span style="margin-bottom: 10px;font-weight: bold;">＊啟用第三方支付，請先至系統與金流設定並開啟第三方支付參數</span><br>
                <div id="plsHint">
                    <span style="margin-bottom: 10px;">(信用卡與街口支付請至"系統設定與管理", "系統與金流", "線上繳費", "信用卡", "街口支付"啟用並填寫參數 )</span>
                    <br/>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="cashEnable" id="cash" value="1" @if($device->cash['is_enable'] == 1) checked @endif>
                    <label class="form-check-label" for="cash">現金</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="linepayEnable" id="linepay" value="1" @if($device->thirdPartyPayment['linepay_enable'] == 1) checked @endif @if ($epaySettings['linepay_enable'] == 0) disabled @endif>
                    <label class="form-check-label" for="linepay">LINE Pay</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="jkoEnable" id="jko" value="1" @if($device->thirdPartyPayment['jko_enable'] == 1) checked @endif @if ($epaySettings['jko_enable'] == 0) disabled @endif>
                    <label class="form-check-label" for="jko">街口支付</label>
                </div>
                {{--
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="applepayEnable" id="applepay" value="1" @if($device->thirdPartyPayment['applepay_enable'] == 1) checked @endif>
                    <label class="form-check-label" for="applepay">APPLE pay</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="googlepayEnable" id="googlepay" value="1" @if($device->thirdPartyPayment['googlepay_enable'] == 1) checked @endif>
                    <label class="form-check-label" for="googlepay">Google pay</label>
                </div>
                --}}
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="easywalletEnable" id="easywallet" value="1" @if($device->thirdPartyPayment['easywallet_enable'] == 1) checked @endif @if ($epaySettings['easywallet_enabled'] == 0) disabled @endif>
                    <label class="form-check-label" for="easywallet">悠遊付</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="happygopayEnable" id="happygopay" value="1" @if($device->thirdPartyPayment['happygopay_enable'] == 1) checked @endif @if ($epaySettings['happygopay_enable'] == 0) disabled @endif>
                    <label class="form-check-label" for="happygopay">Happy Go Pay</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="twqrEnable" id="twqrpay" value="1" @if($device->thirdPartyPayment['twqr_enable'] == 1) checked @endif @if ($epaySettings['twqr_enable'] == 0) disabled @endif>
                    <label class="form-check-label" for="twqrpay">TWQR</label>
                </div>
                <br>
                <div class="d-inline-flex align-items-center">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="creditCardPay" id="creditCardPay" @if($device->thirdPartyPayment['creditcard_pay_enable']) checked @endif>
                        <label class="form-check-label" for="creditCardPay">信用卡支付</label>
                    </div>
                    <div class="form-check-inline border rounded pl-2">
                        @foreach(config('webCommonData.creditCardModes') as $value => $modes)
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="creditCardPayEnable" id="{{ $modes['bank'] }}" value="{{ $value }}" disabled
                                    @if(old('bank', $device->thirdPartyPayment['creditcard_pay_enable']) == $value) checked @endif>
                                <label class="form-check-label" for="{{ $modes['bank'] }}">{{ $modes['name'] }}</label>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group hide" id="cameraIp">
            <label for="camera_ip">攝影機 IP 位址</label>
            <input type="text" class="form-control" placeholder="攝影機 IP 位址" name="camera_ip" value="{{ old('camera_ip', $device->camera_ip) }}">
            @error('camera_ip')
                <span id="camera_ip-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group hide" id="cameraPort">
            <label for="camera_port">攝影機 Port</label>
            <input type="text" class="form-control" placeholder="攝影機 Port" name="camera_port" value="{{ old('camera_port', $device->camera_port) }}">
            @error('camera_port')
                <span id="camera_port-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="cameraLane">
            <label for="camera_lane">攝影機車道編號</label>
            <input type="text" class="form-control" placeholder="攝影機車道編號" name="camera_lane" value="{{ old('camera_lane', $device->camera_lane) }}">
            @error('camera_lane')
                <span id="camera_lane-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="frontendEnable">
            <label for="frontend_enable">前端是否啟用</label>
            <select class="form-control" name="frontend_enable">
                @foreach(config('webCommonData.enableDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('frontend_enable', $device->frontend_enable) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('frontend_enable')
                <span id="frontend_enable-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="lincesePlateInputSetting">
            <label for="license_plate_input_setting">車牌輸入設定</label>
            <select class="form-control" name="license_plate_input_setting">
                @foreach(config('webCommonData.plateInputDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('license_plate_input_setting', $device->license_plate_input_setting) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('license_plate_input_setting')
                <span id="license_plate_input_setting-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="standbyHomePage">
            <label for="standby_home_page">待機首頁設定</label>
            <select class="form-control" name="standby_home_page">
                @foreach(config('webCommonData.standbyHomePageDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('standby_home_page', $device->standby_home_page) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('standby_home_page')
                <span id="standby_home_page-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group hide" id="volume">
            <label for="volume">繳費機音量</label>
            <input type="text" class="form-control" placeholder="繳費機音量" name="volume" value="{{ old('volume', $device->volume) }}">
            @error('volume')
                <span id="volume-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="doorDetectionEnable">
            <label for="door_detection_enable">門位偵測告警</label>
            <select class="form-control" name="door_detection_enable">
                @foreach(config('webCommonData.enableDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('door_detection_enable', $device->door_detection_enable) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('door_detection_enable')
                <span id="door_detection_enable-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="connectAreaIdAt">
            <label for="connect_area_id_at">月租車道連接區域</label>
            @inject('monthlyAreasRepository','App\Repositories\MonthlyAreasRepository')
            <select class="form-control" name="connect_area_id_at">
                @foreach($monthlyAreasRepository->getListByPluck('id', 'name') as $id => $name)
                    <option value="{{ $id }}" @if(old('connect_area_id_at', $device->connect_area_id_at) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('connect_area_id_at')
                <span id="connect_area_id_at-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="connectAreaIdTo">
            <select class="form-control" name="connect_area_id_to">
                @foreach($monthlyAreasRepository->getListByPluck('id', 'name') as $id => $name)
                    <option value="{{ $id }}" @if(old('connect_area_id_to', $device->connect_area_id_to) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('connect_area_id_to')
                <span id="connect_area_id_to-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="bCoil">
            <label for="b_coil_enable">B 線圈是否開啟</label>
            <select class="form-control" name="b_coil_enable">
                @foreach(config('webCommonData.yesOrNoDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('b_coil_enable', $device->b_coil_enable) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('b_coil_enable')
                <span id="b_coil_enable-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="bindingThirdDevice">
            <label for="device_binding">綁定的出口車辨柱</label>
            <select class="form-control" name="device_binding">
                @inject('devicesRepository','App\Repositories\DevicesRepository')
                <option value="0" >無</option>
                @foreach($devicesRepository->getAllByWhere([['mode', '=', 4]]) as $thirdDevice)
                    <option value="{{ $thirdDevice->id }}" @if(old('device_binding', $device->device_binding) == $thirdDevice->id) selected @endif>{{ $thirdDevice->name }}({{ $thirdDevice->number }}) </option>
                @endforeach
            </select>
            @error('device_binding')
                <span id="device_binding-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="deviceBinding3plus">
            <label for="device_binding_3plus">綁定的三代PLUS車柱</label>
            <div class="ml-1 mb-1">
                <span class="d-inline-block text-danger">- [綁定的三代PLUS車柱] 及 [綁定的出口車辨柱]，只能擇一設定，另一選項必須選擇"無"。</span>
            </div>
            <select class="form-control" name="device_binding_3plus">
                @inject('devicesRepository','App\Repositories\DevicesRepository')
                <option value="0">無</option>
                @foreach($devicesRepository->getAllByWhere([['mode', '=', 9]]) as $thirdPlusDevice)
                    <option value="{{ $thirdPlusDevice->id }}" @if(old('device_binding_3plus', $device->device_binding_3plus) == $thirdPlusDevice->id) selected @endif>{{ $thirdPlusDevice->name }}({{ $thirdPlusDevice->number }})</option>
                @endforeach
            </select>
            @error('device_binding_3plus')
                <span id="device_binding_3plus-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="thirdXpsIp">
            <label for="third_xps_ip">三代 XPS IP</label>
            <input type="text" class="form-control" placeholder="三代 XPS IP" name="third_xps_ip" value="{{ old('third_xps_ip', $device->third_xps_ip) }}">
            @error('third_xps_ip')
                <span id="third_xps_ip-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="buildingMode">
            <label for="building_tmp_enable">大樓模式下，臨停車可否通過</label>
            <select class="form-control" name="building_tmp_enable">
                @foreach(config('webCommonData.yesOrNoDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('building_tmp_enable', $device->building_tmp_enable) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('building_tmp_enable')
                <span id="building_tmp_enable-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="verifyCarInMode">
            <label for="verify_carin_mode">車輛進場判斷模式</label>
            <select class="form-control" name="verify_carin_mode">
                @foreach(config('webCommonData.verifyCarInModeDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('verify_carin_mode', $device->verify_carin_mode) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('verify_carin_mode')
                <span id="verify_carin_mode-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="verifyCarOutMode">
            <label for="verify_carout_mode">車輛出場判斷模式</label>
            <select class="form-control" name="verify_carout_mode">
                @foreach(config('webCommonData.verifyCarOutModeDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('verify_carout_mode', $device->verify_carout_mode) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('verify_carout_mode')
                <span id="verify_carout_mode-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>

        @include('systemSetting.deviceManagement.deviceGpioSettings')

        <div class="form-group" id="plusDeviceMode">
            <label for="plus_device_mode">車柱應用模式</label><br>
            <select class="form-control" name="plus_device_mode">
                @foreach(config('webCommonData.plusDeviceModeDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('plus_device_mode', $device->plus_device_mode) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('plus_device_mode')
                <span id="plus_device_mode-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <button type="submit" class="btn btn-info">修改</button>
    <a class="btn btn-warning" href="{{ route('device.index') }}">返回</a>
    <span class="btn bg-teal color-palette" id="gpioSetting">GPIO 設定</span>
</form>
</div>
<!-- /.card-body -->
@endsection

@section('js')
@include('systemSetting.deviceManagement.deviceCommonSection')
<script>
$(document).ready(function () {
    deviceFieldShowAndHide({{ $device->mode }});
    deviceIpFieldChange({{ $device->mode }});
    toggleOptions();

    // 初始顯示黑名單狀態
    for (let i = 1; i <= 3; i++) {
        getBlackList(i, true);
    }

    // 初始黑名單下載按鈕的狀態
    $('input[type="checkbox"]').each(function() {
        if (!$(this).prop('checked')) {
            $('#' + $(this).attr('id') + 'BlackListDownload').prop('disabled', true);
        }
    });

    // 根據checkbox更改黑名單下載按鈕的狀態
    $('input[type="checkbox"]').change(function() {
        if ($(this).prop('checked')) {
            $('#' + $(this).attr('id') + 'BlackListDownload').prop('disabled', false);
        } else {
            $('#' + $(this).attr('id') + 'BlackListDownload').prop('disabled', true);
        }
    });

    // XPS下載票證黑名單
    $('#eccBlackListDownload').click(function(){
        getBlackList(1, false);
    })
    $('#ipassBlackListDownload').click(function(){
        getBlackList(2, false);
    })
    $('#icashBlackListDownload').click(function(){
        getBlackList(3, false);
    })
});

function getBlackList(ticketType, checkExist){
    var ticketName;
    switch(ticketType){
        case 1:
            ticketName = 'ecc';
            break
        case 2:
            ticketName = 'ipass';
            break
        case 3:
            ticketName = 'icash';
            break
    }

    $.ajax({
        type: 'GET',
        url: '{{ route("device.getBlackList") }}?ticketType=' + ticketType + "&checkExist=" + checkExist,
        dataType: "json"
    }).done((data, textStatus, jqXHR) => {
        if (checkExist) {
            // 顯示黑名單存在狀態
            $('#' + ticketName + 'BlackListMD5').text(data[1]);
        } else {
            // 彈窗顯示黑名單下載狀態
            if (data[0] == 'success') {
                successMessage(data[1]);
                getBlackList(ticketType, true);
            } else {
                errorMessage(data[1]);
            }
        }
    });
}
</script>
@endsection