<!-- begin page-header -->
<h1 class="page-header">Dashboard</h1>
<!-- end page-header -->

<!-- begin row -->
<div class="row" id="createAppPanel">
<!-- begin panel -->
<div class="panel panel-inverse">
<div class="panel-heading">

<h4 class="panel-title p-heading">Setup your App</h4>
</div>
<div class="panel-body">
<form action="/" method="POST">
<div id="setupwizard">
<ol>
<li>
Setup your App
<small>Setup your App and move on to Integrate.</small>
</li>
<li>
Integrate With SDK
<small>Steps to Download and Integrate with SDK of your choice.</small>
</li>
<li>
Test the Integration
<small>Review and Finish App Creation, Learn more.</small>
</li>
</ol>
<!-- begin wizard step-1 -->
<div>
<div class="jumbotron m-b-0" style="height:370px;padding-top:5px">
<!-- begin row -->
<div class="col-md-6">
<strong>Give us the path to your application and we will start gathering data and churn insights for you to act upon.If your app is available on different platforms,please make sure you provide us the path of all the platforms below</strong><br/>
<div class="col-12 ui-sortable">

<div class="panel-body">

<div class="form-horizontal">
<div class="form-group">
<div class="col-md-3">
<img style="height: 40px;width: 100px;margin-bottom: 10px;" src="images/dashboard/appstore.png">

</div>
<div class="col-md-6">
<input type="text" id="appnameStore" class="form-control appnameStore" placeholder="Application Name / App Store URL" name="appnameGoogle">
<span class="appnameStoreError" style="display: none;">Please enter Application Name / App Store URL !</span>
<span class="appnameStoreIndexError" style="display: none;">Please enter a valid Itune Appstore Url !</span>
</div>




</div>
<div class="form-group">
<div class="col-md-3">
<img style="height: 40px;width: 100px;margin-bottom: 10px;" src="images/dashboard/google.jpg">

</div>
<div class="col-md-6">
<input type="text" id="appnameGoogle" class="form-control appnameGoogle" placeholder="Application Name / App Store URL" name="appnameGoogle">
<span class="appnameGoogleError" style="display: none;">Please enter Application Name / Play Store URL!</span>
<span class="appnameGoogleIndexError" style="display: none;">Please enter a valid Google Play Appstore Url !</span>
</div>

</div>
<div class="form-group">
<div class="col-md-3">
<img style="height: 40px;width: 100px;margin-bottom: 10px;border-radius:5px" src="images/dashboard/web.jpg">

</div>
<div class="col-md-6">
<input type="text" id="appnameWeb" class="form-control appnameWeb" placeholder="Website URL" name="appnameWeb" >
<span class="appnameWebError" style="display: none;">Please enter website URL!</span>
<span class="appnameWebIndexError" style="display: none;">Please enter a valid website Url !</span>
</div>

</div>
<div class="form-group">
<div class="col-md-3">

<input type="checkbox" disabled readonly> Other store</input>
</div>
<div class="col-md-6">
<input type="text" id="appnameOthers" class="form-control" placeholder="Application Name / App Store URL" name="appnameOthers" readonly>
</div>

</div>
</div>

</div>
</div>
</div>

<div class="col-md-6" style=" padding-right:4px;height:98%">
<div id="entry" style="background-color: #f27824;height:30px; border-top-left-radius: 10px;border-top-right-radius: 10px;padding-left:20px;color:white;font-weight:bold;height:15%;padding-top: 15px; font-size: 18px;">
Example Entry of an App
</div>
<div style="background-color: #FFD993;height:100%;">
<div class="col-md-12" style="padding-top:20px;position">
<div class="panel-body">
<div class="form-horizontal">
<div class="form-group">
<!-- <h4>App Name / AppStore URL</h4></br> -->
<div class="col-md-3">
<img src="images/dashboard/hotstart.png" id="appImage" style="height: 60px;width: 60px;margin-bottom: 10px;"/>

</div>
<div id="appCategory" style="display:none">
setexample </div>
<h4 id="appname">
hotstar live TV movies cricket </h4>
</div>
<div class="form-group">
<div class="col-md-3">
<img src="images/dashboard/appstore.png" style="height: 40px;width: 100px;margin-bottom: 10px;">

</div>
<div class="col-md-12">
<label id="lblappnameas" style="font-size:10px;font-weight:bold" class="control-label" name="lblappnameas">https://itunes.apple.com/in/app/hotstar/id934459219?mt=8</label>
</div>
</div>
<div class="form-group">
<div class="col-md-3">
<img style="height: 40px;width: 100px;margin-bottom: 10px;" src="images/dashboard/google.jpg">

