@extends('layouts.app')

@section('link')
    
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">
@endsection


@section('content')
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">{{__('texte.users_arr.create.add_user')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.users_arr.create.back')}}</button>
                    </div>
                </div>

                <div class="panel-body">
                    <form id="user_create" method="POST" action="{{ route('users.store') }}" class="form form-horizontal">
                        {{ csrf_field() }}

                        @permission('user-form-name-read')
                        <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                            <label for="name" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.name')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input type="text" class="form-control" id="name" name="name" value="{{ old('name') }}" placeholder="{{__('texte.users_arr.create.name')}}" maxlength="255" required autofocus 
                                    @nonepermission('user-form-name-write')
                                            readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('name'))
                                        <span class="help-block"><strong>{{ $errors->first('name') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('user-form-name-read')
                        <div class="form-group{{ $errors->has('username') ? ' has-error' : '' }}">
                            <label for="username" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.username')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input type="text" class="form-control" id="username" name="username" value="{{ old('username') }}" placeholder="{{__('texte.users_arr.create.username')}}" maxlength="255" required autofocus
                                    @nonepermission('user-form-name-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('username'))
                                    <span class="help-block"><strong>{{ $errors->first('username') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

			@permission('user-form-email-read')
                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                            <label for="email" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.email')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
                                <input type="email" class="form-control" id="email" name="email" value="{{ old('email') }}" placeholder="{{__('texte.users_arr.create.email')}}" maxlength="255" required 
                                    @nonepermission('user-form-email-write')
                                            readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('email'))
                                        <span class="help-block"><strong>{{ $errors->first('email') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        @permission('user-form-mobile-read')
                        <div class="form-group{{ $errors->has('mobile') ? ' has-error' : '' }}">
                            <label for="mobile" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.mobile')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input type="text" class="form-control" id="mobile" name="mobile" value="{{ old('mobile') }}" placeholder="{{__('texte.users_arr.create.mobile')}}" maxlength="255" autofocus 
                                    @nonepermission('user-form-mobile-write')
                                            readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('mobile'))
                                        <span class="help-block"><strong>{{ $errors->first('mobile') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('user-form-phone-read')
                        <div class="form-group{{ $errors->has('phone') ? ' has-error' : '' }}">
                            <label for="phone" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.phone')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input type="text" class="form-control" id="phone" name="phone" value="{{ old('phone') }}" placeholder="{{__('texte.users_arr.create.phone')}}" maxlength="255" autofocus 
                                    @nonepermission('user-form-phone-write')
                                            readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('phone'))
                                        <span class="help-block"><strong>{{ $errors->first('phone') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('user-form-fax-read')
                        <div class="form-group{{ $errors->has('fax') ? ' has-error' : '' }}">
                            <label for="fax" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.fax')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input type="text" class="form-control" id="fax" name="fax" value="{{ old('fax') }}" placeholder="{{__('texte.users_arr.create.fax')}}" maxlength="255" autofocus 
                                    @nonepermission('user-form-fax-write')
                                            readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('fax'))
                                        <span class="help-block"><strong>{{ $errors->first('fax') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('user-form-note-read')
                        <div class="form-group{{ $errors->has('note') ? ' has-error' : '' }}">
                            <label for="note" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.note')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <textarea class="form-control" id="note" name="note" placeholder="{{__('texte.users_arr.create.note')}}" rows="4" cols="50" 
                                    @nonepermission('user-form-name-write')
                                            readonly 
                                    @endnonepermission
                                >{{ old('note') }}</textarea>
                                @if ($errors->has('note'))
                                        <span class="help-block"><strong>{{ $errors->first('note') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

			@permission('user-form-password-read')
                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                            <label for="password" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.password')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                <input type="password" class="form-control" id="password" name="password" placeholder="{{__('texte.users_arr.create.password')}}" maxlength="255" pattern=".{6,}" title="{{__('texte.users_arr.create.confirm_password_title')}}" required 
                                    @nonepermission('user-form-password-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('password'))
                                    <span class="help-block"><strong>{{ $errors->first('password') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('user-form-password-read')
                        <div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
                            <label for="password-confirm" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.confirm_password')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                <input type="password" class="form-control" id="password-confirm" name="password_confirmation" placeholder="{{__('texte.users_arr.create.confirm_password')}}" maxlength="255" pattern=".{6,}" title="{{__('texte.users_arr.create.confirm_password_title')}}" required 
                                    @nonepermission('user-form-password-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('password_confirmation'))
                                    <span class="help-block"><strong>{{ $errors->first('password_confirmation') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                         @permission('user-form-pic-read')
                        <div class="form-group{{ $errors->has('pic') ? ' has-error' : '' }}">
                            <label for="pic" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.pic')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                <input type="password" class="form-control" id="pic" name="pic" placeholder="{{__('texte.users_arr.create.pic')}}" maxlength="255" pattern=".{6,}" title="{{__('texte.users_arr.create.confirm_pic_title')}}" 
                                    @nonepermission('user-form-pic-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('pic'))
                                    <span class="help-block"><strong>{{ $errors->first('pic') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('user-form-pic-read')
                        <div class="form-group{{ $errors->has('pic_confirmation') ? ' has-error' : '' }}">
                            <label for="pic-confirm" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.confirm_pic')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                <input type="password" class="form-control" id="pic-confirm" name="pic_confirmation" placeholder="{{__('texte.users_arr.create.confirm_pic')}}" maxlength="255" pattern=".{6,}" title="{{__('texte.users_arr.create.confirm_pic_title')}}" 
                                    @nonepermission('user-form-pic-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('pic_confirmation'))
                                    <span class="help-block"><strong>{{ $errors->first('pic_confirmation') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('user-form-roles-read')
                        <div class="form-group{{ $errors->has('roles') ? ' has-error' : '' }}">
                            <label for="roles" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.users_arr.create.roles')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-knight"></i></span>
                                <select id="roles" name="roles[]" multiple 
                                    @nonepermission('user-form-roles-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                    @foreach ($roles as $role)
                                        <option value="{{ $role->id }}" {{$role->users->count()>=$role->count ? 'disabled' : ''}}>{{ $role->title }} ({{ $role->users->count() }} {{__('texte.users_arr.create.from')}} {{ $role->count }})</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('roles'))
                                    <span class="help-block"><strong>{{ $errors->first('roles') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        <div class="form-group">
                            <div class="col-xs-12 col-xs-offset-5 col-sm-12 col-sm-offset-5 col-md-12 col-md-offset-5">
                                <button type="submit" class="btn btn-primary" @nonepermission('user-route-create') disabled @endnonepermission>{{__('texte.users_arr.create.add')}}</button>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script src="{{ asset('js/chosen.js') }}"></script>
<script type="text/javascript" charset="utf-8">
$('select#roles').chosen({placeholder_text_multiple: 'Роли'});
</script>
@endsection