@extends('layouts.general')
@section('content')
      <main role="main" id="" class="">
        <section id="" class="container mt20 mb20">
          <div class="row">
            <div class="col-12 col-lg-10 offset-0 offset-lg-1 mt20 mb20">
              <div class="card border-success">
                <div class="card-header border-success">
                  <h5 class="card-title text-success">新規会員登録</h5>
                </div>
                <div class="card-body mt30">
                  <p class="mb30">会員登録ページのご案内をお送りします。お客様のメールアドレスをご入力ください。</p>
                  <form class="row form" action="{{route('swo2_2')}}" method="post">
                    <div class="col-12 col-lg-3 text-lg-center offset-0 offset-lg-1">
                      <label for="">メールアドレス</label>
                    </div>
                    <div class="col-12 col-lg-7 mb10">
                      <input type="email" name="email" class="form-control form-control-lg" placeholder="info@so-manager.com" value="{{ old('email') }}"/>
                      @if($errors->has('email'))
                        <div class="text-danger">{{ $errors->first('email') }}</div>
                      @endif
                    </div>
                    <div class="col-12 col-lg-6 text-lg-center offset-0 offset-lg-3 mt30 mb50">
                      <button type="submit" class="btn btn-block btn-lg btn-success">送信する</button>
                      <a href="{{route('swo1_1')}}" class="btn btn-block btn-lg btn-outline-success">戻る</a>
                    </div>
                    @csrf
                  </form>
                </div>
              </div>
            </div>
          </div>
        </section>
        </main>
      <!-- ▲　メイン部分　▲ -->
      <!-- ▼　モーダル部分　▼ -->
      @if(!$errors->has('email'))
        <div class="modal fade" id="cautionModal" tabindex="-1" role="dialog" aria-labelledby="cautionModalLabel">
          <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content px-5 py-5">
              <div class="modal-body">
                <h1 class="text-center">注意事項</h1><hr>
                <p>1) so-manage.comからのメールを受信できるようドメイン指定受信設定をしてください。</p>
                <p class="mb50">2) メールアドレスの開始が.（ドット）から始まるメールアドレスや＠の前に.（ドット）が複数続くメールアドレスなどはso-manager.comからのメールを受け付けない場合があります。この場合は、別のメールアドレスをご登録ください。</p>
                <button type="button" class="btn btn-block btn-lg btn-success" data-dismiss="modal">OK</button>
              </div><!-- /.modal-body -->
            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
        <script>jQuery(document).ready(function(){jQuery('#cautionModal').modal('show');});</script>
      @endif
      <!-- ▲　モーダル部分　▲ -->
@endsection