</div>
<div class="col-md-12">
<label id="lblappnamegp" style="font-size:10px;font-weight:bold" class="control-label" name="lblappnamegp">https://play.google.com/store/apps/details?id=in.startv.hotstar</label>
</div>
</div>
</div>
</div>
</div>
<!-- end col-6 -->
</div>
</div>
<!-- end row -->
</div>
</div>
<!-- end wizard step-1 -->

<!-- begin wizard step-2 -->
<div>
<fieldset>
<legend class="pull-left width-full" style="font-size:12px;font-weight:bold;">Download SDK's</legend>
<form class="form-horizontal">


<!-- <div class="form-group">
<label class="col-md-3 control-label" >iOS SDK </label>
<label class="control-label" style="padding-left:12px;"><a href="https://appiceprod.blob.core.windows.net/appice-doc/ios_apice_lite_skds.zip">Download</a></label>
</div> -->
<div class="form-group">
<label class="col-md-3 control-label" >Web SDK </label>
<label class="control-label" style="padding-left:12px;"><a href="https://appiceprod.blob.core.windows.net/appice-doc/web_appICE_lite_sdk.zip">Download</a></label>
</div>
</form>
</fieldset>
<fieldset>
<legend class="pull-left width-full" style="font-size:12px;font-weight:bold;">Steps to Integrate with SDK.</legend>
<!--BEGIN ROW -->
<div class="row" style="padding-top:40px">
<div class="col-md-12">
<div class="panel-group" id="accordion">
<div class="panel panel-inverse overflow-hidden" id="stepWeb">
        <div class="panel-heading">
            <h3 class="panel-title">
                <a href="#collapseThree" data-parent="#accordion" data-toggle="collapse" class="accordion-toggle accordion-toggle-styled" aria-expanded="true">
                <i class="fa fa-plus-circle pull-right"></i>
                STEPS FOR WEB SDK
                </a>
            </h3>
        </div>
        <div style="" aria-expanded="true" id="collapseThree" class="panel-collapse collapse in">
            <div class="panel-body">
                <div readonly class="form-control" style="height:370px" id="devdata" >
                </div>
            </div>
        </div>
    </div>
<div class="panel panel-inverse overflow-hidden" id="stepAndriod">
    <div class="panel-heading">
        <h3 class="panel-title">
            <a href="#collapseOne" data-parent="#accordion" data-toggle="collapse" class="accordion-toggle accordion-toggle-styled" aria-expanded="true">
            <i class="fa fa-plus-circle pull-right"></i>
            STEPS FOR ANDRIOD
            </a>
        </h3>
    </div>
    <div style="" aria-expanded="true" id="collapseOne" class="panel-collapse collapse in">
        <div class="panel-body">
            <div readonly class="form-control" style="height:370px" id="devdata" >
            </div>
        </div>
    </div>
</div>
<div class="panel panel-inverse overflow-hidden" id="stepIOS">
<div class="panel-heading">
<h3 class="panel-title">
<a href="#collapseTwo" data-parent="#accordion" data-toggle="collapse" class="accordion-toggle accordion-toggle-styled" aria-expanded="true">
<i class="fa fa-plus-circle pull-right"></i>
STEPS FOR iOS
</a>
</h3>
</div>
<div aria-expanded="false" id="collapseTwo" class="panel-collapse collapse" style="height: 0px;">
<div class="panel-body">
<div readonly class="form-control" style="height:370px" id="devdataIOS" > </div>
</div>
</div>
</div>
</div>
</div>
<!-- END ROW -->

<div class="panel-body">
<form class="form-horizontal">
<div class="form-group">
<label class="col-md-3 control-label">Developer Email ID</label>
<div class="col-md-6">
<input type="text" id="devemailid" placeholder="Developer Email ID" class="form-control">
</div>
<span id="emailissue" ></span>

</div>
</form>
</div>

</div>
<!-- end row -->
</fieldset>
</div>
<!-- end wizard step-2 -->

<!-- begin wizard step-3 -->
<div>
<div class="jumbotron m-b-0 text-center">


<h1>App Created!</h1>
<img src="" id="app_Image" style="display:none;height: 60px;width: 60px;margin-bottom: 10px;"/>
<h3><span id="app_name"></span></h3>
<!-- <h3><p class="text-success">Developer Email ID - <span id="dev_emailid"></span></p><h3>-->
<p><a style="border-radius: 15px;" class="btn btn-white disabled" role="button" id="createappbtn">Go to my Dashboard</a></p>
<br/><span id="emailissue2" ></span>
</div>
</div>
<!-- end wizard step-3 -->
</div>



</form>
</div>
</div>

<!-- end row -->
</div>