<div class="container-fluid">
  <div class="row">
    <div class="col-md-4">
      <div class="box-heading">
        <h3><i class="fa fa-user"></i>&nbsp;Your License</h3>
      </div>
      {% if not moduleData.LicensedOn %}
      <div class="licenseAlerts"></div>
      <div class="licenseDiv"></div>
      <table class="table notLicensedTable">
        <tr>
          <td colspan="2">
            <div class="form-group">
              <label for="moduleLicense">Please enter your product purchase license code:</label>
              <input type="text" class="licenseCodeBox form-control" placeholder="&nbsp;License Code e.g. XXXXXX-XXXXXX-XXXXXX-XXXXXX-XXXXXX" name="{{ moduleName }}[LicenseCode]" id="moduleLicense" value="{{ moduleData.LicenseCode ?: '' }}" />
            </div>
            <button type="button" class="btn btn-success btnActivateLicense"><i class="fa fa-check"></i>&nbsp;Activate License</button>
            <div class="pull-right"><button type="button" class="btn btn-link small-link" onclick="window.open('http://isenselabs.com/users/purchases/')">Not having a code? Get it from here.&nbsp;<i class="fa fa-external-link"></i></button></div>
          </td>
        </tr>
      </table>
      <script type="text/javascript">
        var domainraw = location.protocol + '//' + location.host;
        var domain = btoa(domainraw);
        var timenow = parseInt(Date.now() / 1000);
        var MID = 'SHIB92ISFT';
      </script>
      <script type="text/javascript" src="//isenselabs.com/external/validate/"></script>

      {% else %}
      <input name="cHRpbWl6YXRpb24ef4fe" type="hidden" value="{{ license_encoded }}" />
      <input name="OaXRyb1BhY2sgLSBDb21" type="hidden" value="{{ moduleData.LicensedOn }}" />
      <table class="table licensedTable">
        <tr>
          <td>License Holder</td>
          <td>{{ moduleData.License.customerName }}</td>
        </tr>
        <tr>
          <td>Registered domains</td>
          <td>
            <ul class="registeredDomains">
              {% for domain in moduleData.License.licenseDomainsUsed %}
              <li><i class="fa fa-check"></i>&nbsp;{{ domain }}</li>
              {% endfor %}
            </ul>
          </td>
        </tr>
        <tr>
          <td>License Expires on</td>
          <td>{{ license_expiration_date }}</td>
        </tr>
        <tr>
          <td colspan="2" style="text-align:center;background-color:#EAF7D9;">VALID LICENSE ( <a href="http://isenselabs.com/users/purchases" target="_blank">manage</a> )</td>
        </tr>
      </table>
      {% endif %}
    </div>

    <div class="col-md-8">
      <div class="box-heading">
        <h3><i class="fa fa-users"></i>&nbsp;Get Support</h3>
      </div>
      <div class="box-contents">
        <div class="container-fluid">
          <div class="row">
            <div class="col-md-4">
              <div class="thumbnail">
                <img alt="Community support" style="width: 300px;" src="view/image/{{ moduleNameSmall }}/community.png">
                <div class="caption" style="text-align:center;padding-top:0px;">
                  <h3>Community</h3>
                  <p>Ask the community about your issue on the iSenseLabs forum. </p>
                  <p style="padding-top: 5px;"><a href="http://isenselabs.com/forum" target="_blank" class="btn btn-lg btn-default">Browse forums</a></p>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="thumbnail">
                <img data-src="holder.js/300x200" alt="Ticket support" style="width: 300px;" src="view/image/{{ moduleNameSmall }}/tickets.png">
                <div class="caption" style="text-align:center;padding-top:0px;">
                  <h3>Tickets</h3>
                  <p>Want to comminicate one-to-one with our tech people? Then open a support ticket.</p>
                  <p style="padding-top: 5px;"><a href="{{ ticket_open_link }}" target="_blank" class="btn btn-lg btn-default">Open a support ticket</a></p>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="thumbnail">
                <img alt="Pre-sale support" style="width: 300px;" src="view/image/{{ moduleNameSmall }}/pre-sale.png">
                <div class="caption" style="text-align:center;padding-top:0px;">
                  <h3>Pre-sale</h3>
                  <p>Have a brilliant idea for your webstore? Our team of top-notch developers can make it real.</p>
                  <p style="padding-top: 5px;"><a href="mailto:sales@isenselabs.com?subject=Pre-sale question" target="_blank" class="btn btn-lg btn-default">Bump the sales</a></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
