@extends('layouts.main')

@section('pageTitle', '月租名單 - 修改')

@section('content')
<!-- /.card-header -->
<div class="card-body">
<form action="{{ route('monthlyList.update', $monthlyList->id) }}" method="post">
    @csrf
    @method('PUT')
    <div class="col-sm-6">
        <div class="form-group">
            <label for="transaction_token">車牌</label>
            <input type="text" class="form-control" placeholder="車牌" name="transaction_token" value="{{ old('transaction_token', $monthlyList->transaction_token) }}">
            @error('transaction_token')
                <span id="transaction_token-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="start_date">起始日期</label>
            <input type="text" class="form-control" placeholder="起始日期" name="start_date" value="{{ old('start_date', $monthlyList->start_date) }}" id="startDate" readonly>
            @error('start_date')
                <span id="start_date-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="end_date">到期日期</label>
            <input type="text" class="form-control" placeholder="到期日期" name="end_date" value="{{ old('end_date', $monthlyList->end_date) }}" id="endDate" readonly>
            @error('end_date')
                <span id="end_date-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label>月租車類別</label>
            <select class="form-control" name="type">
                @foreach(config('webCommonData.monthlyTypeDropdown') as $value => $title)
                    <option value="{{ $value }}" @if($value == old('type', $monthlyList->type)) selected @endif>{{ $title }}</option>
                @endforeach
            </select>
            @error('type')
                <span id="type-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="name">使用者名稱</label>
            <input type="text" class="form-control" placeholder="使用者名稱" name="name" value="{{ old('name', $monthlyList->name) }}">
            @error('name')
                <span id="name-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="user_identity_number">證件號碼</label>
            <input type="text" class="form-control" placeholder="證件號碼" name="user_identity_number" value="{{ old('user_identity_number', $monthlyList->user_identity_number) }}">
            @error('user_identity_number')
                <span id="user_identity_number-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="phone">聯絡電話</label>
            <input type="text" class="form-control" placeholder="聯絡電話" name="phone" value="{{ old('phone', $monthlyList->phone) }}">
            @error('phone')
                <span id="phone-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="address">地址</label>
            <input type="text" class="form-control" placeholder="地址" name="address" value="{{ old('address', $monthlyList->address) }}">
            @error('address')
                <span id="address-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="position_number">車位號碼</label>
            <input type="text" class="form-control" placeholder="車位號碼" name="position_number" value="{{ old('position_number', $monthlyList->position_number) }}">
            @error('position_number')
                <span id="position_number-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label>月租等級</label>
            <select class="form-control" name="monthly_level">
                @inject('monthlyLevelsRepository', 'App\Repositories\MonthlyLevelsRepository')
                @foreach($monthlyLevelsRepository->getListByPluck('id', 'name') as $id => $name)
                    <option value="{{ $id }}" @if($id == old('monthly_level', $monthlyList->monthly_level)) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('monthly_level')
                <span id="monthly_level-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label>是否啟用</label>
            <select class="form-control" name="is_enable">
                @foreach(config('webCommonData.enableDropdown') as $value => $title)
                    <option value="{{ $value }}" @if($value == old('is_enable', $monthlyList->is_enable)) selected @endif>{{ $title }}</option>
                @endforeach
            </select>
            @error('is_enable')
                <span id="is_enable-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label>車種</label>
            <select class="form-control" name="vehicle_type">
                @inject('vehicleTypesRepository', 'App\Repositories\VehicleTypesRepository')
                @foreach($vehicleTypesRepository->getListByPluck('id', 'name', [['id', '<', 3]]) as $id => $name)
                    <option value="{{ $id }}"  @if($id == old('vehicle_type', $monthlyList->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="monthly_group_id">
                @inject('monthlyListPresenter', 'App\Presenters\MonthlyListPresenter')
                <option value="">搜尋或選擇選項</option>
                @foreach($monthlyListPresenter->getMonthlyGroupList() as $id => $name)
                    <option value="{{ $id }}" @if($id == old('monthly_group_id', $monthlyList->monthly_group_id)) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            @error('monthly_group_id')
                <span id="monthly_group_id-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="expenses">月租收款費用</label>
            <input type="text" class="form-control" placeholder="月租收款費用" name="expenses" value="{{ old('expenses', $monthlyList->expenses) }}">
            @error('expenses')
                <span id="expenses-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="expenses">商辦大樓月租區域</label> ＊商辦大樓模式請設定月租區。<br>
            @inject('monthlyAreasRepository', 'App\Repositories\MonthlyAreasRepository')
            @foreach ($monthlyAreasRepository->getAllByWhere(['type' => 2]) as $monthlyArea)
                <label style='margin-right:20px;'>
                    <input type='checkbox' name='monthlyAreas[]' value='{{ $monthlyArea->id }}' @if (in_array($monthlyArea->id, $monthlyAreas)) checked @endif>&nbsp;&nbsp; {{ $monthlyArea->name }}
                </label>
            @endforeach
        </div>
    </div>
    <button type="submit" class="btn btn-info">修改</button>
    <a class="btn btn-warning" href="{{ route('monthlyList.index') }}">返回</a>
</form>
</div>
<!-- /.card-body -->
@endsection

@section('js')
@include('include.datePickerAndMask')

<link href="{{ asset('css/select2.min.css') }}?v={{ filemtime(public_path('css/select2.min.css')) }}" rel="stylesheet">
<script src="{{ asset('js/select2.min.js') }}?v={{ filemtime(public_path('js/select2.min.js')) }}"></script>

<style>
/* 調整 Select2 的高度 */
.select2-container--default .select2-selection--single {
    height: calc(2.25rem + 2px) !important;  /* 設置與 Bootstrap form-control 的高度一致 */
    line-height: calc(2.25rem + 2px) !important;  /* 設置與 Bootstrap form-control 的行高一致 */
    padding: 0.375rem 0.75rem !important;  /* 設置內邊距，與 Bootstrap 一致 */
}
</style>

<script>
$(document).ready(function () {
    $('#startDate, #endDate').daterangepicker(datePickerSetting);

    $('select[name="monthly_group_id"]').select2({
        placeholder: "搜尋或選擇選項", // 占位符
        allowClear: false,     // 顯示清除按鈕
        width: '100%',        // 設置寬度與表單一致
        minimumResultsForSearch: 1
    });
});
</script>
@endsection