@extends('layouts.main')

@section('pageTitle', '月租時段-新增')

@section('content')
<!-- /.card-header -->
<div class="card-body">
<form action="{{ route('segmentRentGroup.store') }}" method="post">
    @csrf
    <div class="col-sm-6">
        <div class="form-group">
            <label>車種</label>
            <select class="form-control" name="vehicle_id">
                @inject('vehicleTypesRepository', 'App\Repositories\VehicleTypesRepository')
                @foreach($vehicleTypesRepository->getListByPluck('id', 'name', [['id', '<', 3]]) as $id => $name)
                    <option value="{{ $id }}" @if($id == old('vehicle_id', $vehicleTypeId)) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('vehicle_id')
                <span id="vehicle_id-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label>月租等級</label>
            <select class="form-control" name="monthly_level_id">
                @inject('monthlyLevelsRepository', 'App\Repositories\MonthlyLevelsRepository')
                @foreach($monthlyLevelsRepository->getListByPluck('id', 'name') as $id => $name)
                    @if ($id == 1)
                        @continue
                    @endif
                    <option value="{{ $id }}" @if($id == old('monthly_level_id')) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('monthly_level_id')
                <span id="monthly_level_id-error" class="validateError">{{ $message }}</span>
            @enderror
        </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', 0)) 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') }}" 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') }}">
            @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', 1)) 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', 0)) 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-primary">新增</button>
    <a class="btn btn-warning" href="{{ route('feeRentGroup.index', $vehicleTypeId) }}">返回</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