@extends('layouts.main')

@section('pageTitle', '車牌辨識 - 新增週邊設備')

@section('content')
<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('thirdLevel','App\Presenters\ThirdLevelPresenter')
        {!! $thirdLevel->createThirdLevel($globalVariable['pathMain'], $globalVariable['pathSub'], 'peripheral.index') !!}
        </div>
        <div class="card-body">
            <form action="{{ route('peripheral.store') }}" method="post">
            @csrf
            <div class="col-sm-6">
                <div class="form-group">
                    <label>綁定車道控制器</label>
                    <select class="form-control" name="device_id">
                        @inject('deviceRepository', 'App\Repositories\DevicesRepository')
                        @foreach($deviceRepository->getByWhereIn('mode', [1,2,6,10]) as $device)
                            <option value="{{ $device->id }}" @if (old('device_id') == $device->id) selected @endif data-vehicle-type="{{ $device->lane_type }}" data-mode="{{ $device->mode }}">{{ $device->name }} ({{ $device->number }})</option>
                        @endforeach
                    </select>
                    @error('device_id')
                        <span id="device_id-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>設備類型</label>
                    <select class="form-control" name="type" id="type">
                        @foreach(config('webCommonData.peripheralDropdown') as $value => $title)
                            <option value="{{ $value }}" @if (old('type') == $value) selected @endif>{{ $title }}</option>
                        @endforeach
                    </select>
                    @error('type')
                        <span id="type-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group" id="brand">
                    <label>類型</label>
                    <select class="form-control" name="brand">
                        @foreach(config('webCommonData.counterDropdown') as $value => $title)
                            <option value="{{ $value }}" @if (old('brand') == $value) selected @endif>{{ $title }}</option>
                        @endforeach
                    </select>
                    @error('brand')
                        <span id="brand-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group" id="ip">
                    <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="port">
                    <label for="port">設備 Port</label>
                    <input type="text" class="form-control" placeholder="設備 Port" name="port" value="{{ old('port') }}">
                    @error('port')
                        <span id="port-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group hide" id="vehicleType">
                    <label for="vehicle_type">車道模式</label>
                    <select class="form-control" name="vehicle_type">
                        @inject('vehicleTypesRepository','App\Repositories\VehicleTypesRepository')
                        @foreach($vehicleTypesRepository->getListByPluck('id', 'name') as $id => $name)
                            @if($id == 0 || $id == 2)
                                <option value="{{ $id }}" @if (old('vehicle_type') == $id) selected @endif>{{ $name }}</option>
                            @endif
                        @endforeach
                    </select>
                    @error('vehicle_type')
                        <span id="vehicle_type-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group hide">
                    <label>設備狀態</label>
                    <select class="form-control" name="status">
                        @foreach(config('webCommonData.enableDropdown') as $value => $title)
                            <option value="{{ $value }}" @if (old('status') == $value) selected @endif>{{ $title }}</option>
                        @endforeach
                    </select>
                    @error('status')
                        <span id="status-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group hide" id="spaceType">
                    <label>綁定特殊車格</label>
                    <select class="form-control" name="space_type">
                        <option value="0" @if (old('space_type') == 0) selected @endif>無</option>
                        @foreach($spaceTypes ?? [] as $value => $title)
                            <option value="{{ $value }}" @if (old('space_type') == $value) selected @endif>{{ $title }}</option>
                        @endforeach
                    </select>
                    @error('space_type')
                        <span id="space_type-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <button type="submit" class="btn btn-primary">新增</button>
            <a class="btn btn-warning" href="{{ route('peripheral.index') }}">返回</a>
        </form>
        </div>
        <!-- /.card -->
    </div>
</div>
@endsection

@section('js')
<script>
 var currentPage = 'create';
</script>
@include('systemSetting.licenseplateRecognition.peripheralCommonSection')
@endsection