{{ header }} 
{{ column_left }} 
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="pull-right">
        <button type="submit" form="form-google-captcha" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
        <button type="button" id="btn-apply" data-toggle="tooltip" title="{{ button_apply }}" class="btn btn-success" data-url="{{ apply_url }}"><i class="fa fa-save"></i> {{ button_apply }}</button>
        <a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a>
      </div>
      <h1>{{ heading_title }}</h1>
      <ul class="breadcrumb">
        {% for breadcrumb in breadcrumbs %} 
        <li><a href="{{ breadcrumb['href'] }}">{{ breadcrumb['text'] }}</a></li>
        {% endfor %} 
      </ul>
    </div>
  </div>
  <div class="container-fluid">
    {% if (text_set_as_default_captcha) %} 
    <div class="alert alert-info">
      <i class="fa fa-info-circle"></i> {{ text_set_as_default_captcha }} 
    </div>
    {% endif %} 
    {% if (error_warning) %} 
    <div class="alert alert-danger">
      <i class="fa fa-exclamation-circle"></i> {{ error_warning }} 
      <button type="button" class="close" data-dismiss="alert">×</button>
    </div>
    {% endif %} 
    <div class="panel panel-default">
      <div class="panel-heading clearfix">
        <h3 class="panel-title md-panel-title"><i class="fa fa-pencil"></i> {{ text_edit }}</h3>
        <div class="md-store-switcher pull-right">
          <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">{{ current_store }} <span class="caret"></span></button>
          <ul class="dropdown-menu dropdown-menu-right">
            {% for store in stores %} 
            <li><a href="{{ store['redirect'] }}">{{ store['name'] }}</a></li>
            {% endfor %} 
          </ul>
        </div>
      </div>
      <div class="panel-body">
        <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-google-recaptcha3" class="form-horizontal">
          <ul class="nav nav-tabs">
            <li class="active"><a href="#tab-general" data-toggle="tab"><i class="fa fa-cog" aria-hidden="true"></i> {{ tab_general }}</a></li>
            <li><a href="#tab-verification" data-toggle="tab"><i class="fa fa-user" aria-hidden="true"></i> {{ tab_verification }}</a></li>
            <li><a href="#tab-display" data-toggle="tab"><i class="fa fa-desktop" aria-hidden="true"></i> {{ tab_display }}</a></li>
            <li><a href="#tab-language" data-toggle="tab"><i class="fa fa-language" aria-hidden="true"></i> {{ tab_language }}</a></li>
            <li><a href="#tab-developer" data-toggle="tab"><i class="fa fa-cogs" aria-hidden="true"></i> {{ tab_developer }}</a></li>
            <li><a href="#tab-support" data-toggle="tab"><i class="fa fa-life-ring " aria-hidden="true"></i> {{ tab_support }}</a></li>
          </ul>
          <div class="tab-content">
            <!-- General Tab -->
            <div class="tab-pane active" id="tab-general">
              <fieldset>
                <legend>{{ text_general }}</legend>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ entry_status }}</label>
                  <div class="col-sm-9">
                    <div class="btn-group" data-toggle="buttons">
                      {% if (status == '1') %} 
                      <label class="btn btn-success md-btn active"><input type="radio" name="status" value="1" checked="checked">{{ text_enabled }}</label>
                      <label class="btn btn-danger md-btn"><input type="radio" name="status" value="0">{{ text_disabled }}</label>
                      {% else %} 
                      <label class="btn btn-success md-btn"><input type="radio" name="status" value="1">{{ text_enabled }}</label>
                      <label class="btn btn-danger md-btn active"><input type="radio" name="status" value="0" checked="checked">{{ text_disabled }}</label>
                      {% endif %} 
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label"">{{ entry_register }}</label>
                  <div class="col-sm-9">
                    <div class="alert alert-info"><i class="fa fa-info-circle"></i> {{ text_signup }}</div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label" for="input-key">{{ entry_key }}</label>
                  <div class="col-sm-9">
                    <input type="text" name="site_key" value="{{ site_key }}" placeholder="{{ entry_key }}" id="input-key" class="form-control">
                    {% if (error_key) %} 
                    <div class="text-danger">{{ error_key }}</div>
                    {% endif %} 
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label" for="input-secret">{{ entry_secret }}</label>
                  <div class="col-sm-9">
                    <input type="text" name="secret_key" value="{{ secret_key }}" placeholder="{{ entry_secret }}" id="input-secret" class="form-control">
                    {% if (error_secret) %} 
                    <div class="text-danger">{{ error_secret }}</div>
                    {% endif %} 
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_customer_group }}</legend>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ entry_customer_group }}</label>
                  <div class="col-sm-9">
                    <div class="well well-sm" style="min-height: 100px;">
                      <div class="checkbox">
                        <label><input type="checkbox" name="use_for_guests" value="1" {{ use_for_guests ? 'checked="checked"' : '' }}>{{ text_guest }}</label>
                      </div>
                      {% for group in customer_groups %} 
                      <div class="checkbox">
                        <label><input type="checkbox" name="use_for_customer_groups[{{ group['customer_group_id'] }}]" value="1" {{ use_for_customer_groups[group['customer_group_id']] ? 'checked="checked"' : '' }}>{{ group['name'] }}</label>
                      </div>
                      {% endfor %} 
                    </div>
                    <button type="button" class="btn btn-primary btn-sm" id="btn-select-all">{{ btn_select_all }}</button>
                    <button type="button" class="btn btn-warning btn-sm" id="btn-unselect-all">{{ btn_unselect_all }}</button>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ entry_analytics_mode }}</label>
                  <div class="col-sm-9">
                    <div class="btn-group" data-toggle="buttons">
                      {% if (analytics_mode == '1') %} 
                      <label class="btn btn-success md-btn active"><input type="radio" name="analytics_mode" value="1" checked="checked">{{ text_enabled }}</label>
                      <label class="btn btn-default"><input type="radio" name="analytics_mode" value="0">{{ text_disabled }}</label>
                      {% else %} 
                      <label class="btn btn-success md-btn"><input type="radio" name="analytics_mode" value="1">{{ text_enabled }}</label>
                      <label class="btn btn-default active"><input type="radio" name="analytics_mode" value="0" checked="checked">{{ text_disabled }}</label>
                      {% endif %} 
                    </div>
                  </div>
                </div>
              </fieldset>
            </div>
            <!-- Verification Tab -->
            <div class="tab-pane" id="tab-verification">
              <fieldset>
                <legend>{{ text_verification }}</legend>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ entry_send_ip }}</label>
                  <div class="col-sm-9">
                    <div class="btn-group" data-toggle="buttons">
                      {% if (send_ip == '1') %} 
                      <label class="btn btn-success md-btn active"><input type="radio" name="send_ip" value="1" checked="checked">{{ text_enabled }}</label>
                      <label class="btn btn-default"><input type="radio" name="send_ip" value="0">{{ text_disabled }}</label>
                      {% else %} 
                      <label class="btn btn-success md-btn"><input type="radio" name="send_ip" value="1">{{ text_enabled }}</label>
                      <label class="btn btn-default active"><input type="radio" name="send_ip" value="0" checked="checked">{{ text_disabled }}</label>
                      {% endif %} 
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ entry_min_score }}</label>
                  <div class="col-sm-9">
                    <div class="alert alert-info"><i class="fa fa-info-circle"></i> {{ text_see_guide }}</div>
                    <div class="slider-container">
                      <div class="slider-scale clearfix">
                        <span class="pull-left">0.0</span>
                        <span class="pull-right">1.0</span>
                      </div>
                      <input type="range" name="min_score" value="{{ min_score }}" min="0" max="1" step="0.1" class="slider" id="score-range">
                    </div>
                    <div class="slider-value">
                      <span>{{ text_score_value }}</span><strong id="score-value"></strong>
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ entry_save_in_session }}</label>
                  <div class="col-sm-9">
                    <div class="btn-group" data-toggle="buttons">
                      {% if (save_in_session == '1') %} 
                      <label class="btn btn-success md-btn active"><input type="radio" name="save_in_session" value="1" checked="checked">{{ text_enabled }}</label>
                      <label class="btn btn-default"><input type="radio" name="save_in_session" value="0">{{ text_disabled }}</label>
                      {% else %} 
                      <label class="btn btn-success md-btn"><input type="radio" name="save_in_session" value="1">{{ text_enabled }}</label>
                      <label class="btn btn-default active"><input type="radio" name="save_in_session" value="0" checked="checked">{{ text_disabled }}</label>
                      {% endif %} 
                    </div>
                  </div>
                </div>
              </fieldset>
            </div>
            <div class="tab-pane" id="tab-display">
              <fieldset>
                <legend>{{ text_display_setting }}</legend>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ entry_badge_visibility }}</label>
                  <div class="col-sm-9">
                    <div class="btn-group btn-group-vertical" data-toggle="buttons">
                      {% if (badge_visibility == '1') %} 
                      <label class="btn btn-success md-btn active"><input type="radio" name="badge_visibility" value="1" checked="checked">{{ text_show_badge }}</label>
                      <label class="btn btn-success md-btn"><input type="radio" name="badge_visibility" value="0">{{ text_hide_badge }}</label>
                      {% else %} 
                      <label class="btn btn-success md-btn"><input type="radio" name="badge_visibility" value="1">{{ text_show_badge }}</label>
                      <label class="btn btn-success md-btn active"><input type="radio" name="badge_visibility" value="0" checked="checked">{{ text_hide_badge }}</label>
                      {% endif %} 
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ entry_badge_position }}</label>
                  <div class="col-sm-9">
                    <div class="btn-group" data-toggle="buttons">
                      {% if (badge_position == 'left') %} 
                      <label class="btn btn-success md-btn active"><input type="radio" name="badge_position" value="left" checked="checked">{{ text_bottom_left }}</label>
                      <label class="btn btn-success md-btn"><input type="radio" name="badge_position" value="right">{{ text_bottom_right }}</label>
                      {% else %} 
                      <label class="btn btn-success md-btn"><input type="radio" name="badge_position" value="left">{{ text_bottom_left }}</label>
                      <label class="btn btn-success md-btn active"><input type="radio" name="badge_position" value="right" checked="checked">{{ text_bottom_right }}</label>
                      {% endif %} 
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label" for="input-position-bottom">{{ entry_badge_position_bottom }}</label>
                  <div class="col-sm-3">
                    <input type="number" name="badge_position_bottom" value="{{ badge_position_bottom }}" placeholder="{{ text_default_value }}" id="input-position-bottom" class="form-control" min="0">
                  </div>
                </div>
              </fieldset>
            </div>
            <!-- Language Setting Tab -->
            <div class="tab-pane" id="tab-language">
              <fieldset>
                <legend>{{ text_language_setting }}</legend>
                <div class="form-group" id="html-notification-block">
                  <label class="col-sm-3 control-label">{{ entry_notification_text }}</label>
                  <div class="col-sm-9">
                    <div class="alert alert-info"><i class="fa fa-info-circle"></i> {{ text_links_required }}</div>
                    <ul class="nav nav-tabs language-tab">
                      {% for language in languages %} 
                      <li><a href="#notification_{{ language['code'] }}" data-toggle="tab"><img src="{{ language['flag_img'] }}" title="{{ language['name'] }}"> {{ language['name'] }}</a></li>
                      {% endfor %} 
                    </ul>
                    <div class="tab-content">
                      {% for language in languages %} 
                      <div class="tab-pane" id="notification_{{ language['code'] }}">
                        <textarea name="notification[{{ language['code'] }}]" placeholder="{{ entry_notification_text }}" class="form-control" rows="4">{{ notification[language['code']] is defined ? notification[language['code']] : '' }}</textarea>
                      </div>
                      {% endfor %} 
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ entry_error_message }}</label>
                  <div class="col-sm-9">
                    <ul class="nav nav-tabs language-tab">
                      {% for language in languages %} 
                      <li><a href="#error_message_{{ language['code'] }}" data-toggle="tab"><img src="{{ language['flag_img'] }}" title="{{ language['name'] }}"> {{ language['name'] }}</a></li>
                      {% endfor %} 
                    </ul>
                    <div class="tab-content">
                      {% for language in languages %} 
                      <div class="tab-pane" id="error_message_{{ language['code'] }}">
                        <textarea name="error_message[{{ language['code'] }}]" placeholder="{{ entry_notification_text }}" class="form-control" rows="4">{{ error_message[language['code']] is defined ? error_message[language['code']] : '' }}</textarea>
                      </div>
                      {% endfor %} 
                    </div>
                  </div>
                </div>
              </fieldset>
            </div>
            <!-- Developer -->
            <div class="tab-pane" id="tab-developer">
              <fieldset>
                <legend class="apc-legend">{{ text_test_mode }}</legend>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ entry_test_mode_status }}</label>
                  <div class="col-sm-9">
                    <div class="alert alert-info"><i class="fa fa-info-circle"></i> {{ text_test_mode_info }}</div>
                    <div class="btn-group" data-toggle="buttons">
                      {% if (debug_mode == '1') %} 
                      <label class="btn btn-warning md-btn active"><input type="radio" name="debug_mode" value="1" checked="checked">{{ text_enabled }}</label>
                      <label class="btn btn-default"><input type="radio" name="debug_mode" value="0">{{ text_disabled }}</label>
                      {% else %} 
                      <label class="btn btn-warning md-btn"><input type="radio" name="debug_mode" value="1">{{ text_enabled }}</label>
                      <label class="btn btn-default active"><input type="radio" name="debug_mode" value="0" checked="checked">{{ text_disabled }}</label>
                      {% endif %} 
                    </div>
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend class="apc-legend">{{ text_custom_code }}</legend>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ entry_custom_css }}</label>
                  <div class="col-sm-9">
                    <div class="alert alert-info"><i class="fa fa-info-circle"></i> {{ text_custom_css_info }}</div>
                    <textarea name="custom_css" placeholder="{{ text_enter_your_css }}" class="form-control" rows="10">{{ custom_css is not empty ? custom_css : '' }}</textarea>
                  </div>
                </div>
              </fieldset>
            </div>
            <!-- Support Tab -->
            <div class="tab-pane" id="tab-support">
              <fieldset>
                <legend class="apc-legend">{{ text_get_support }}</legend>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ text_about }}</label>
                  <div class="col-sm-9">
                    <h4>{{ heading_title }}</h4>
                    <p>{{ text_module_version }}: {{ module_version }}</p>
                    <p>{{ text_author }}: {{ text_copyright }}</p>
                    <p>{{ text_homepage }}: <a href="{{ homepage }}" target="_blank"><strong>{{ homepage }}</strong></a></p>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">{{ text_support_request }}</label>
                  <div class="col-sm-9">
                    <p>{{ text_contact_us }} <a href="{{ support_href }}" target="_blank"><strong>{{ support_email }}</strong></a></p>
                    <p>{{ text_provide_credentials }}</p>
                  </div>
                </div>
              </fieldset>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{{ footer }}