<div class="wrap">
  <h3>Linking</h3>
  <p>This section should be filled automatically when you register a Kickflip account. If it is not, please use the Open Kickflip Dashboard link above to start your free trial or reconnect your account.</p>
  <hr>

  <form name="form" method="post">
    <input type="hidden" id="section" name="section" readonly="readonly" value="linking">
    <fieldset>
      <table class="form-table">
        <tbody>
          <tr>
            <th><label for="form_brand">Brand</label></th>
            <td>
            <input type="text" id="form_brand" name="brand" required="required" readonly="readonly" value="{{form.brand}}">
            <br>
            <small>This is your alias and sub-domain name on gokickflip.com. This input will be filled automatically.</small>
            </td>
          <tr>

          <tr>
            <th><label for="form_shopId">Shop id</label></th>
            <td>
            <input type="text" id="form_shopId" name="shopId" required="required" readonly="readonly" value="{{ form.shopId }}">
            <br>
            <small>This value is a reference to your store in Kickflip system. This input will be filled automatically.</small>
            </td>
          </tr>

          <input type="hidden" id="form_apiToken" name="apiToken" readonly="readonly" value="{{ form.apiToken }}">

          <tr>
            <th><label for="form_syncCode">Sync code</label></th>
            <td>
            <input type="text" id="form_syncCode" name="syncCode">
            <button type="submit" id="form_submit" name="submit" class="button button-secondary">Sync</button>
            </td>
          </tr>

          <tr>
            <th></th>
            <td>
            <input type="checkbox" id="form_unlinkBrand" name="unlinkBrand" value="true">
            <label for="form_unlinkBrand"> Unlink brand. Use the Open Kickflip Dashboard link above to start your free trial or reconnect your account.</label>
            </td>
          </tr>

          <tr>
            <th></th>
            <td><button type="submit" id="form_submit" name="submit" class="button button-primary">Submit</button></td>
          </tr>
        </tbody>
      </table>
    </fieldset>

    <fieldset>
      {{ form.token | raw }}
    </fieldset>
  </form>
</div>
