@if(Session::has('success'))
    <div class="alert alert-success alert-dismissible" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        {{ Session::get('success') }}
    </div>
@elseif(Session::has('error'))
    <div class="alert alert-danger alert-dismissible">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        <h4><i class="icon fa fa-ban"></i> {{__('誤差')}}:</h4>
        {!! Session::get('error') !!}
    </div>
@endif

<div class="card-body">
    {{-- バリデーションエラー表示 --}}
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="row">

        <!-- 近傍駅ID（自動採番） -->
        <div class="col-3">
            <label>{{ __('近傍駅ID') }}</label>
        </div>
        <div class="form-group col-9">
            <div class="input-group">
                <input type="text" name="station_id"
                    class="form-control text-right bg-light"
                    value="{{ old('station_id', $station->station_id ?? '') }}"
                    maxlength="10" readonly>
            </div>
        </div>

        <!-- 駐輪場ID -->
        <div class="col-3">
            <label>{{ __('駐車場ID') }}</label>
        </div>
        <div class="form-group col-9">
            <div class="input-group">
                <input type="text" name="park_id"
                    class="form-control text-right bg-light"
                    value="{{ old('park_id', $station->park_id ?? '') }}"
                    maxlength="10" readonly>
            </div>
        </div>

        <!-- 近傍駅 -->
        <div class="form-group col-3">
            <label class="required">{{ __('近傍駅') }}</label>
        </div>
        <div class="form-group col-9">
            <div class="input-group">
                <input type="text" name="station_neighbor_station"
                    class="form-control"
                    value="{{ old('station_neighbor_station', $station->station_neighbor_station ?? '') }}"
                    maxlength="50" required>
            </div>
            @error('station_neighbor_station')
                <div class="text-danger small">{{ $message }}</div>
            @enderror
        </div>

        <!-- 近傍駅ふりがな -->
        <div class="form-group col-3">
            <label class="required">{{ __('近傍駅ふりがな') }}</label>
        </div>
        <div class="form-group col-9">
            <div class="input-group">
                <input type="text" name="station_name_ruby"
                    class="form-control"
                    value="{{ old('station_name_ruby', $station->station_name_ruby ?? '') }}"
                    maxlength="50" required>
            </div>
            @error('station_name_ruby')
                <div class="text-danger small">{{ $message }}</div>
            @enderror
        </div>

        <!-- 路線名 -->
        <div class="form-group col-3">
            <label class="required">{{ __('路線名') }}</label>
        </div>
        <div class="form-group col-9">
            <div class="input-group">
                <input type="text" name="station_route_name"
                    class="form-control"
                    value="{{ old('station_route_name', $station->station_route_name ?? '') }}"
                    maxlength="50" required>
            </div>
            @error('station_route_name')
                <div class="text-danger small">{{ $message }}</div>
            @enderror
        </div>

        <!-- 緯度 -->
        <div class="form-group col-3">
            <label class="required">{{ __('近傍駅座標（緯度）') }}</label>
        </div>
        <div class="form-group col-9">
            <div class="input-group">
                <input type="number" name="latitude"
                    class="form-control"
                    value="{{ old('latitude', $station->latitude ?? '') }}"
                    step="any" maxlength="20" required>
            </div>
            @error('latitude')
                <div class="text-danger small">{{ $message }}</div>
            @enderror
        </div>

        <!-- 経度 -->
        <div class="form-group col-3">
            <label class="required">{{ __('近傍駅座標（経度）') }}</label>
        </div>
        <div class="form-group col-9">
            <div class="input-group">
                <input type="number" name="longitude"
                    class="form-control"
                    value="{{ old('longitude', $station->longitude ?? '') }}"
                    step="any" maxlength="20" required>
            </div>
            @error('longitude')
                <div class="text-danger small">{{ $message }}</div>
            @enderror
        </div>

    </div>

    {{-- ▼ 下部ボタン --}}
    <div class="form-group col-12 d-flex gap-2 mt-4">
        {{-- 登録ボタン --}}
        <button type="submit" class="btn btn-lg btn-success mr-2">{{ __('登録') }}</button>

        {{-- 削除ボタン（編集画面のみ表示） --}}
        @if(!empty($station->station_id))
            </form>
            <form method="POST" action="{{ route('stations_delete') }}"
                onsubmit="return confirm('本当に削除しますか？')" class="d-inline-block">
                @csrf
                <input type="hidden" name="pk" value="{{ $station->station_id }}">
                <button type="submit" class="btn btn-lg btn-danger mr-2">{{ __('削除') }}</button>
            </form>
        @endif
    </div>

</div>
<!-- /.card-body -->