{{ header }}
<div class="bg-white pb-50">
<div id="account-affiliate" class="container acpage">
<!-- Breadcrumb -->
<div class="d-flex justify-content-between align-items-center pt-3 pb-3">
  <div class="">
  <div class="back-to-home">
      <a href="{{ home }}"><img src="image/catalog/back-to-home.svg" alt="Back to home"> &nbsp <span> {{ back_to_main }}</span></a>
   </div>  
  </div>
  <div class="">
    <ul class="breadcrumb ">
      {% for breadcrumb in breadcrumbs %}
        <li class="breadcrumb-item"><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
      {% endfor %}
    </ul>  
  </div> 
</div>
<!-- Breadcrumb end -->
  <div class="row">{{ column_left }}
    <div id="content" class="col">{{ content_top }}
      <h1>{{ heading_title }}</h1>
      <form id="form-affiliate" action="{{ save }}" method="post" data-oc-toggle="ajax">

        <fieldset>
          <legend>{{ text_my_affiliate }}</legend>
          <p>{{ text_affiliate_detail }}</p>
		  
		  
		  <div class="row mb-3" style="display: none">
            <label for="input-company" class="col-sm-2 col-form-label">{{ entry_company }}</label>
            <div class="col-sm-10">
              <input type="text" name="company" value="{{ company }}" placeholder="{{ entry_company }}" id="input-company" class="form-control"/>
            </div>
          </div>
          <div class="row mb-3" style="display: none">
            <label for="input-website" class="col-sm-2 col-form-label">{{ entry_website }}</label>
            <div class="col-sm-10">
              <input type="text" name="website" value="{{ website }}" placeholder="{{ entry_website }}" id="input-website" class="form-control"/>
            </div>
          </div>
          
        </fieldset>

        

        <div class="pt-2 pd-2 d-inline-block w-100">
          <div class="float-end">
            {% if text_agree %}
              <div class="form-check form-check-inline">
                <label class="form-check-label">{{ text_agree }}</label>
                <input type="checkbox" name="agree" value="1" class="form-check-input"/>
                &nbsp;
              </div>
            
				<button type="submit" class="btn btn-primary">{{ button_continue }}</button>
			{% endif %}
            
          </div>
        </div>

      </form>
      {{ content_bottom }}</div>
    {{ column_right }}</div>
</div>
</div>
<script type="text/javascript"><!--
$('input[name=\'payment\']').on('change', function () {
    $('.payment').hide();

    $('#payment-' + this.value).show();
});

$('input[name=\'payment\']:checked').trigger('change');
//--></script>
{{ footer }}