@extends('layouts.app')
@section('content')
<main>
    <header class="alert alert-success">
        <h4 class="container">空き待ち状況確認 > キャンセル</h4>
    </header>
    <section id="" class="container mt30 mb50">
        <div class="row">
            <div class="col-12 col-md-8 offset-0 offset-md-2 mb30">
                <h3 class="text-center alert-success">キャンセルしますか？</h3>
                <ul>
                    <li>キャンセル確定を押されますと確認ページは表示されません。即キャンセルになりますのでご注意ください。</li>
                    <li>一度キャンセルされると再度予約しても順番は最後になります。予めご了承ください。</li>
                    <li>再度予約を希望の場合は、空き待ち申込からお手続きください。</li>
                </ul>
            </div>
            <div class="col-12 col-md-4 offset-md-2 mt10">
                <a href="{{ route('park_waitlist.index') }}" class="btn btn-lg btn-block btn-outline-success">戻る</a>
            </div>
            <div class="col-12 col-md-4 offset-0 mt10">
                <form action="{{ route('park_waitlist.cancel.post', ['reserve_id' => $reserve_id]) }}" method="POST">
                    @csrf
                    <button type="submit" class="btn btn-lg btn-block btn-success">キャンセル確定</button>
                </form>
            </div>
        </div>
    </section>
</main>
@endsection