@extends('adminlte::page')

@section('title', '通知条件作成')

@section('content_header')
    <h1>通知条件作成</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-body">
            <form action="{{ route('notification-conditions.store') }}" method="POST">
                @csrf
                <div class="form-group">
                    <label for="name">条件名 <span class="text-danger">*</span></label>
                    <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" 
                           value="{{ old('name') }}" required placeholder="例：北海道の3000万円以下のマンション">
                    @error('name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="conditions[prefecture_id]">都道府県</label>
                    <select name="conditions[prefecture_id]" id="conditions[prefecture_id]" class="form-control @error('conditions.prefecture_id') is-invalid @enderror">
                        <option value="">選択してください</option>
                        @foreach($prefectures as $prefecture)
                            <option value="{{ $prefecture->id }}" {{ old('conditions.prefecture_id') == $prefecture->id ? 'selected' : '' }}>
                                {{ $prefecture->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('conditions.prefecture_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="conditions[property_type]">物件種別</label>
                    <select name="conditions[property_type]" id="conditions[property_type]" class="form-control @error('conditions.property_type') is-invalid @enderror">
                        <option value="">選択してください</option>
                        @foreach($propertyTypes as $type)
                            <option value="{{ $type }}" {{ old('conditions.property_type') == $type ? 'selected' : '' }}>
                                {{ $type }}
                            </option>
                        @endforeach
                    </select>
                    @error('conditions.property_type')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="conditions[min_price]">最低価格</label>
                            <div class="input-group">
                                <input type="number" name="conditions[min_price]" id="conditions[min_price]" 
                                       class="form-control @error('conditions.min_price') is-invalid @enderror"
                                       value="{{ old('conditions.min_price') }}" min="0" step="10000">
                                <div class="input-group-append">
                                    <span class="input-group-text">円</span>
                                </div>
                            </div>
                            @error('conditions.min_price')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="conditions[max_price]">最高価格</label>
                            <div class="input-group">
                                <input type="number" name="conditions[max_price]" id="conditions[max_price]" 
                                       class="form-control @error('conditions.max_price') is-invalid @enderror"
                                       value="{{ old('conditions.max_price') }}" min="0" step="10000">
                                <div class="input-group-append">
                                    <span class="input-group-text">円</span>
                                </div>
                            </div>
                            @error('conditions.max_price')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="conditions[min_area]">最小面積</label>
                            <div class="input-group">
                                <input type="number" name="conditions[min_area]" id="conditions[min_area]" 
                                       class="form-control @error('conditions.min_area') is-invalid @enderror"
                                       value="{{ old('conditions.min_area') }}" min="0" step="0.01">
                                <div class="input-group-append">
                                    <span class="input-group-text">㎡</span>
                                </div>
                            </div>
                            @error('conditions.min_area')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="conditions[max_area]">最大面積</label>
                            <div class="input-group">
                                <input type="number" name="conditions[max_area]" id="conditions[max_area]" 
                                       class="form-control @error('conditions.max_area') is-invalid @enderror"
                                       value="{{ old('conditions.max_area') }}" min="0" step="0.01">
                                <div class="input-group-append">
                                    <span class="input-group-text">㎡</span>
                                </div>
                            </div>
                            @error('conditions.max_area')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="conditions[division_type]">区分</label>
                    <input type="text" name="conditions[division_type]" id="conditions[division_type]" 
                           class="form-control @error('conditions.division_type') is-invalid @enderror"
                           value="{{ old('conditions.division_type') }}" placeholder="例：区分所有建物">
                    @error('conditions.division_type')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary">作成</button>
                    <a href="{{ route('notification-conditions.index') }}" class="btn btn-secondary">キャンセル</a>
                </div>
            </form>
        </div>
    </div>
@stop