@extends('layouts.general')
@section('content')
      <style type="text/css">
        #formWrap {
          width:700px;
          margin:0 auto;
          color:#555;
          line-height:120%;
          font-size:90%;
        }
        table.formTable{
          width:100%;
          margin:0 auto;
          border-collapse:collapse;
        }
        table.formTable td,table.formTable th{
          border:1px solid #ccc;
          padding:10px;
        }
        table.formTable th{
          width:30%;
          font-weight:normal;
          background:#efefef;
          text-align:left;
        }
        p.error_messe{
          margin:5px 0;
          color:red;
        }
        @media screen and (max-width:572px) {
          #formWrap {
            width:95%;
            margin:0 auto;
          }
          table.formTable th, table.formTable td {
            width:auto;
            display:block;
          }
          table.formTable th {
            margin-top:5px;
            border-bottom:0;
          }
          input[type="submit"], input[type="reset"], input[type="button"] {
            display:block;
            width:100%;
            height:40px;
          }
        }
      </style>
      <div id="formWrap">
        <h2 class="text-center mt50 mb30">確認画面</h2>
        <p align="center">以下の内容で間違いがなければ、「送信する」ボタンを押してください。</p>
        <form method="POST" action="{{route('swo7_3')}}">
          <table class="formTable table">
            <tbody>
              @foreach($input_data as $value)
                <tr>
                  <th>{{ $value[2] }}</th><td>{{ $value[1] }}</td>
                  <input name="{{ $value[0] }}" type="hidden" value="{{ $value[1] }}">
                </tr>
              @endforeach
            </tbody>
          </table>
          <p align="center" class="mt50 mb50">
            <button type="submit" class="btn btn-success" name='submit' value="complete">送信する</button>
            <button type="submit" class="btn btn-outline-success" name='back' value="back">前画面に戻る</button>
          </p>
          @csrf
        </form>
      </div>
@endsection