@extends('layouts.app')

@section('content')
   <nav aria-label="breadcrumb" class="breadcrumb-nav">
                <div class="container">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html"><i class="icon-home"></i></a></li>
                        <li class="breadcrumb-item active" aria-current="page">Register</li>
                    </ol>
                </div><!-- End .container -->
            </nav>

            <div class="container">
                <div class="auth-form-wrapper">
                        <div class="heading">
                            <h2 class="title">Register</h2>
                            <p>If you have an account with us, please <a href="{{ route('login') }}" class="btn-link" style="padding-left:0px">login.</a></p>
                        </div><!-- End .heading -->
                      <!--  @if($errors->any())
                        {!! implode('', $errors->all('<div class="alert alert-danger">:message</div>')) !!}
                        @endif-->
                        @if (session('success'))
                        <div class="alert alert-success alert-dismissible fade show " role="alert">
                            {{ session('success') }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                              <span aria-hidden="true">&times;</span>
                            </button>
                          </div>
                       @endif
                
                       @if (session('error'))
                       <div class="alert alert-danger alert-dismissible fade show" role="alert">
                           {{ session('error') }}
                           <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                             <span aria-hidden="true">&times;</span>
                           </button>
                         </div>
                      @endif
                        <form class="form-horizontal" method="POST" action="{{route('register.store')}}">
                            {{ csrf_field() }}
                            <div class="form-group">
                                <label for="name" class="control-label">Name</label>
                                    <input id="name" type="text" class="form-control" name="name" value="{{ old('name') }}" autofocus>
                                    @if ($errors->has('name'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('name') }}</strong>
                                        </span>
                                    @endif
                            </div>
                            <div class="form-group">
                                <label for="phone" class="control-label">phone</label>
                                    <input id="phone" type="tel" class="form-control" name="phone" value="{{ old('phone') }}" autofocus>
                                    @if ($errors->has('phone'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('phone') }}</strong>
                                        </span>
                                    @endif
                            </div>
                            <div class="form-group">
                                <label for="email" class="control-label">E-Mail Address</label>        
                                    <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}">
                        
                                    @if ($errors->has('email'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('email') }}</strong>
                                        </span>
                                    @endif
                            </div>
                            <div class="form-group">
                                <label for="password" class="control-label">Password</label>
                                    <input id="password" type="password" class="form-control" name="password" value="{{ old('password') }}">
                                    @if ($errors->has('password'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('password') }}</strong>
                                        </span>
                                    @endif
                            </div>
                            <div class="form-group">
                                <label for="password-confirm" class="control-label">Confirm Password</label>
                                    <input id="password-confirm" type="password" class="form-control" name="password_confirmation" value="{{ old('password_confirmation') }}">
                                    @if ($errors->has('password_confirmation'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('password_confirmation') }}</strong>
                                    </span>
                                @endif
                                </div>
                                   <div class="form-group">
                                    <label for="referral_code" class="control-label">Referral Code</label>
                                        <input id="referral_code" type="password" class="form-control" name="referral_code" value="{{ old('referral_code') }}">
                                        @if ($errors->has('referral_code'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('referral_code') }}</strong>
                                        </span>
                                    @endif
                                    </div>
                            <div class="form-group">
                              <button type="submit" class="btn btn-primary">Register</button> 
                            </div>
                        </form>
                    </div>                
            </div><!-- End .container -->
@endsection