<div class="cr-container" id="configurations">
            <div class="tab-content">
                <a href="<?php echo $userManualUrl ?>" target="_blank" class="cr-button"
                   id="user-manual"><?php echo __('User Manual') ?></a>
                <h2><?php echo __('Configurations') ?></h2>
                <p><?php echo __('In order to connect with CleverReach, please enter CleverReach Client ID and Client Secret. How to get CleverReach Client ID and Client Secret please follow instructions in') ?>
                    <a href="<?php echo $userManualUrl ?>" target="_blank"><?php echo __('user manual') ?></a>.</p>
                <p class="title"><?php echo __('Connection') ?></p>
                <div>
                    <div>
                        <label for="clientId"><?php echo __('Client ID') ?></label>
                        <input type="text" name="clientId" id="clientId"
                               placeholder="<?php echo __('CleverReach Client ID') ?>">
                        <span class="help-icon"><span><?php echo __('CleverReach rest API client id') ?></span></span>
                    </div>

                    <div>
                        <label for="clientSecret"><?php echo __('Client Secret') ?></label>
                        <input type="text" name="clientSecret" id="clientSecret"
                               placeholder="<?php echo __('CleverReach Client Secret') ?>">
                        <span
                            class="help-icon"><span><?php echo __('CleverReach rest API client secret') ?></span></span>
                    </div>

                    <button type="button" class="cr-button" id="connect">
                        <span id="connect-loader" class="loader"></span> <?php echo __('Connect') ?>
                    </button>