@extends('admin/layouts/dashboard')

@section('breadcrumbs', Breadcrumbs::render(Route::currentRouteName()))

@section('content')
    <div class="card">
        <div class="card-header header-elements-inline">
            <h5 class="card-title">Добавить пользователя</h5>
        </div>

        <div class="card-body">
            {{ Form::open( array('url' => route('admin.users.store'), 'method' => 'POST') ) }}

                <div class="form-group">
                    <label>Email</label>
                    <input name="email" type="email" class="form-control" placeholder="Введите Email" value="{{ old('email') }}" required>

                    <span class="form-text text-danger">{{ isset($errors) ? $errors->first('email') : '' }}</span>
                </div>

                <div class="form-group">
                    <label>Имя</label>
                    <input name="name" type="text" class="form-control" placeholder="Введите Имя пользователя" value="{{ old('name') }}" required>

                    <span class="form-text text-danger">{{ isset($errors) ? $errors->first('name') : '' }}</span>
                </div>

                <div class="form-group">
                    <label>Роль</label>
                    <select name="role" class="form-control" required>
                        <option value="manager" {{ old('role') == 'manager' ? 'selected' : '' }}>Менеджер</option>
                        <option value="admin"   {{ old('role') == 'admin' ? 'selected' : '' }}>Администратор</option>
                        <option value="review_manager"   {{ old('role') == 'review_manager' ? 'selected' : '' }}>Менеджер отзывов</option>
                    </select>
                </div>

                <div class="form-group">
                    <label>Пароль</label>
                    <input name="password" type="password" class="form-control" placeholder="Введите пароль" minlength="8" required>

                    <span class="form-text text-danger">{{ isset($errors) ? $errors->first('password') : '' }}</span>
                </div>

                <div class="form-group">
                    <label>Повторите пароль</label>
                    <input name="repeat_password" type="password" class="form-control" placeholder="Повторите пароль" required>

                    <span class="form-text text-danger">{{ isset($errors) ? $errors->first('repeat_password') : '' }}</span>
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-success">
                        Добавить
                    </button>

                    <button class="btn btn-link" id="js-random-password">
                        Получить рандомный пароль
                    </button>
                </div>

            {{ Form::close() }}
        </div>
    </div>
@endsection

@section('script')
    <script>
        (function() {
            let getPandomPassword = function(length) {
                let password = "";
                let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

                for (let i = 0; i < length; i++) {
                    password += possible.charAt(Math.floor(Math.random() * possible.length));
                }

                return password;
            };

            $('#js-random-password').click(function(event) {
                alert( getPandomPassword(8) );
            });
        })();
    </script>
@endsection