@include('Bitrix24_V3.connector_header')
<div class="content db_settings">
    <div class="db_settings-header">
        <h1 class="db_settings-title">Настройка подключения к базе данных</h1>
        <div class="db_settings-status" id="db_settings-status">
            <p></p>
        </div>
    </div>

    <div class="db_settings-warning">
        <div class="db_settings-warning_box">
            <img width="32" height="32" class="db_settings-warning_icon" src="{{ asset('storage/connector_amo/images/database_settings/info.svg') }}" alt="warning">
            <p class="db_settings-warning_text">В целях безопасности, рекомендуем ограничить подключение к БД со всех IP-адресов, кроме <span>91.200.84.244</span></p>
        </div>
    </div>

    <form id="DBconnection_form">
        <div class="db_setting">
            <div class="db_settings-input">
                <label for="db_type">Тип ДБ</label>
                <select name="db_type" required>
                    <option value="">--Выберите тип БД--</option>
                    <option value="MySQL">MySQL</option>
                    <option value="PostgreSQL">PostgreSQL</option>
                </select>
            </div>

            <div class="db_settings-input">
                <label for="db_host">Хост</label>
                <input class="db_settings-input_host" name="db_host" type="text" placeholder="Введите хост базы данных" required>
            </div>

            <div class="db_settings-input">
                <label for="db_port">Порт</label>
                <input class="db_settings-input_port" name="db_port" type="text" placeholder="Введите порт базы данных" required>
            </div>

            <div class="db_settings-input">
                <label for="db_name">База</label>
                <input class="db_settings-input_name" name="db_name" type="text" placeholder="Введите базу" required>
            </div>

            <div class="db_settings-input">
                <label for="db_login">Логин</label>
                <input class="db_settings-input_login" name="db_login" type="text" placeholder="Введите логин" required>
            </div>

            <div class="db_settings-input">
                <label for="db_password">Пароль</label>
                <div>
                    <input id="input_password" class="db_settings-input_password" name="db_password" type="password" placeholder="Введите пароль базы данных" required>
                    <img width="20" id="togglePassword" class="db_settings-input_password_img" src="{{ asset('storage/connector_amo/images/database_settings/hide.svg') }}" alt="">
                </div>
            </div>
        </div>
    </form>
    <img src="" alt="">
    <div class="db_settings-buttons">
        <button class="db_settings-button button_danger button_disconnect" type="button" id="btn_disconnect">Разорвать подключение с БД</button>
        <div class="button_settings-container">
            <div id="alert"></div>
            <button class="db_settings-button button_secondary button_check" id="btn_check">Проверить подключение</button>
            <button class="db_settings-button button-primary button_save" id="btn_save">Сохранить</button>
        </div>
    </div>

</div>

@include('Bitrix24_V3.connector_footer')

<script>

</script>
<style>

</style>