@extends('layouts.main')

@section('pageTitle', '新增車號費率名單')

@section('content')
<div class="card-body">
    <div class="row">
{{-- 表單 --}}
        <div class="col-3">
            <form action="{{ route('licensePlateFeeRule.store') }}" method="post" id="licensePlateFeeRuleForm">
                @csrf
                <div class="form-group">
                    <label>車號規則</label>
                    <input type="text" class="form-control" placeholder="車號規則驗證填入" name="rule_show" readonly>
                    <input type="hidden" name="rule">
                    <input type="hidden" name="rule_type">
                    @error('rule')
                        <span id="rule-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="vehicle_type">{{ __('parking.vehicle_type') }}</label>
                    <select class="form-control" name="vehicle_type" id="vehicle_type">
                        @foreach($vehicleTypes as $id => $name)
                            <option value="{{ $id }}">{{ $name }}</option>
                        @endforeach
                    </select>
                    @error('vehicle_type')
                        <span id="vehicle_type-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group">
                    <label>適用費率</label>
                    <select class="form-control" name="charge_id">
                        <option value="">{{ __('common.none') }}</option>
                        @foreach($customizeCharge as $data)
                            <option value="{{ $data->id }}">{{ $data->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label>適用優惠</label>
                    <select class="form-control" id="discount_enabled">
                        <option value="-1" data-discount="{}" selected >{{ __('common.none') }}</option>
                        <option value="-2" data-discount="{}" >{{ __('common.customize') }}</option>
                        {{-- @foreach($quickDiscountList as $quickDiscount)
                            <option value="{{ $quickDiscount['id'] }}" data-discount="{{ $quickDiscount['discount'] }}">{{ $quickDiscount['name'] }} - 快捷</option>
                        @endforeach --}}
                    </select>
                </div>
                <div class="form-group">
                    <label>{{ __('common.note') }}</label>
                    <input type="text" class="form-control" name="note">
                    @error('note_name')
                        <span id="note_name-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group">
                    <label>優先等級</label>
                    <div><span class="d-inline-block text-danger ml-1">如果車號匹配多個規則，以優先等級數字大的優先(0~9)，數字相同則以後面建立的規則優先。</span></div>
                    <input type="number" class="form-control" min="0" max="9" name="level" value="0">
                </div>
                <div class="form-group">
                    <label>啟用名單</label>
                    <select class="form-control" name="enabled">
                        @foreach(config('webCommonData.enableDropdown') as $key => $value)
                            <option value="{{ $key }}">{{ $value }}</option>
                        @endforeach
                    </select>
                </div>
                <input type="hidden" name="discount" value="{}">
            </form>
        </div>
        @include('stationManagement.licensePlateFeeRule.sections.discountSection')
    </div>
    <button type="button" class="btn btn-primary" id="createRule">{{ __('common.create') }}</button>
    <a class="btn btn-warning" href="{{ route('licensePlateFeeRule.index') }}">{{ __('common.back') }}</a>
</div>
@endsection

@section('js')
    @include('include.datePickerAndMask')
    @include('stationManagement.licensePlateFeeRule.sections.commonSection')
    <script>
        $(document).ready(function () {
            validateInputRange('level', 0, 9);
        });
    </script>
@endsection