@extends('layouts.app')
@section('content')
<div style="margin-top: 40px;">
  <div class="card col-md-6 offset-3">
  <div class="card-header bg-transparent text-center">
    Register
  </div>
  <div class="card-body">
   <form method="POST" action="{{route('register.process')}}">
    @csrf
  <div class="form-group">
    <label>Name</label>
    <input type="text" class="form-control" id="formGroupExampleInput" name="name">
        @if($errors->has('name'))
                       <span class="help-block">
                           <strong>{{$errors->first('name')}}</strong>
                       </span>
          @endif
  </div>
  <div class="form-group">
    <label>Email</label> 
    <input type="email" class="form-control" id="formGroupExampleInput2" name="email">
    @if($errors->has('email'))
                       <span class="help-block">
                           <strong>{{$errors->first('email')}}</strong>
                       </span>
          @endif
  </div>
   <div class="form-group">
    <label>Grade</label>
    <select name="grade" class="form-control">
      <option value="1">Grade 1</option>
      <option value="2">Grade 2</option>
      <option value="3">Grade 3</option>
      <option value="4">Grade 4</option>
      <option value="5">Grade 5</option>
      <option value="6">Grade 6</option>
      <option value="7">Grade 7</option>
      <option value="8">Grade 8</option>
      <option value="9">Grade 9</option>
      <option value="10">Grade 10</option>
    </select>
  </div>
  @if($errors->has('grade'))
                       <span class="help-block">
                           <strong>{{$errors->first('grade')}}</strong>
                       </span>
          @endif
  <div class="form-group">
    <label>Password</label>
    <input type="password" name="password" class="form-control">
      @if($errors->has('password'))
                       <span class="help-block">
                           <strong>{{$errors->first('password')}}</strong>
                       </span>
          @endif
  </div>

  <div class="form-group">
    <label>Confirm Password</label>
    <input type="password" name="password_confirmation" class="form-control">
  
  </div>
  <div class="form-group">
    <button class="btn btn-success btn-block">Register</button>
  </div>
</form>
  </div>
</div>
</div>
@endsection