<!-- Modal content-->
<div id="joinRoom" class="modal fade" role="dialog">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <div class="modal-header">
            <h4 class="modal-title">Join a Match Room</h4>
         </div>
         <div class="modal-body">
            <div class="row">
               <div class="col-md-8 offset-md-2">
                  <div class="card" >
                     <div class="card-header">Hello {{Auth::user()->display_name}}, I need a little information from you.</div>
                     <form role="form" method="POST" action="#">
                        <div class="card-block">

													<div class="row">
                              <div class="col-md-12">
                           <label for="invite_url">Ask the match owner for the invite code</label>
                           <div class="input-group">
                              <span class="input-group-addon" id="basic-addon3">Invite Code</span>
                              <input type="text" class="form-control" name="invite_url" id="invite_url" value="{{ old('invite_url') }}" aria-describedby="basic-addon3">
                           </div>
                           @if ($errors->has('invite_url'))
                           <div class="alert alert-danger" role="alert">
                              <strong>{{ $errors->first('invite_url') }}</strong>
                           </div>
                           @endif
														</div>
													</div>

                     </form>
                     </div>
                  </div>
               </div>
            </div>
            <div class="modal-footer">
               <input type="hidden" name="_token" value="{{Session::token()}}">
               <button type="submit" class="btn btn-info">
               Join Match Room
               </button>
            </div>
         </div>
         </form>
      </div>
   </div>
</div>
</div>