@extends('layouts.main')

@section('pageTitle', '修改車號費率名單')

@section('content')
<div class="card-body">
    <div class="row">
{{-- 表單 --}}
        <div class="col-3">
            <form action="{{ route('licensePlateFeeRule.update', $licensePlateFeeRule->id) }}" method="post" id="licensePlateFeeRuleForm">
                @method('PUT')
                @csrf
                <div class="form-group">
                    <label>車號規則</label>
                    <input type="text" class="form-control" placeholder="車號規則驗證填入" name="rule_show" value="{{ $licensePlateFeeRule->rule_name }}" readonly>
                    <input type="hidden" name="rule" value="{{ $licensePlateFeeRule->rule }}">
                    @error('rule')
                        <span id="rule-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="vehicle_type">車種</label>
                    <select class="form-control" name="vehicle_type" id="vehicle_type">
                        @foreach($vehicleTypes as $id => $name)
                            <option value="{{ $id }}" @if($id == $licensePlateFeeRule->vehicle_type) selected @endif>{{ $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="" @if($licensePlateFeeRule->charge_id == '') selected @endif>無</option>
                        @foreach($customizeCharge as $data)
                            <option value="{{ $data->id }}" @if($data->id == $licensePlateFeeRule->charge_id) selected @endif>{{ $data->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label>適用優惠</label>
                    <select class="form-control" id="discount_enabled">
                        <option value="-1" data-discount="{}" @if($licensePlateFeeRule->discount == '{}') selected @endif>無</option>
                        <option value="-2" data-discount="{{ $licensePlateFeeRule->discount }}" @if($licensePlateFeeRule->discount != '{}') selected @endif>自訂</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" value="{{ $licensePlateFeeRule->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="{{ $licensePlateFeeRule->level }}">
                </div>
                <div class="form-group">
                    <label>啟用名單</label>
                    <select class="form-control" id="ennable" name="enabled">
                        @foreach(config('webCommonData.enableDropdown') as $key => $value)
                            <option value="{{ $key }}" @if($key == 0 && $licensePlateFeeRule->enabled != 1) selected @endif>{{ $value }}</option>
                        @endforeach
                    </select>
                </div>
                <input type="hidden" name="discount" value="{{  $licensePlateFeeRule->discount }}">
            </form>
        </div>
        @include('stationManagement.licensePlateFeeRule.sections.discountSection')
    </div>
    <button type="button" class="btn btn-primary" id="editRule">{{  __('common.edit') }}</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);
            hide('#ruleArea');
        });
    </script>
@endsection