@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="h4">会員情報を入力してください。</p>
                  <section id="" class="container mt50 mb50">
                    <form class="row form" action="{{route('swo2_4')}}" method="post">
                      <div class="col-12 col-md-3 offset-0 offset-md-1">
                        <label class="required">お名前</label>
                      </div>
                      <div class="col-12 col-lg-6 mb10">
                        <input type="text" class="form-control form-control-lg" name="name" value="{{ old('name') }}" placeholder="自転車　太郎">
                      </div>
                      <div class="col-12 col-md-3 offset-0 offset-md-1">
                        <label class="required">フリガナ</label>
                      </div>
                      <div class="col-12 col-lg-6 mb10">
                        <input type="text" class="form-control form-control-lg" name="kana" value="{{ old('kana') }}" placeholder="ジテンシャ　タロウ">
                      </div>
                      <div class="col-12 col-md-3 offset-0 offset-md-1">
                        <label class="required">電話番号（必須）</label>
                      </div>
                      <div class="col-12 col-lg-6 mb10">
                        <div class="row justify-content-between col-12 m-0 p-0">
                          <input type="text" maxlength="5" name="phone[]" value="{{ old('phone.0') }}" class="form-control form-control-lg check_key_int col-3"/>
                          <div class="align-self-center">ー</div>
                          <input type="text" maxlength="4" name="phone[]" value="{{ old('phone.1') }}" class="form-control form-control-lg check_key_int col-3"/>
                          <div class="align-self-center">ー</div>
                          <input type="text" maxlength="4" name="phone[]" value="{{ old('phone.2') }}" class="form-control form-control-lg check_key_int col-3"/>
                        </div>
                      </div>
                      <div class="col-12 col-md-3 offset-0 offset-md-1">
                        <label>予備電話番号（任意）</label>
                      </div>
                      <div class="col-12 col-lg-6 mb10">
                        <div class="row justify-content-between col-12 m-0 p-0">
                          <input type="text" maxlength="5" name="mobile[]" value="{{ old('mobile.0') }}" class="form-control form-control-lg check_key_int col-3"/>
                          <div class="align-self-center">ー</div>
                          <input type="text" maxlength="4" name="mobile[]" value="{{ old('mobile.1') }}" class="form-control form-control-lg check_key_int col-3"/>
                          <div class="align-self-center">ー</div>
                          <input type="text" maxlength="4" name="mobile[]" value="{{ old('mobile.2') }}" class="form-control form-control-lg check_key_int col-3"/>
                        </div>
                      </div>
                      <div class="col-12 col-md-3 offset-0 offset-md-1">
                        <label class="required">メールアドレス</label>
                      </div>
                      <div class="col-12 col-lg-6 mb10">
                        <input type="email" class="form-control form-control-lg" readonly="readonly" name="email" value="{{ session('email') }}">
                      </div>
                      <div class="col-12 col-md-3 offset-0 offset-md-1">
                        <label class="required">メールアドレスの確認</label>
                      </div>
                      <div class="col-12 col-lg-6 mb10">
                        <input type="email" class="form-control form-control-lg" readonly="readonly" name="email_c" value="{{ session('email') }}">
                      </div>
                      <div class="col-12 col-md-6 offset-0 offset-md-3 mt10">
                        <p style="color: red;">
                          @if ($errors->has('name')) {{ $errors->first('name') }}<br /> @endif
                          @if ($errors->has('kana')) {{ $errors->first('kana') }}<br /> @endif
                          @if ($errors->has('phone.*')) {{ $errors->first('phone.*') }}<br /> @endif
                          @if ($errors->has('mobile.*')) {{ $errors->first('mobile.*') }}<br /> @endif
                        </p>
                        <button type="submit" class="btn btn-block btn-lg btn-success">入力確認</button>
                      </div>
                      @csrf
                    </form>
                  </section>
                </div>
              </div>
            </div>
          </div>
        </section>
      </main>
@endsection