@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('thidLevel','App\Presenters\ThirdLevelPresenter')
        {!! $thidLevel->createVehicleTab('billingContent', $data->vehicle_id) !!}
        </div>
        <div class="card-body">
            <div class="tab-content" id="thirdLevel-tabContent">
                <div class="tab-pane fade show active" id="" role="tabpanel">
                    <input type="hidden" id="vehicleType" value="{{ $data->vehicle_id }}">
                    <form action="{{ route('feeUnit.update', $data->vehicle_id) }}" method="post">
                        @csrf
                        @method('PUT')
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="current_fee_type">收費方式</label>
                                <select class="form-control" id="feeType">
                                    @foreach(config('webCommonData.feeTypeDropdown') as $id => $name)
                                        @if($id != 8)
                                            <option value="{{ $id }}" @if($id == 2) selected @endif>{{ $name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>

                            <h4 style="text-align: center;">共同設定</h4>
                            <div class="form-group">
                                <label for="free_time">入場後免費時間(分)</label>
                                <input type="text" class="form-control" placeholder="入場後免費時間(分)" name="free_time" value="{{ old('free_time', $data->free_time) }}">
                                @error('free_time')
                                    <span id="free_time-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="buffer_time">繳費出場緩衝時間(分)</label>
                                <input type="text" class="form-control" placeholder="繳費出場緩衝時間(分)" name="buffer_time" value="{{ old('buffer_time', $data->buffer_time) }}">
                                @error('buffer_time')
                                    <span id="buffer_time-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="across_day_additional_charge">跨日加收金額(元)</label>
                                <input type="text" class="form-control" placeholder="跨日加收金額(元)" name="across_day_additional_charge" value="{{ old('across_day_additional_charge', $data->across_day_additional_charge) }}">
                                @error('across_day_additional_charge')
                                    <span id="across_day_additional_charge-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="border-right pr-3 my-2">
                                <div class="form-group">
                                    <label for="first_period">首發單位時間(分)</label> ※ 選擇 0 表示沒有首發時段。
                                    <select class="form-control" name="first_period">
                                        @for ($time = 0; $time <= 720 ; $time += 30)
                                            <option value="{{ $time }}" @if(old('first_period', $data->first_period) == $time) selected @endif>{{ $time }}</option>
                                        @endfor
                                    </select>
                                    @error('first_period')
                                        <span id="first_period-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="first_frequency">首發單位次數</label><br>
                                    <input type="text" class="form-control" placeholder="首發次數" name="first_frequency" value="{{ old('first_frequency', $data->first_frequency) }}">
                                    @error('first_frequency')
                                        <span id="first_frequency-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <h4 style="text-align: center;">平日設定</h4>
                            <div class="form-group">
                                <label for="workday_first_price">首發單位金額</label>
                                <input type="text" class="form-control" placeholder="首發單位金額" name="workday_first_price" value="{{ old('workday_first_price', $data->workday_first_price) }}">
                                @error('workday_first_price')
                                    <span id="workday_first_price-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="workday_max_price">最高金額</label> ※ 輸入 0 為無最大收費上限。
                                <input type="text" class="form-control" placeholder="最高金額" name="workday_max_price" value="{{ old('workday_max_price', $data->workday_max_price) }}">
                                @error('workday_max_price')
                                    <span id="workday_max_price-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="border-right pr-3 my-2">
                                <div class="form-group">
                                    <label for="workday_unit_time">單位時間(分)</label>
                                    <select class="form-control" name="workday_unit_time">
                                        @foreach(config('webCommonData.feeUnitTimeDropdown') as $id => $name)
                                            <option value="{{ $id }}" @if(old('workday_unit_time', $data->workday_unit_time) == $id) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('workday_unit_time')
                                        <span id="workday_unit_time-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="workday_unit_price">單位金額</label>
                                    <input type="text" class="form-control" placeholder="單位金額" name="workday_unit_price" value="{{ old('workday_unit_price', $data->workday_unit_price) }}">
                                    @error('workday_unit_price')
                                        <span id="workday_unit_price-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <h4 style="text-align: center;">假日設定</h4>
                            <div class="form-group">
                                <label for="holiday_first_price">首發單位金額</label>
                                <input type="text" class="form-control" placeholder="首發單位金額" name="holiday_first_price" value="{{ old('holiday_first_price', $data->holiday_first_price) }}">
                                @error('holiday_first_price')
                                    <span id="holiday_first_price-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="holiday_max_price">最高金額</label> ※ 輸入 0 為無最大收費上限。
                                <input type="text" class="form-control" placeholder="最高金額" name="holiday_max_price" value="{{ old('holiday_max_price', $data->holiday_max_price) }}">
                                @error('holiday_max_price')
                                    <span id="holiday_max_price-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="border-right pr-3 my-2">
                                <div class="form-group">
                                    <label for="holiday_unit_time">單位時間(分)</label>
                                    <select class="form-control" name="holiday_unit_time">
                                        @foreach(config('webCommonData.feeUnitTimeDropdown') as $id => $name)
                                            <option value="{{ $id }}" @if(old('holiday_unit_time', $data->holiday_unit_time) == $id) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('holiday_unit_time')
                                        <span id="holiday_unit_time-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="holiday_unit_price">單位金額</label>
                                    <input type="text" class="form-control" placeholder="單位金額" name="holiday_unit_price" value="{{ old('holiday_unit_price', $data->holiday_unit_price) }}">
                                    @error('holiday_unit_price')
                                        <span id="holiday_unit_price-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <h5>計費設定說明及注意事項：</h5>
                                <div class="mb-2"></div>
                                <h5>設定說明：</h5>
                                <ul>
                                    <li>共同設定：
                                        <ul>
                                            <li>入場後免費時間(分)：入場後在免費時間內出場，收費金額為0。</li>
                                            <li>繳費出場緩衝時間(分)：繳費後，緩衝時間內出場不另外收費。</li>
                                            <li>跨日加收金額(元)：當停車時間跨日時，會加收此費用。跨日時段統一為 00:00。</li>
                                            <li>首發單位時間(分)：首發時段單位。</li>
                                            <li>首發單位次數：首發次數。首發單位時間設定為60分，設定2次首發，表示入場前兩小時皆以首發設定計費。</li>
                                        </ul>
                                    </li>
                                    <li>平/假日設定：
                                        <ul>
                                            <li>首發：
                                                <ul>
                                                    <li>首發單位金額：首發時段內每單位收費金額。</li>
                                                </ul>
                                            </li>
                                            <li>單位計費：
                                                <ul>
                                                    <li>單位時間(分)：每5/10/15/20/30/60分鐘為一單位。</li>
                                                    <li>單位金額：每單位收費金額。
                                                </ul>
                                            </li>
                                            <li>最高金額：
                                                <ul>
                                                    <li>包含首發單位、一般單位金額，不包含跨日加收。</li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        @can('billingContent.update')
                            <button type="submit" class="btn btn-info">儲存計費</button>
                        @endcan
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>
@endsection

@section('js')
@include('billingSetting.billingContent.feeCommonSection')
@endsection