@extends('layouts.app')

@section('breadcrumbs')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb my-0 ms-2">
            <li class="breadcrumb-item">
                <a href="/">
                    <svg class="nav-icon">
                        <use xlink:href="/images/sprites/free.svg#cil-home"></use>
                    </svg>
                </a>
            </li>
            <li class="breadcrumb-item">
                <a href="/users">
                    <span>Users</span>
                </a>
            </li>
            <li class="breadcrumb-item active"><span>Create</span></li>
        </ol>
    </nav>
@endsection

@section('content')

	@include('partials.messages')
	
	<div class="card mb-4">
		<div class="card-header">Create User</div>

		<div class="card-body">

			<form method="POST" action="/users" autocomplete="off">
				{{ csrf_field() }}

				<div class="mb-1">
					<x-form.input name="name">{{ old('name') }}</x-form.input>
				</div>
				
				<div class="mb-1">
					<x-form.input name="email" type="email">{{ old('email') }}</x-form.input>
				</div>
				
				<div class="mb-1">
					<x-form.input name="password" type="password">{{ old('password') }}</x-form.input>
				</div>
				
			    <div class="mb-1">
			    	<x-form.select name="role_id" label="Role" :options="$roles">{{ old('role_id') }}</x-form.select>
			    </div>

				<div class="my-3">
				    <input class="btn btn-primary" type="submit" value="Create">
				</div>
			</form>

		</div>

	</div>

@endsection('content')