@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('currentBillingSetting', $currentBillingSetting->vehicle_id) !!}
        </div>
        <div class="card-body">
            <div class="tab-content" id="thirdLevel-tabContent">
                <div class="tab-pane fade show active" id="" role="tabpanel">
                    <form action="{{ route('currentBillingSetting.update', $currentBillingSetting->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" name="current_fee_type">
                                    @foreach(config('webCommonData.feeTypeDropdown') as $id => $name)
                                        @if($id != 8)
                                            <option value="{{ $id }}" @if(old('current_fee_type', $currentBillingSetting->current_fee_type) == $id) selected @endif>{{ $name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                @error('current_fee_type')
                                    <span id="current_fee_type-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="schedule_enable">切換計費排程</label>
                                <select class="form-control" name="schedule_enable">
                                    @foreach(config('webCommonData.enableDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('schedule_enable', $currentBillingSetting->schedule_enable) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('schedule_enable')
                                    <span id="schedule_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="change_time">切換計費時間</label>
                                <input type="text" class="form-control" placeholder="切換計費時間" name="change_time" value="{{ old('change_time', $currentBillingSetting->change_time) }}" id="change_time" readonly>
                                @error('change_time')
                                    <span id="change_time-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="next_fee_type">切換計費方式</label>
                                <select class="form-control" name="next_fee_type">
                                    @foreach(config('webCommonData.feeTypeDropdown') as $id => $name)
                                        @if($id != 8)
                                            <option value="{{ $id }}" @if(old('next_fee_type', $currentBillingSetting->next_fee_type) == $id) selected @endif>{{ $name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                @error('next_fee_type')
                                    <span id="next_fee_type-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="main_fee_type">變更計費後計費模式</label>
                                <select class="form-control" name="main_fee_type">
                                    @foreach(config('webCommonData.mainFeeTypeDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('main_fee_type', $currentBillingSetting->main_fee_type) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('main_fee_type')
                                    <span id="main_fee_type-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        @can('currentBillingSetting.update')
                            <button type="submit" class="btn btn-info">修改</button>
                        @endcan
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>
@endsection

@section('js')
@include('include.datePickerAndMask')
<script>
$(document).ready(function () {

  datePickerSetting.timePicker = true;
  datePickerSetting.locale.format = 'YYYY-MM-DD HH:mm';
  $('#change_time').daterangepicker(datePickerSetting);

  });
</script>
@endsection