﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>Inogic License Configuration</title>
    <!--Declare style sheets to be used-->
    <link href="styles/bootstrap.css" rel="Stylesheet" />
    <link href="styles/InogicLicense.Style.css" rel="Stylesheet" />
</head>
<body>
    <div class="container-fluid">
        <nav class="navbar navbar-fixed-top">
            <div class="HeaderDiv col-sm-12 col-md-12">
                <!--Start header image div-->
                <div class="headerImage">
                    <a id="companyLink" href="" target="_blank">
                        <img src="images/ProductLogo.JPG" />
                    </a>
                </div>
                <div id="productName" class="productName"></div>
                <!--End header image div-->
            </div>
            <div id="sendRequestButtons" class="col-md-12 col-sm-12">
                <div id="btn_Activate" title="Click here to activate this product" class="buttons">
                    <img src="images/Activate_16.png" alt="Activate" tabindex="-1" class="ActivateButtonImg" />
                    <span tabindex="-1">ACTIVATE</span>
                </div>
                <div title="Click here to send request to Inogic to buy/renew/extend licence for this product">
                    <a id="btn_SendRequest" class="buttons" href="">
                        <img src="images/sendshortcut_16.png" alt="Send Request" tabindex="-1" class="ButtonImg" />
                        <span tabindex="-1">SEND REQUEST</span>
                    </a>
                </div>
            </div>
        </nav>

        <div id="Content" class="col-md-12 col-sm-12">
            <!--Start license registration collapsible panel-->
            <div id="licenseRegistration" class="col-md-12  col-sm-12">
                <div class="collapsesection">
                  <span data-toggle="collapse" data-target="#licenseDetails" id="ico_LicenseRegistration" class="openedPanel"></span>
                    <span data-toggle="collapse" data-target="#licenseDetails" class="toggleCollapseSpan">License Registration</span>
                </div>
                <div id="licenseDetails" class="panel-collapse collapse in">
                    <!--Start first row-->
                    <div id="CustomerName" class="col-md-12 col-sm-12">
                        <label class="label col-md-2 col-sm-2" for="firstName" title="Enter your first name">First Name <span class="requiredComponentMarkup">*</span></label>
                        <div>
                            <input id="firstName" type="text" class="textbox requiredComponent col-md-4 col-sm-4" title="Enter your first name" />
                        </div>

                        <label class="label col-md-2 col-sm-2" for="lastName" title="Enter your last name">Last Name <span class="requiredComponentMarkup">*</span></label>
                        <div>
                            <input id="lastName" type="text" class="textbox requiredComponent col-md-4 col-sm-4" title="Enter your last name" />
                        </div>
                    </div>
                    <!--End first row-->
                    <!--Start second row-->
                    <div id="CompanyContact" class="col-md-12 col-sm-12">
                        <label class="label col-md-2 col-sm-2" for="companyName" title="Enter your organization name">Company Name <span class="requiredComponentMarkup">*</span></label>
                        <div>
                            <input id="companyName" type="text" class="textbox requiredComponent col-md-4 col-sm-4" title="Enter your organization name" />
                        </div>

                        <label class="label col-md-2 col-sm-2" for="email" title="Enter your email">Email <span class="requiredComponentMarkup">*</span></label>
                        <div>
                            <input id="email" class="textbox requiredComponent col-md-4 col-sm-4" title="Enter your email" />
                        </div>
                    </div>
                    <!--End second row-->
                    <!--Start row-->
                    <div id="CompanyContact2" class="col-md-12 col-sm-12">
                        <label class="label col-md-2 col-sm-2" for="website" title="Enter your website">Website <span class="requiredComponentMarkup">*</span></label>
                        <div>
                            <input id="website" type="text" class="textbox requiredComponent col-md-4 col-sm-4" title="Enter your website" />
                        </div>

                        <label class="label col-md-2 col-sm-2" for="mainPhone" title="Enter your phone number">Main Phone <span class="requiredComponentMarkup">*</span></label>
                        <div>
                            <input id="mainPhone" type="text" class="textbox requiredComponent col-md-4 col-sm-4" title="Enter your phone number" />
                        </div>
                    </div>
                    <!--End row-->
                    <!--Start row-->
                    <div class="col-md-12 col-sm-12">
                        <label class="innerHeading col-md-2">CRM Details </label>
                    </div>
                    <!--End row-->
                    <!--Start row-->
                    <div class="col-md-12 col-sm-12">

                        <label class="label col-md-2 col-sm-2" for="server" title="URL of your organization">CRM URL <span class="requiredComponentMarkup">*</span></label>
                        <div>
                            <input id="server" type="text" readonly class="textboxReadonly requiredComponent col-md-4 col-sm-4" />
                        </div>
                        <label class="label col-md-2 col-sm-2" for="organization" title="Organization unique name">Organization <span class="requiredComponentMarkup">*</span></label>
                        <div>
                            <input id="organization" type="text" readonly class="textboxReadonly requiredComponent col-md-4 col-sm-4" />
                        </div>
                    </div>
                    <!--End row-->
                    <!--Start row-->
                    <div class="col-md-12 col-sm-12" style="display: none">

                        <div id="ProductName">
                            <label class="label col-md-2 col-sm-2" for="product">Product <span class="requiredComponentMarkup">*</span></label>
                            <div>
                                <input id="product" type="text" readonly class="textboxReadonly requiredComponent col-md-4 col-sm-4" />
                            </div>
                        </div>
                    </div>
                    <!--End row-->
                    <!--Start row-->
                    <div class="col-md-12 col-sm-12">
                        <label class="label col-md-2 col-sm-2" for="version" title="Version of your organization">CRM Version <span class="requiredComponentMarkup">*</span></label>
                        <div>
                            <input id="version" type="text" readonly class="textboxReadonly requiredComponent col-md-4 col-sm-4" />
                        </div>

                        <label class="label col-md-2 col-sm-2" for="userLicense" title="User count">User License <span class="requiredComponentMarkup">*</span></label>
                        <div>
                            <input id="userLicense" readonly class="textboxReadonly requiredComponent col-md-4 col-sm-4" />
                        </div>
                    </div>
                    <!--End row-->
                    <div class="col-md-12 col-sm-12">
                        <span class="label"></span>
                    </div>
                    <!--End row-->
                    <!--Start button row-->
                    <!--End row-->
                </div>
            </div>
            <!--End license registration collapsible panel-->
            <!--Start blank row-->
            <div class="spacer col-md-12 col-sm-12">
                <span class="label"></span>
            </div>
            <!--End row-->
            <!--Start license registration using .lic file collapsible panel-->
            <div id="licenseFileRegistration" class="col-md-12 col-sm-12">
                <div class="collapsesection">
                    <span data-toggle="collapse" data-target="#licenseFileDetails" id="ico_LicenseFileRegistration" class="collapsedPanel"></span>
                    <span data-toggle="collapse" data-target="#licenseFileDetails" class="toggleCollapseSpan">License Registration using (*.lic) file</span>
                </div>
                <div id="licenseFileDetails" class="panel-collapse collapse">
                    <div class=" LicenseFileDetails col-md-12 col-sm-12">
                        <label class="label col-md-2 col-sm-2" for="btnBrowse">Select (*.lic) File <span class="requiredComponentMarkup">*</span></label>
                        <div class="col-md-6 col-sm-6">
                            <input id="btnBrowse" type="file" accept=".lic" class="file" />
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <button type="button" id="btn_RegisterLicense" class="buttons" title="Click here to register licence">Register</button>
                        </div>
                    </div>
                </div>
            </div>
            <!--End license registration using .lic file  collapsible panel-->
            <!--Start blank row-->
            <!--Start blank row-->
            <div id="installSamplesSpacer" class="spacer col-md-12 col-sm-12">
                <span class="label"></span>
            </div>
            <!--End row-->
            <!--End row-->
            <!--Start install samples collapsible panel-->
            <div id="installSamples" class="col-md-12 col-sm-6">
                <div class="collapsesection">
                    <span data-toggle="collapse" data-target="#installSampleDetails" id="ico_InstallSamples" class="collapsedPanel"></span>
                    <span data-toggle="collapse" data-target="#installSampleDetails" class="toggleCollapseSpan">Install Samples</span>
                </div>
                <div id="installSampleDetails" class="panel-collapse collapse">
                    <div class="col-md-12 col-sm-12">
                        <button type="button" id="btnInstallSamples" class="buttons">Install Samples</button>
                    </div>
                </div>
            </div>
            <!--End install samples panel-->
            <!--Start blank row-->
            <div class="spacer col-md-12 col-sm-12">
                <span class="label"></span>
            </div>
            <!--End row-->
            <!--Start install samples collapsible panel-->
            <div id="notes" class="col-md-12 col-sm-12">
                <span data-toggle="collapse" data-target="#notesDetails" id="ico_CheckList" class="collapsedPanel"></span>
                <span data-toggle="collapse" data-target="#notesDetails" class="toggleCollapseSpan">Notes</span>
                <div id="notesDetails" class="panel-collapse collapse">
                    <div id="notesContent" class="col-md-12 col-sm-12"></div>
                </div>
            </div>
            <!--End install samples panel-->

            <div id="ConfirmRequest" class="col-md-12 col-sm-12">
                <span id="ConfirmationContent"></span>
            </div>

        </div>
    </div>
    <!--Start product status div-->
    <div id="productStatus" class="navbar-fixed-bottom">
        <div id="LicensePeriod" class="LicensePeriodHidden col-md-12 col-sm-12">
            <label for="LicenseStartTime" class="LicensePeriodLabel col-sm-2 col-md-2">License Start Date</label>
            <label id="LicenseStartTime" class="LicensePeriodContent col-sm-4 col-md-4"></label>

            <label for="LicenseEndTime" id="lblLicenseEndTime" class="LicensePeriodLabel col-sm-2 col-md-2">License End Date</label>
            <label id="LicenseEndTime" class="LicensePeriodContent col-sm-4 col-md-4"></label>
        </div>

        <div class="col-md-12 col-sm-12">
            <span class="label"></span>
        </div>
        <div id="statusDesc" class="statusDesc col-md-12 col-sm-12">
        </div>
    </div>
    <!--End product status div-->

    <div id="mailBody" style="display: none">
        mailto:crm@inogic.com?subject=New License Activation Request&body=Hi Inogic,%0D%0A%0D%0AWe want to buy license for your product: PRODUCT, please find the environment details below for the same:%0D%0ADETAILS%0D%0A%0D%0A
    </div>

    <!--Declare scripts libraries to be used-->

    <script type="text/javascript" src="../../ClientGlobalContext.js.aspx"></script>
    <script src="scripts/InogicLicense.json2.js"></script>
    <script src="scripts/InogicLicense.jquery.js"></script>
    <script src="scripts/InogicLicense.jquery_ui.js"></script>
    <script src="scripts/InogicLicense.bootstrap.js"></script>
    <script type="text/javascript">
        var Inogic_JQ19 = jQuery.noConflict();
    </script>
    <script src="scripts/promise.min.js"></script>
    <script src="scripts/Click2Export.CrmJs.js"></script>
    <script src="scripts/InogicLicense.XRMLib.js"></script>    
    <script src="scripts/Click2Export.WebAPI.js"></script>
    <script src="scripts/InogicLicense.LicDtEn.js"></script>
    <script src="scripts/InogicLicense.LicDtEnDc.js"></script>
    <script src="scripts/InogicLicense.Validation.js"></script>
    <script src="scripts/Click2Export.moment.js"></script>
    <script src="scripts/InogicLicense.Configuration.js"></script>    
  
</body>
</html>
