registration.php 8.69 KB
<?php
/**
 * @var $user common\models\User
 * @var $user_info common\models\UserInfo
 */
    use yii\captcha\Captcha;
    use yii\widgets\ActiveForm;
    $this->registerJsFile('/js/selectize.js');
?>
<div class="section-box content">
    <div class="section-box registration">
        <div class="box-wr">
            <div class="box-all">
                <div class="registration-title style">Регистрация</div>
                <div class="registration-form style">
                    <?php $form = ActiveForm::begin(); ?>

                        <div class="input-blocks-wrapper">
                            <div class="input-blocks">
                                <?= $form->field($model, 'username')->textInput(['class'=>'custom-input-2'])?>
                            </div>
                            <div class="input-blocks-help-wr">
                                <div class="input-blocks-help">Логин должен содержать не менее 3-х символов, начинаться с английской буквы и заканчиваться буквой или цифрой. Допускаются английские буквы, цифры и знаки 'тире', 'подчеркивание', 'точка'</div>
                            </div>
                        </div>

                        <div class="input-blocks-wrapper">
                            <div class="input-blocks">

                                <?= $form->field($model, 'password')->passwordInput(['class'=>'custom-input-2'])?>

                            </div>
                            <div class="input-blocks-help-wr">
                                <div class="input-blocks-help">Пароль должен содержать не менее 6-ти символов.</div>
                            </div>
                        </div>

                        <div class="input-blocks-wrapper">
                            <div class="input-blocks">
                                <?= $form->field($model, 'email')->textInput(['class'=>'custom-input-2'])?>
                            </div>
                            <div class="input-blocks-help-wr">
                                <div class="input-blocks-help">На этот адрес электронной почты будет отправлено уведомление о регистрации.</div>
                            </div>
                        </div>

                        <div class="who-you-are style">
                            <div class="who-you-are-title style">Кто Вы</div>
                            <div class="who-you-are-form-wr style">
                                <div class="who-you-are-form">
                                    <div class="check-radio-wr">

                                        <div class="custom-form-buttons">
                                            <input class="custom-radio" id="custom-radio-1" name="group-1" checked="checked" type="radio">
                                            <label for="custom-radio-1"><span></span>Частное лицо copy</label>
                                        </div>

                                        <div class="custom-form-buttons">
                                            <input class="custom-radio" id="custom-radio-2" name="group-1" type="radio">
                                            <label for="custom-radio-2"><span></span>Компания</label>
                                        </div>
                                    </div>
                                    <div class="check-radio-wr">
                                        <div class="custom-form-buttons">
                                            <input class="custom-check" id="custom-check-1" type="checkbox" checked>
                                            <label for="custom-check-1"><span></span>Я - Фрилансер</label>
                                        </div>

                                        <div class="custom-form-buttons">
                                            <input class="custom-check" id="custom-check-2" type="checkbox">
                                            <label for="custom-check-2"><span></span>Я - Заказчик</label>
                                        </div>
                                    </div>


                                    <div class="input-blocks-wrapper">
                                        <div class="input-blocks">
                                            <label for="input-txt-4">Имя</label>
                                            <input class="custom-input-2" id="input-txt-4" type="text">
                                        </div>
                                    </div>
                                    <div class="input-blocks-wrapper">
                                        <div class="input-blocks">
                                            <label for="input-txt-5">Фамилия</label>
                                            <input class="custom-input-2" id="input-txt-5" type="text">
                                        </div>
                                    </div>
                                    <div class="input-blocks-wrapper city" >

                                        <div class="control-group">
                                            <div id="btnClear" style=""></div>

                                            <label for="select-beast-w">Город</label>
                                            <select id="select-beast-w" placeholder="">
                                                <option value="">Выберите город</option>
                                                <option value="4">Киев</option>
                                                <option value="1">Одесса</option>
                                                <option value="3">Харьков</option>
                                                <option value="2">Днепр</option>
                                                <option value="6">Чернигов</option>
                                                <option value="8">Черкасы</option>
                                                <option value="9">Черкасы</option>
                                                <option value="5">Черкасы</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="input-blocks-wrapper city-two">
                                        <div class="input-blocks">
                                            <label for="input-txt-7">Город не в списке</label>
                                            <input class="custom-input-2" id="input-txt-7" type="text">
                                        </div>
                                        <div class="form-help-two">Если вашего города нет в списке, введите его. </div>
                                    </div>
                                    <div class="input-blocks-wrapper">
                                    <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
                                        'template' => '
                                                    <div class="input-blocks-wrapper">
                                                        <div class="input-blocks">
                                                            <label for="input-txt-8">Введите проверочный код</label>
                                                            {input}
                                                        </div>
                                                    </div>
                                                    <div class="input-blocks-wrapper captcha">
                                                        <div class="input-blocks-captcha">
                                                            {image}
                                                        </div>
                                                    </div>',
                                    ])->label(false) ?>
                                    </div>
                                    <div class="input-blocks-wrapper button">
                                        <button type="submit" value="Submit">Зарегистрироваться</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    <?php ActiveForm::end()?>
                </div>
            </div>
        </div>
    </div>

</div>