@extends('layouts.layout')

@section('content')

    <div class="box" style="width: 600px;margin:0px auto">
        <div class="box-header">
            <h3 class="box-title">Create new user</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">

            <form role="form" method="post" action="{{route('users.store')}}">
               @csrf
                <div class="box-body">
                    <div class="form-group">
                        <label for="username">Username</label>
                        <input type="text" name="username" class="form-control" id="username" placeholder="Enter username">
                    </div>
                    <div class="form-group">
                        <label for="name">Name</label>
                        <input type="text"  name="name" class="form-control" id="name" placeholder="Enter name">
                    </div>
                    <div class="form-group">
                        <label for="email">Email address</label>
                        <input type="email" name="email" class="form-control" id="email" placeholder="Enter email">
                    </div>
                    <div class="form-group">
                        <label for="password">Password</label>
                        <input type="password" name="password" class="form-control" id="password" placeholder="Password">
                    </div>
                    <div class="form-group">
                        <label for="retype_password">Retype password</label>
                        <input type="password" name="retype_password" class="form-control" id="retype_password" placeholder="Retype password">
                    </div>

                    <div class="form-group">
                        <label for="type">User type</label>
                        <select name="type" id="type" class="form-control">
                            <option value="admin">Admin</option>
                            <option value="scorecards">Scorecards</option>
                            <option value="customs">Customs</option>
                        </select>
                    </div>

                </div>
                <!-- /.box-body -->

                <div class="box-footer">
                    <button type="submit" class="btn btn-success">Create</button>
                </div>
            </form>
        </div>
    </div>

@endsection