<?
require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/header.php");
$APPLICATION->SetPageProperty("description", "Настройки пользователя. Интернет-магазин климатического оборудования. Доступные цены, гарантия от производителя. Тел. 0 800 210 755");
$APPLICATION->SetPageProperty("title", "Настройки пользователя - интернет-магазин КлиматЛенд");
$APPLICATION->SetPageProperty("keywords", "Настройки пользователя");
require($_SERVER["DOCUMENT_ROOT"] . "/personal/cab_include.php");
?>
<div id="personal_cab" class="modal fade bs-example-modal-md" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md" >
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
                <h2>Изменить личные данные</h2>
            </div>
            <form role="form" id="personalForm" enctype="multipart/form-data">
                <div class="modal-body">
                    <div class="profile-block-shown">
                        <?
                        $rsUser       = CUser::GetByID($USER->GetID());
                        $arUser       = $rsUser->Fetch();
                        ?>
                        <div class="form-group">
                            <label for="fio">Фамилия Имя Отчество:</label>
                            <input type="text" class="form-control" id="fio" name="FIO" value="<?= $arUser['LAST_NAME'] ?> <?= $arUser['NAME'] ?> <?= $arUser['SECOND_NAME'] ?>">
                        </div>
                        <div class="form-group">
                            <label for="addr">Адресс:</label>
                            <input type="text" class="form-control" id="addr" value="<?= $arUser['PERSONAL_STREET'] ?>" name="USER_STREET">
                        </div>
                        <div class="form-group">
                            <label for="email">E-Mail:</label>
                            <input type="text" class="form-control" id="email" value="<?= $arUser['EMAIL'] ?>" name="EMAIL">
                        </div>
                        <div class="form-group">
                            <label for="phone">Телефон:</label>
                            <input type="text" class="form-control" id="phone" value="<?= $arUser['PERSONAL_MOBILE'] ?>" name="USER_MOBILE">
                        </div>
                        <div class="form-group">
                            <label for="comp">Компания:</label>
                            <input type="text" class="form-control" id="comp" value='<?= $arUser['PERSONAL_WWW'] ?>' name="USER_COMPANY">
                        </div>
                        <div class="form-group">
                            <label for="prof">Должность:</label>
                            <input type="text" class="form-control" id="prof" value='<?= $arUser['PERSONAL_PROFESSION'] ?>' name="USER_PROFESSION">
                        </div>

                        <div class="form-group">
                            <label for="pwd">Введите новый пароль:</label>
                            <input type="password" class="form-control" id="pwd" name="USER_PASSWORD">
                        </div>
                        <div class="form-group">
                            <label for="pwd2">Подтверждение нового пароля:</label>
                            <input type="password" class="form-control" id="pwd2" name="USER_PASSWORD_CONFIRM">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div id="elementError" class="pull-left"></div>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Отменить</button>
                    <button type="button" class="btn accept btn-primary submit">Сохранить изменения</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
    var ajaxDir = "/personal/profile/";
    $(window).bind('load', function () {
        var sendPersonalInfo = function (event) {
            var $form = $("#personalForm");
            var $win = $("#elementError");
            $.getJSON(ajaxDir + "ajax.php?" + $form.serialize(), function (data) {
                $win.show().text(data["message"]);
                $win.addClass(data["class"]);
                data["reload"] ? document.location.reload() : void 0;
            });
            event.preventDefault();

        };

        var windowClose = function (event) {
            var $win = $("#elementError");
            $win.data("reload") ? document.location.reload() : $("#elementError").hide();
            event.preventDefault();
        };

        $(document).on("click", ".submit", sendPersonalInfo);
        $(document).on("click", "#elementErrorClose, #elementError .close", windowClose);
    });
</script>

<?
require($_SERVER["DOCUMENT_ROOT"] . "/personal/cab_close.php");
require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/footer.php");
?>