@extends('layout.app')
@section('content')
    <div class="col-lg-12">
        <section class="card">

            @if ($errors->all())
                <div class="card-body">
                    @foreach($errors->all() as $message)
                        <div class="alert alert-danger" role="alert">
                            {{$message}}
                        </div>
                    @endforeach
                </div>
            @endif
            <header class="card-header">
                Create User
            </header>
            <div class="card-body">
                <form action="{{route('user.store')}}" method="post">
                    @csrf
                    <div class="form-group row">
                        <label for="username" class="col-sm-1 col-form-label">Username</label>
                        <div class="col-sm-10">
                            <input type="text" name="username" class="form-control" id="username" placeholder="Username">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="email" class="col-sm-1 col-form-label">Email</label>
                        <div class="col-sm-10">
                            <input type="email" name="email" class="form-control" id="email" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="password" class="col-sm-1 col-form-label">Password</label>
                        <div class="col-sm-10">
                            <input type="password" name="password" class="form-control" id="password" placeholder="Password">
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-10">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </section>

    </div>

@endsection