@extends('cms::layouts.master')

@section('content')
    <x-page-header page-title="Add New user" active-title="Create user" />
    
    <x-crud-form route="{{ route('users.store') }}" type="create" :single-page="true">
        <div class="row">
            <div class="col-12">
                <div class="form-group">
                    <label>Name <span class="text-danger">*</span></label>
                    <input value="{{ old('name') }}" name="name" type="text" class="form-control" placeholder="name"
                        required>
                    <span class="text-danger">{{ validationError($errors->get('name')) }}</span>
                </div>

                <div class="form-group">
                    <label>username<span class="text-danger">*</span></label>
                    <input value="{{ old('username') }}" name="username" type="text" class="form-control" placeholder="username" required>
                    <span class="text-danger">{{ validationError($errors->get('username')) }}</span>
                </div>

                <div class="form-group">
                    <label>email<span class="text-danger">*</span></label>
                    <input value="{{ old('email') }}" name="email" type="text" class="form-control" placeholder="email" required>
                    <span class="text-danger">{{ validationError($errors->get('email')) }}</span>
                </div>

                <div class="form-group">
                    <label>mobile</label>
                    <input value="{{ old('mobile') }}" name="mobile" type="text" class="form-control" placeholder="mobile">
                    <span class="text-danger">{{ validationError($errors->get('mobile')) }}</span>
                </div>

                <div class="form-group">
                    <label>password</label>
                    <input value="{{ old('password') }}" name="password" type="password" class="form-control" placeholder="password">
                    <span class="text-danger">{{ validationError($errors->get('password')) }}</span>
                </div>
            </div>
    
            <div class="col-12 text-right">
                <a href="{{ route('users.index') }}" class="btn btn-danger">Cancel</a>
                <button type="submit" class="btn btn-primary">Save</button>
            </div>
        </div>
    </x-crud-form>
@endsection