@extends('layouts.app')
@section('title', '駐輪場マスタ 編集')

@section('content')
{{-- ▼ パンくず --}}
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-lg-6">
        <h1 class="m-0 text-dark">編集</h1>
      </div>
      <div class="col-lg-6">
        <ol class="breadcrumb float-sm-right text-sm">
          <li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
          <li class="breadcrumb-item"><a href="{{ route('parks') }}">駐輪場マスタ</a></li>
          <li class="breadcrumb-item active">編集</li>
        </ol>
      </div>
    </div>
  </div>
</div>

{{-- ▼ 編集フォーム --}}
<div class="card shadow">
  <form id="park-edit-form" method="POST" action="{{ route('parks.update', $park->park_id) }}" enctype="multipart/form-data">
    @csrf
    @method('PUT')

    <div class="card-header">
      {{-- ▼ ボタンエリア（上部） --}}
      <div class="mt-2">
        <button type="button" class="btn btn-default mt-2 btn-submit">登録</button>
        <a href="javascript:void(0)" class="btn btn-default mt-2">減免確認編集</a>
        <a href="javascript:void(0)" class="btn btn-default mt-2">駐輪状況編集</a>
        <button type="button" class="btn btn-default mt-2">削除</button>
      </div>
    </div>
    <div class="card-body">
      {{-- ▼ 入力フォーム --}}
      @include('admin.parks._form')

      {{-- ▼ フッター（下部ボタン） --}}
      <div class="form-footer mt-4 text-end">
        <button type="button" class="btn btn-default btn-submit">登録</button>
        <a href="{{ route('parks') }}" class="btn btn-default">戻る</a>
      </div>
    </div>
  </form>
</div>

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- jQuery Confirm -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-confirm@3.3.4/css/jquery-confirm.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery-confirm@3.3.4/js/jquery-confirm.min.js"></script>

<script>
$(function () {
  $('.btn-submit').on('click', function () {
    $.confirm({
      title: '登録確認',
      content: 'この内容で登録してよろしいですか？',
      buttons: {
        はい: {
          btnClass: 'btn-primary',
          action: function () {
            $('#park-edit-form').submit();
          }
        },
        いいえ: function () {}
      }
    });
  });
});
</script>
@endsection