@extends('layouts.main')

@section('pageTitle', '月租時段-修改')

@section('content')
<!-- /.card-header -->
<div class="card-body">
<form action="{{ route('segmentRentGroup.update', $segment->id) }}" method="post">
    @csrf
    @method('PUT')
    <div class="col-sm-6">
        <div class="form-group">
            <label>車種</label><br>
            @inject('vehicleTypesRepository', 'App\Repositories\VehicleTypesRepository')
            {{ $vehicleTypesRepository->getListByPluck('id', 'name', [['id', '<', 3]])[$segment->vehicle_id] }}
        </div>
        <div class="form-group">
            <label>月租等級</label><br>
            @inject('monthlyLevelsRepository', 'App\Repositories\MonthlyLevelsRepository')
            {{ $monthlyLevelsRepository->getListByPluck('id', 'name')[$segment->monthly_level_id] }}
        </div>
        <div class="form-group">
            <label>平假日</label>
            <select class="form-control" name="is_holiday">
                @foreach(config('webCommonData.holidayTypeDropdown') as $value => $title)
                    <option value="{{ $value }}" @if($value == old('is_holiday', $segment->is_holiday)) selected @endif>{{ $title }}</option>
                @endforeach
            </select>
            @error('is_holiday')
                <span id="is_holiday-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="start_segment">起始時段</label>
            <input type="text" class="form-control" placeholder="起始時段" name="start_segment" value="{{ old('start_segment', $segment->start_segment) }}" data-inputmask-alias="datetime" data-inputmask-inputformat="HH:MM" data-mask>
            @error('start_segment')
                <span id="start_segment-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="end_segment">結束時段</label>
            <input type="text" class="form-control" placeholder="結束時段" name="end_segment" value="{{ old('end_segment', $segment->end_segment) }}">
            @error('end_segment')
                <span id="end_segment-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label>時段別</label>
            <select class="form-control" name="type">
                @foreach(config('webCommonData.segmentTypeDropdown') as $value => $title)
                    <option value="{{ $value }}" @if($value == old('type', $segment->type)) selected @endif>{{ $title }}</option>
                @endforeach
            </select>
            @error('type')
                <span id="type-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label>跨時段狀態</label>
            <select class="form-control" name="is_across_segment">
                @foreach(config('webCommonData.segmentAcrossTypeDropdown') as $value => $title)
                    <option value="{{ $value }}" @if($value == old('is_across_segment', $segment->is_across_segment)) selected @endif>{{ $title }}</option>
                @endforeach
            </select>
            @error('is_across_segment')
                <span id="is_across_segment-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <button type="submit" class="btn btn-info">修改</button>
    <a class="btn btn-warning" href="{{ route('feeRentGroup.index', $segment->vehicle_id) }}">返回</a>
</form>
</div>
<!-- /.card-body -->
@endsection

@section('js')
@include('include.datePickerAndMask')
<script>
$(document).ready(function () {
    $('[name=start_segment]').inputmask();

    $("[name=end_segment]").inputmask("99:99",{
        "oncomplete": function () {
            if(!checkTimeFormat($(this).val())){
                alert("時間格式不正確！");
                $(this).val('');
                return false;
            }
        }
    });
});
</script>
@endsection