<div class="container-fluid" id="support">
    <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 (data['iproductvideo']['LicensedOn'] is empty) %}
            <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="License Code e.g. XXXXXX-XXXXXX-XXXXXX-XXXXXX-XXXXXX" name="iproductvideo[LicenseCode]" id="moduleLicense" value="{{ (data['iproductvideo']['LicenseCode'] is not empty) ? data['iproductvideo']['LicenseCode'] : '' }}" />
                        </div>
                        <button type="button" class="btn btn-success btnActivateLicense"><i class="fa fa-check"></i> 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 domain='{{ hostname_base64 }}';
                var domainraw='{{ hostname }}';
                var timenow={{ timenow }};
                var MID = 'QM3RN0E1VI';
            </script> 
            <script type="text/javascript" src="//isenselabs.com/external/validate/"></script>
            {% endif %}
            {% if (data['iproductvideo']['LicensedOn'] is not empty) %}
            <input name="cHRpbWl6YXRpb24ef4fe" type="hidden" value="{{ cHRpbWl6YXRpb24ef4fe }}" />
            <input name="OaXRyb1BhY2sgLSBDb21" type="hidden" value="{{ data['iproductvideo']['LicensedOn'] }}" />
            <table class="table licensedTable">
                <tr>
                    <td>License Holder</td>
                    <td>{{ data['iproductvideo']['License']['customerName'] }}</td>
                </tr>
                <tr>
                    <td>Registered domains</td>
                    <td><ul class="registeredDomains">
                            {% for domain in data['iproductvideo']['License']['licenseDomainsUsed'] %}
                            <li><i class="fa fa-check"></i>&nbsp;{{ domain }}</li>
                            {% endfor %}
                        </ul>
                    </td>
                </tr>
                <tr>
                    <td>License Expires on</td>
                    <td>{{ data['iproductvideo']['License']['licenseExpireDate']|date("F j, Y") }}</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-group"></i>&nbsp;Get Support</h3>
            </div>
            <div class="box-content">
                <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/iproductvideo/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/iproductvideo/tickets.png">
                                <div class="caption" style="text-align:center;padding-top:0px;">
                                    <h3>Tickets</h3>
                                    <p>Want to communicate one-to-one with our tech people? Then open a support ticket.</p>
                                    <p style="padding-top: 5px;"><a href="{{ open_ticket_url }}" 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/iproductvideo/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>
