@extends('layouts.general')
@section('content')
    <main role="main">
      <div class="container">
        <div class="row">
          <div class="col-12 col-lg-10 offset-0 offset-lg-1 mt-4 mb-5">
            <div class="card">
              <div class="card-header border-danger alert alert-danger">
                <h4 class="text-center mb-0">新規会員登録と空き待ち予約<br>空き待ち予約駐輪場</h4>
              </div>
              <div class="card-body col-10 align-self-center">
                <form action="https://map.so-manager.com/confirm-swc25?instance_id=1&amp;park_id=25&amp;reservation=1" method="post" autocomplete="off">
                  <input type="hidden" name="_token" value="4j3ETD2r4LxaI7BKhnI7R8KbpftxMksMT9FSdGYd">
                  <div class="form-group row">
                    <label class="text-alert-danger col-3"><h5>希望契約駐輪場</h5></label><span class="text-alert-danger col-9"><h5>新田端大橋北自転車駐車場</h5></span>
                  </div>
                  <div class="form-group row"><label class="col-3">お名前</label><div class="col-9"><b>test</b></div></div>
                  <div class="form-group row"><label class="col-3">フリガナ</label><div class="col-9"><b>テスト</b></div></div>
                  <div class="form-group row"><label class="col-3">メールアドレス</label><div class="col-9"><b>a@b.co.jp</b></div></div>
                  <div class="form-group row"><label class="col-3">電話番号</label><div class="col-9 d-flex"><b>111-222-3333</b></div></div>
                  <div class="form-group row"><label class="col-3">予備電話番号</label><div class="col-9 d-flex"><b></b></div></div>
                  <div class="alert alert-danger alert-dismissible text-center"><h4 style="left: 0">！こ注意！ </h4>
                    登録ボタンを押すと、契約手続に進む確認メールが送信されます。<br>
                    受信できるよう、事前に『so-manager.comのドメイン指定受信設定」をお願いいたします。 
                  </div>
                  <div class="row mt-4 justify-content-around">
                    <a href="./complete.html" class="col-4 btn btn-success">登録</a>
                    <a href="./search.html" class="col-4 btn btn-light border border-dark">戻る</a>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
    <script src="./js/vendor/holder.min.js"></script>
    <script src="https://map.so-manager.com/plugins/jquery/jquery.js"></script>
    <script src="https://map.so-manager.com/js/app.js"></script>
    <script src="./js/vendor/anchor.min.js"></script>
    <script src="./js/vendor/clipboard.min.js"></script>
    <script src="./js/vendor/bs-custom-file-input.min.js"></script>
    <script src="./js/src/search.js"></script>
    <script src="./js/src/ie-emulation-modes-warning.js"></script>
    <script src="./assets/js/lightbox2-dev/src/js/lightbox.js" type="text/javascript"></script>
    <script src="./assets/js/commons.js"></script>
    <script src="./assets/js/main.js"></script>
    <script type="text/javascript">$(document).ready(function() {$('#privacy-modal').modal('toggle')})</script>
@endsection