@extends('layouts.main')

@section('pageTitle', '設備狀態管理－新增設備')

@section('content')
<style>
.form-check{display:inline;margin: 0 10px 0 0;}
</style>
<!-- /.card-header -->
<div class="card-body">
<form action="{{ route('device.store') }}" method="post">
    @csrf
    <div class="col-xl-6 col-md-8 col-sm-12">
        <div class="form-group" id="number">
            <label for="number">設備編號</label>
            <input type="text" class="form-control" placeholder="設備編號" name="number" value="{{ old('number') }}">
            @error('number')
                <span id="number-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="name">設備名稱</label>
            <input type="text" class="form-control" placeholder="設備名稱" name="name" value="{{ old('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">
                @foreach(config('webCommonData.laneModes') as $id => $name)
                    {{-- @if ($id == 6)
                        @continue
                    @endif --}}
                    <option value="{{ $id }}" @if(old('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') }}">
            @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') == $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', 0) == $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">
            <label>金流種類</label><br>
            <span class="mt-2 ml-3 font-weight-bold">＊啟用第三方支付，請先至系統與金流設定並開啟第三方支付參數</span>
            <div class="mt-2 ml-3" id="plsHint">
                <span style="margin-bottom: 10px;">(信用卡與街口支付請至"系統設定與管理", "系統與金流", "信用卡", "街口支付"啟用並填寫參數 )</span>
                <br/>
            </div>
            <div class="mt-2 ml-3" id="ticket">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="cashflow[]" id="ecc" value="ecc">
                    <label class="form-check-label" for="ecc">悠遊卡</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="cashflow[]" id="icash" value="icash">
                    <label class="form-check-label" for="icash">愛金卡</label>
                </div>
            </div>
            <div class="mt-2 ml-3" id="thirdPartyPayment">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="cashflow[]" id="cash" value="cash">
                    <label class="form-check-label" for="cash">現金</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="cashflow[]" id="linepay" value="linepay" @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="cashflow[]" id="jko" value="jko" @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="cashflow[]" id="applepay" value="applepay">
                    <label class="form-check-label" for="applepay">APPLE pay</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="cashflow[]" id="googlepay" value="googlepay">
                    <label class="form-check-label" for="googlepay">Google pay</label>
                </div>
                --}}
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="cashflow[]" id="easywallet" value="easywallet" @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="cashflow[]" id="happygopay" value="happygopay" @if ($epaySettings['happygopay_enable'] == 0) disabled @endif>
                    <label class="form-check-label" for="happygopay">HappyGoPay</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="cashflow[]" id="twqrpay" value="twqr" @if ($epaySettings['twqr_enable'] == 0) disabled @endif>
                    <label class="form-check-label" for="twqrpay">TWQR</label>
                </div>
                <div class="mt-2">
                    <div class="d-inline-flex align-items-center">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="creditCardPay" id="creditCardPay">
                            <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>
                                    <label class="form-check-label" for="{{ $modes['bank'] }}">{{ $modes['name'] }}</label>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="mt-2">
                    <div class="d-inline-flex align-items-center">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="ipass">
                            <label class="form-check-label" for="ipass">一卡通</label>
                        </div>
                        <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>
                                    <label class="form-check-label" for="{{ $modes['mode'] }}">{{ $modes['name'] }}</label>
                                </div>
                            @endforeach
                        </div>
                    </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') }}">
            @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') }}">
            @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') }}">
            @error('camera_lane')
                <span id="camera_lane-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="printerCheck">
            <label for="printer_check">偵測印表機狀態</label>
            <select class="form-control" name="printer_check">
                @foreach(config('webCommonData.enableDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('printer_check', 1) == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('printer_check')
                <span id="printer_check-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group" id="printerSwitch">
            <label for="printer_switch">印表機切換</label>
            <select class="form-control" name="printer_switch">
                @foreach(config('webCommonData.printerSwitchDropdown') as $id => $name)
                    <option value="{{ $id }}" @if(old('printer_switch') == $id) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('printer_switch')
                <span id="printer_switch-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', 1) == $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') == $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') == $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', 80) }}">
            @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', 0) == $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') == $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') == $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', 1) == $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 $device)
                    <option value="{{ $device->id }}" @if(old('device_binding', 0) == $device->id) selected @endif>{{ $device->name }}({{ $device->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 $device)
                    <option value="{{ $device->id }}" @if(old('device_binding_3plus', 0) == $device->id) selected @endif>{{ $device->name }}({{ $device->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') }}">
            @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', 0) == $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', 0) == $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', 0) == $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') == $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-primary">新增</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({{ old("mode", 1) }});
    toggleOptions();
});
</script>
@endsection