@extends('backend.layouts.split')

@section('title', __('labels.backend.access.users.create') . ' '.html_entity_decode("—", ENT_QUOTES, 'UTF-8').' ' . app_name())

@section('breadcrumb-links')
    @include('backend.auth.user.includes.breadcrumb-links')
@endsection

@section('content')
    {{ html()->form('POST', route('admin.auth.user.store'))->class('form-actions top')->open() }}
    <input type="hidden" name="active" value="1">
    <div class="row" style="margin-top:25px">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <h4 class="card-title mb-0 caption-subject bold">
                        @lang('labels.backend.access.users.management')
                        <small class="text-muted">@lang('labels.backend.access.users.create')</small>
                    </h4>
                </div>
                <div class="portlet-body form">
                    <div class="form-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.backend.access.users.first_name'))->class('control-label')->for('first_name') }}
                                    <div class="input-group">
                                        <span class="input-group-text input-circle-left">
                                            <i class="fa fa-user"></i>
                                        </span>
                                        {{ html()->text('first_name')
                                            ->class('form-control input-circle-right')
                                            ->placeholder(__('validation.attributes.backend.access.users.first_name'))
                                            ->attribute('maxlength', 191)
                                            ->required()
                                            ->autofocus() }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.backend.access.users.last_name'))->class('control-label')->for('last_name') }}
                                    <div class="input-group">
                                        <span class="input-group-text input-circle-left">
                                            <i class="fa fa-user"></i>
                                        </span>
                                        {{ html()->text('last_name')
                                            ->class('form-control input-circle-right')
                                            ->placeholder(__('validation.attributes.backend.access.users.last_name'))
                                            ->attribute('maxlength', 191)
                                            ->required() }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.backend.access.users.email'))->class('control-label')->for('email') }}
                                    <div class="input-group">
                                        <span class="input-group-text input-circle-left">
                                            <i class="fa fa-envelope"></i>
                                        </span>
                                        {{ html()->email('email')
                                            ->class('form-control input-circle-right')
                                            ->placeholder(__('validation.attributes.backend.access.users.email'))
                                            ->attribute('maxlength', 191)
                                            ->required() }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.backend.access.users.password'))->class('control-label')->for('password') }}
                                    <div class="input-group">
                                        <span class="input-group-text input-circle-left">
                                            <i class="fa fa-unlock-alt" aria-hidden="true"></i>
                                        </span>
                                        {{ html()->password('password')
                                            ->class('form-control input-circle-right')
                                            ->placeholder(__('validation.attributes.backend.access.users.password'))
                                            ->required() }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group lable-style">
                                    {{ html()->label(__('validation.attributes.backend.access.users.password_confirmation'))->class('control-label')->for('password_confirmation') }}
                                    <div class="input-group">
                                        <span class="input-group-text input-circle-left">
                                            <i class="fa fa-unlock-alt" aria-hidden="true"></i>
                                        </span>
                                        {{ html()->password('password_confirmation')
                                            ->class('form-control input-circle-right')
                                            ->placeholder(__('validation.attributes.backend.access.users.password_confirmation'))
                                            ->required() }}
                                    </div>
                                </div>
                            </div>                            
                            <div class="col-md-6">
                                <div class="form-group lable-style">
                                    {{ html()->label(__('labels.backend.access.users.table.roles'))->class('col-md-12 control-label')->for('roles') }}
                                    <div class="input-group">
                                        <span class="input-group-text input-circle-left">
                                            <i class="fa fa-tasks" aria-hidden="true"></i>
                                        </span>
                                        <select name="roles" id="role" class="form-control input-circle-right user-roles" required="required">
                                            @foreach ($roles as $role)
                                                <option value="{{ $role->id }}"