@extends('layouts.main')

@section('pageTitle', '商辦大樓設定-新增停車區域')

@section('content')
<!-- /.card-header -->
<div class="card-body">
<form action="{{ route('monthlyArea.store') }}" method="post">
    @csrf
    <div class="col-sm-6">
        <div class="form-group">
            @inject('monthlyAreasRepository', 'App\Repositories\MonthlyAreasRepository')
            <label for="transaction_token">區域編號</label>
            <input type="text" class="form-control" placeholder="區域編號" value="{{ $monthlyAreasRepository->getMaxValue('id') + 1 }}" disabled>
        </div>
        <div class="form-group">
            <label for="name">區域名稱</label>
            <input type="text" class="form-control" placeholder="區域名稱" name="name" value="{{ old('name') }}">
            @error('name')
                <span id="name-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label>類型</label>
            <select class="form-control" name="type">
                @foreach(config('webCommonData.monthlyAreaTypeDropdown') 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>
    <button type="submit" class="btn btn-primary">新增</button>
    <a class="btn btn-warning" href="{{ route('monthlyArea.index') }}">返回</a>
</form>
</div>
<!-- /.card-body -->
@endsection