@extends('layouts.auth-master')

@section('content')
@include('layouts.partials.messages')

<p class="login-box-msg">Register a new account</p>



<form method="post" action="{{ route('register.perform') }}">

    <input type="hidden" name="_token" value="{{ csrf_token() }}" />



    <label>Username</label>

    <div class="input-group mb-3">

        <input type="text" name='username' class="form-control" placeholder="Username" value="{{ old('username') }}">

        <div class="input-group-append">

            <div class="input-group-text">

                <span class="fas fa-user"></span>

            </div>

        </div>



    </div>

    @if ($errors->has('username'))

    <div class="alert alert-danger alert-dismissible">

        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

        {{ $errors->first('username') }}

    </div>

    @endif



    <label>Email</label>

    <div class="input-group mb-3">

        <input type="email" name='email' class="form-control" placeholder="Email" value="{{ old('email') }}">

        <div class="input-group-append">

            <div class="input-group-text">

                <span class="fas fa-envelope"></span>

            </div>

        </div>

    </div>

    @if ($errors->has('email'))

    <div class="alert alert-danger alert-dismissible">

        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

        {{ $errors->first('email') }}

    </div>

    @endif

    <label>Password</label>

    <div class="input-group mb-3">

        <input type="password" class="form-control" placeholder="Password" name="password" value="{{ old('password') }}">

        <div class="input-group-append">

            <div class="input-group-text">

                <span class="fas fa-lock"></span>

            </div>

        </div>

    </div>



    @if ($errors->has('password'))

    <div class="alert alert-danger alert-dismissible">

        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

        {{ $errors->first('password') }}

    </div>

    @endif



    <label>Confirm Password</label>

    <div class="input-group mb-3">

        <input type="password" class="form-control" placeholder="Retype password" name='password_confirmation' value="{{ old('password_confirmation')}}">

        <div class="input-group-append">

            <div class="input-group-text">

                <span class="fas fa-lock"></span>

            </div>

        </div>

    </div>

    @if ($errors->has('password_confirmation'))

    <div class="alert alert-danger alert-dismissible">

        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

        {{ $errors->first('password_confirmation') }}

    </div>

    @endif

    <div class=" row">

        <div class="col-8">

            <div class="icheck-primary">

                <input type="checkbox" id="agreeTerms" name="terms" value="agree">

                <label for="agreeTerms">

                    I agree to the <a href="#">terms</a>

                </label>

            </div>

        </div>

        <!-- /.col -->

        <div class="col-4">

            <button type="submit" class="btn btn-primary btn-block">Register</button>

        </div>

        <!-- /.col -->

    </div>

</form>

<p class="mb-0">

    <a href="{{ route('login.perform') }}" class="text-center">Signin account</a>

</p>



@endsection