@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">
                <form action="https://map.so-manager.com/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-12">会員情報を入力してください。</label></div>
                  <div class="form-group row"><label class="col-3">お名前<span class="text-danger">*</span></label>
                    <div class="col-9"><input class="form-control" type="text" name="user_name" value=""></div>
                  </div>
                  <div class="form-group row">
                    <label class="col-3">フリガナ<span class="text-danger">*</span></label>
                    <div class="col-9"><input class="form-control" type="text" name="user_phonetic" value=""></div>
                  </div>
                  <div class="form-group row">
                    <label class="col-3">メールアドレス<span class="text-danger">*</span></label>
                    <div class="col-9"><input class="form-control" type="text" name="user_primemail" value=""></div>
                  </div>
                  <div class="form-group row">
                    <label class="col-3">メールアドレスの確認<span class="text-danger">*</span></label>
                    <div class="col-9"><input class="form-control" type="text" name="user_primemail_confirmation"></div>
                  </div>
                  <div class="form-group row">
                    <label class="col-3">電話番号<span class="text-danger">*</span></label>
                    <div class="col-9 d-flex">
                      <input class="form-control col-4" type="text" name="user_homephone[]" value="">
                      <input class="form-control col-4" type="text" name="user_homephone[]" value="">
                      <input class="form-control col-4" type="text" name="user_homephone[]" value="">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="col-3">予備電話番号</label>
                    <div class="col-9 d-flex">
                      <input class="form-control col-4" type="text" name="user_mobile[]" value="">
                      <input class="form-control col-4" type="text" name="user_mobile[]" value="">
                      <input class="form-control col-4" type="text" name="user_mobile[]" value="">
                    </div>
                  </div>
                  <div class="row mt-4"><a href="./swc25_confirm.html" class="btn btn-block btn-lg btn-success">入力確認</a></div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>

    <div class="modal fade" id="privacy-modal" tabindex="-1" role="dialog" aria-labelledby="cautionModalLabel">
      <div class="modal-dialog modal-lg " role="document">
        <div class="modal-content p-1 border border-success">
          <div class="modal-body">
            <h3 class="text-center">So-Manager『個人情報の取り扱い』について</h3><hr class="bg-success">
            <div><p>本システムをご利用頂くにあたり、「個人情報」の取得をさせて頂きますので、以下の内容をご確認・ご了承の上、ご利用くださいますようお願いいたします。</p></div>
            <div>
              <strong>【取得させていただく目的】</strong>
              <p>・定期利用の場合－取得させて頂く「個人情報」の利用目的は、以下のとおりです。<br>
                （ａ）定期利用に関しての予約及び契約管理のため<br>
                （ｂ）各種ご連絡のため<br>
                （ｃ）学生その他の割引適応のため<br>
                （ｄ）ご本人確認のため
              </p>
            </div>
            <div>
              <strong>【ご提供いただく内容について】</strong>
              <div>取得させていただく「個人情報」のうち、必須項目は以下のとおりです。</div>
              <div class="d-flex"><span>（１）</span><span>必須の項目：氏名、郵便番号、住所、電話番号、メールアドレス、生年月日、解約返金をする場合の振込口座</span></div>
              <div class="d-flex"><span>（２）</span><span>任意の項目：勤務先及び勤務先住所、学校名、未成年の場合は保護者氏名及び生年月日、福祉情報</span></div>
            </div><br>
            <div>
              <strong>【ご提供いただけなかった場合の影響について】</strong>
              <div class="d-flex"><span>（１）</span><span>の必須項目がご提供頂けない場合、駐輪場の契約ができません。</span></div>
              <div class="d-flex"><span>（２）</span><span>の任意の項目がご提供いただけない場合、割引・減額・免除などが受けられないことがあります。</span></div>
            </div><br>
            <div>
              <strong>【個人情報の提供について】</strong>
              <p>取得させていただく「個人情報」の内、必要最小限の情報を、決済代行会社及びシステム制作会社に提供いたします。</p>
            </div>
            <div>
              <strong>【個人情報の外部委託について】</strong>
              <p>業務の必要な範囲において、一部を外部に委託することがあります。委託する場合、個人情報を適切に取り扱っていると認められる委託先と機密保持契約を締結し、個人情報の適切な取り扱い、管理を実施します。</p>
            </div>
            <div>
              <strong>【個人情報に関するお問い合わせについて】</strong>
              <p>（１）個人情報の開示・訂正・削除の対応について<br>
                  　今回取得させていただく「個人情報」に関して開示するよう請求することができます。また万一登録内容が不正確または誤りであることが判明した場合には、当社は速やかに訂正または削除に応じさせていただきます。<br>
                  （２）利用・提供中止の申出について<br>
                  　当社が当該情報を利用している場合であっても、申請者から中止の申し出があった場合は、それ以降当社での利用を中止する措置をとります。（定期利用の場合、解約されるものとみなします。）<br>
                  （３）お問合せ窓口及び管理者<br>
                  　ご自身の個人情報の開示・訂正・削除のお問合せや、利用中止の申出等に関しましては、以下にご連絡ください。
              </p>
            </div>
            <div><p>個人情報受付担当：個人情報保護管理者<br>電話番号：03-5856-4647&emsp;ＦＡＸ番号：03-5856-4648<br>Mail：privacy@so-rin.jp</p></div>
            <div><p>個人情報の開示、訂正、削除、利用停止については、<a target="_blank" href="./privacy_disclosure/">こちら</a>をご覧下さい。</p></div>
            <div class="text-center row"><button type="button" class="col-8 offset-2 btn btn-lg btn-success mt-5" data-dismiss="modal">確認して同意する</button></div>
          </div><!-- /.modal-body -->
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <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
