Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit 61b69ada078ec53e82b82e0dc5bea0ca52bc8b6f

Authored by Palak Handa 2017-10-03 06:56:02 -0400

1 parent b8938eb778

Exists in master and in 1 other branch

design updated

Showing 2 changed files with 14 additions and 20 deletions Show diff stats

pages/home.html

Diff comments View file @61b69ad

 <div class="header">
    <div style="float: left;">
       <img src="images/white.png" class="logo" >
    </div>
    <!-- <div style="float: right;" class="right-side-links">
          <a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a>
          <a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a>
    </div> -->
 <div class="clearfix"></div>
 </div>
 <!-- CLOSE HEADER -->
 <form name="applicantForm" id="signupForm">
    <div class="col-xs-12 col-md-10 col-md-offset-1">
       <div class="col-xs-12">
          <div class="row">
             <div class="col-sm-8">
                <div style="padding-top:2%;"><b>Startup Jalsa</b> is a platform which brings together successful entrepreneurs with aspiring entrepreneurs - to helps startup get funding ready.
                   <ul>
                      <li>Watch <a href="https://www.youtube.com/watch?v=8i1bLQ7jS0I&feature=youtu.be/" target="_blank">Startup Jalsa 2016</a></li>
                      <li>Watch <a href="https://www.youtube.com/watch?v=v8jqTRzQqOI&index=2&list=PL_ieVNgs36HStvzUph85NUXjrZIXS_bTg/" target="_blank">what startups, mentors and investors think</a> about Startup Jalsa</li>
                      <li>Watch how Startup Jalsa 2017 can help you: <a href="https://www.youtube.com/watch?v=ANNugxCVCJI&feature=youtu.be/" target="_blank"> Startup Jalsa 2017</a></li>
                   </ul>
                   <b>Become a part of our network and get access to leading entrepreneurs from all sectors. Startups looking to register, need to keep the following in mind:</b><br>
                   There are two stages in the process of selection<br>
                   <ul>
                      <li>Startup Jalsa Inspire edition (November 3, 2017 onwards across cities)</li>
                      <li>Startup Jalsa Invest edition (November 25 and 26, 2017 in Chandigarh)</li>
                   </ul>
+                  We invite applications from startups of all sectors and stages<br>
+                  <div class="col-sm-12">
+                     <div class="col-sm-6">
+                        <b>Registration deadline:</b> 15 Oct 2017<br>
+                        <b>Fee:</b> Idea stage startups ₹500 + taxes/ Product stage startups ₹1000 + taxes/ growth stage startups ₹1000+ taxes</br>
+                     </div>
+                     <div class="col-sm-6">
+                        <b>Extended registration deadline:</b> 31 Oct 2017<br>
+                        <b>Fee:</b> Idea stage startups ₹1000 + taxes/ Product stage startups ₹1500 + taxes / Growth stage startups ₹1500+ taxes
+                     </div>
+                  </div>&nbsp;<br>
                   <ul>
-                     We invite applications from startups of all sectors and stages<br>
-                     <li><b>Registration deadline: 15th October 2017</b><br>
-                     <b>Fee:</b> Idea stage startups ₹500 + taxes/ Product stage startups ₹1000 + taxes/ growth stage startups ₹1000+ taxes</li>
-                     <li><b>Extended registration deadline: 31st October 2017</b><br>
-                     <b>Fee:</b> Idea stage startups ₹1000 + taxes/ Product stage startups ₹1500 + taxes / Growth stage startups ₹1500+ taxes</li>
-                  </ul>
-                  <ol>
                      <li><b>Post registration, get access to Startup Jalsa - Inspire edition:</b><br>
                      We’ll organize meetups across various cities where you can meet mentors and get one-on-one feedback on your idea.</li>
-                     <li>At each Inspire event, Startup Jalsa will give <b>₹1 Lac funding on the spot to 1 idea stage startup. Total of 10 funding slots are available.</b></li>
+                     <li>At each Inspire event <b>per city</b>, Startup Jalsa will give <b>₹1 Lac cash-prize to 1 idea stage startup</b> for building the proof-of-concept.</li>
-                  </ol>
-                  <ul>
                      <li><b>Selected startups can participate in Startup Jalsa - Invest edition.</b><br>
                      Spend 2 days with the top investors, entrepreneurs and policy makers - and pitch them to get funded upto ₹10 crores.<br>
-                     A separate registration fee for the Startup Jalsa - Invest edition will be notified in due time.</li>
+                     <b>A separate registration fee for the Startup Jalsa - Invest edition will be notified in due time</b>.</li>
                      <li>1 product stage startup will get <b>Guaranteed ₹1 Crore funding</b> at the Invest edition.</li>
                   </ul>
                </div>
             </div>
             <div class="row">
                <div class="col-sm-4">
                   <div class="card" style="width:auto;">
                      <p style="font-size:15px;padding:5% 4%"><b>Inspire edition of Startup Jalsa is coming to the following cities:</b></p>
                      <ul>
                         <li>November 3: <a href="http://startupjalsa.com/chennai/" target="_blank">Chennai</a></li>
                         <li>November 4: <a href="http://startupjalsa.com/hyderabad/" target="_blank">Hyderabad</a></li>
                         <li>November 5: <a href="http://startupjalsa.com/bengaluru/" target="_blank">Bengaluru</a></li>
                         <li>November 11: <a href="http://startupjalsa.com/pune/" target="_blank">Pune</a></li>
                         <li>November 12: <a href="http://startupjalsa.com/mumbai/" target="_blank">Mumbai</a></li>
                         <li>November 18: <a href="http://startupjalsa.com/ahmedabad/" target="_blank">Ahmedabad</a></li>
                         <li>November 19: <a href="http://startupjalsa.com/delhi/" target="_blank">Delhi</a></li>
                      </ul><br>
                   </div>
                </div>
             </div>
-            <p>To get started, <b>Apply now</b></p>
          </div>
       </div>
       <p class="select-stage" style="font-size:16px;"><b>Please select one stage.</b></p>
       <div class="stage-shadow">
          <div class="stages card-align">
             <div class="col-xs-4 no-padding">
                <div class="card stages-card">
                   <input type="radio" ng-model="data.stage" class="stageRadio" value="Idea" name="Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage('Idea')">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">
                      <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Idea</p>
                      </div>
                   </label>
                </div>
                <div class="clearfix"></div>
                <div class="cards-content hidden-xs">
                   <p>
                      &#x26AC; Have an idea and need execution help?<br>
                      &#x26AC; Get feedback from mentors<br>
                      &#x26AC; Validate your idea.
                   </p>
                </div>
             </div>
             <div class="col-xs-4 no-padding-mobile">
                <div class="card stages-card margin-auto-mobile">
                   <input type="radio"  ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage('Product')">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">
                      <img class="stage-img stage-product" src="images/production-stage.png"  alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Product</p>
                      </div>
                   </label>
                </div>
                <div class="clearfix"></div>
                <div class="cards-content hidden-xs">
                   <p>
                      &#x26AC; Have a prototype and want to take it to next level?<br>
                      &#x26AC; Advice on fundraising<br>
                      &#x26AC; Advice on go-to-market strategy
                   </p>
                </div>
             </div>
             <div class="col-xs-4 no-padding">
                <div class="card stages-card right-stage-card">
                   <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage('Growth')">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">
                      <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Growth</p>
                      </div>
                   </label>
                </div>
                <div class="clearfix"></div>
                <div class="cards-content hidden-xs">
                   <p>
                      &#x26AC; Have traction and looking to scale up?<br>
                      &#x26AC; Connect with Series A investors<br>
                      &#x26AC; Connect and hire top startups
                   </p>
                </div>
             </div>
             <div class="clearfix"></div>
          </div>
          <div class="clearfix"></div>
       </div>
       <div class="hidden-sm hidden-md hidden-lg">
          <div class="cards-content" ng-if="data.stage == 'Idea'">
             <p>
                &#x26AC; Have an idea and need execution help?<br>
                &#x26AC; Get feedback from mentors<br>
                &#x26AC; Validate your idea.
             </p>
          </div>
          <div class="cards-content" ng-if="data.stage == 'Product'">
             <p>
                &#x26AC; Have a prototype and want to take it to next level?<br>
                &#x26AC; Advice on fundraising<br>
                &#x26AC; Advice on go-to-market strategy
             </p>
          </div>
          <div class="cards-content" ng-if="data.stage == 'Growth'">
             <p>
                &#x26AC; Have traction and looking to scale up?<br>
                &#x26AC; Connect with Series A investors<br>
                &#x26AC; Connect and hire top startups
             </p>
          </div>
       </div>
       <!-- CLOSE STAGE SHADOW -->
       <form name="informationForm">
       <div class="form-all">
          <table style="width: 100%;">
             <tr>
                <td>
                   <div class="step-one-form">
                      <!-- form step 1 -->
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-c">
                            <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
                         </div>
                         <input type="text" class="text-input" required  ng-model="data.name" placeholder="Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(data.name)">
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-d">
                            <i class="material-icons" style="line-height: 30px;">email</i>
                         </div>
                         <input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address" ng-blur="emailcheck(data.email)" ng-focus="removeError()" ng-change="enteremail(data.email); emailkeyPress(data.email)">
                         <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
                         <label ng-if="check">Email already exist.</label>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-e">
                            <i class="material-icons" style="line-height: 30px;">phone</i>
                         </div>
                         <input type="number" ng-pattern="/^[0-9+-]*$/" maxlength="15" required class="text-input" ng-blur="numbercheck(data.number)" ng-model="data.number" placeholder="Mobile No." ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)">
                         <label  ng-if="numberCheck">Contact Number already exist.</label>
                      </div>
                      <div class="col-xs-12  col-md-6 input-wrapper f-family">
                         <div class="icon-circle-f">
                            <i class="material-icons" style="line-height: 30px;">location_city</i>
                         </div>
                         <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" required style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;">
                            <option name="city" selected disabled value="">Choose City</option>
                            <option value="Agra">Agra</option>
                            <option value="Ahmedabad">Ahmedabad</option>
                            <option value="Ajmer">Ajmer</option>
                            <option value="Aligarh">Aligarh</option>
                            <option value="Allahabad">Allahabad</option>
                            <option value="Ambattur">Ambattur</option>
                            <option value="Amravati">Amravati</option>
                            <option value="Amritsar">Amritsar</option>
                            <option value="Asansol">Asansol</option>
                            <option value="Aurangabad">Aurangabad</option>
                            <option value="Bareilly">Bareilly</option>
                            <option value="Belgaum">Belgaum</option>
                            <option value="Bengaluru">Bengaluru</option>
                            <option value="Bhavnagar">Bhavnagar</option>
                            <option value="Bhayander">Bhayander</option>
                            <option value="Bhilai Nagar">Bhilai Nagar</option>
                            <option value="Bhiwandi">Bhiwandi</option>
                            <option value="Bhopal">Bhopal</option>
                            <option value="Bhubaneswar">Bhubaneswar</option>
                            <option value="Bikaner">Bikaner</option>
                            <option value="Chandigarh">Chandigarh</option>
                            <option value="Chennai">Chennai</option>
                            <option value="Chinchwad">Chinchwad</option>
                            <option value="Coimbatore">Coimbatore</option>
                            <option value="Cuttack">Cuttack</option>
                            <option value="Dehradun">Dehradun</option>
                            <option value="Delhi-NCR">Delhi-NCR</option>
                            <option value="Dhanbad">Dhanbad</option>
                            <option value="Dharwad">Dharwad</option>
                            <option value="Dombivali">Dombivali</option>
                            <option value="Durgapur">Durgapur</option>
                            <option value="Faridabad">Faridabad</option>
                            <option value="Firozabad">Firozabad</option>
                            <option value="Gaya">Gaya</option>
                            <option value="Ghaziabad">Ghaziabad</option>
                            <option value="Gorakhpur">Gorakhpur</option>
                            <option value="Gulbarga">Gulbarga</option>
                            <option value="Guntur">Guntur</option>
                            <option value="Gurgaon">Gurgaon</option>
                            <option value="Guwahati">Guwahati</option>
                            <option value="Gwalior">Gwalior</option>
                            <option value="Haora">Haora</option>
                            <option value="Hubli">Hubli</option>
                            <option value="Hyderabad">Hyderabad</option>
                            <option value="Indore">Indore</option>
                            <option value="Jabalpur">Jabalpur</option>
                            <option value="Jaipur">Jaipur</option>
                            <option value="Jalandhar">Jalandhar</option>
                            <option value="Jalgaon">Jalgaon</option>
                            <option value="Jammu">Jammu</option>
                            <option value="Jamnagar">Jamnagar</option>
                            <option value="Jamshedpur">Jamshedpur</option>
                            <option value="Jhansi">Jhansi</option>
                            <option value="Jodhpur">Jodhpur</option>
                            <option value="Kalyan">Kalyan</option>
                            <option value="Kanpur">Kanpur</option>
                            <option value="Kochi">Kochi</option>
                            <option value="Kolapur">Kolapur</option>
                            <option value="Kolkata">Kolkata</option>
                            <option value="Kota">Kota</option>
                            <option value="Loni">Loni</option>
                            <option value="Lucknow">Lucknow</option>
                            <option value="Ludhiana">Ludhiana</option>
                            <option value="Madurai">Madurai</option>
                            <option value="Maheshtala">Maheshtala</option>
                            <option value="Malegoan">Malegoan</option>
                            <option value="Mangalore">Mangalore</option>
                            <option value="Meerut">Meerut</option>
                            <option value="Mira">Mira</option>
                            <option value="Moradabad">Moradabad</option>
                            <option value="Mumbai">Mumbai</option>
                            <option value="Mysore">Mysore</option>
                            <option value="Nagpur">Nagpur</option>
                            <option value="Nanded Waghala">Nanded Waghala</option>
                            <option value="Nashik">Nashik</option>
                            <option value="Navi Mumbai">Navi Mumbai</option>
                            <option value="Nellore">Nellore</option>
                            <option value="Noida">Noida</option>
                            <option value="Patna">Patna</option>
                            <option value="Pimpri">Pimpri</option>
                            <option value="Pune">Pune</option>
                            <option value="Raipur">Raipur</option>
                            <option value="Rajkot">Rajkot</option>
                            <option value="Ranchi">Ranchi</option>
                            <option value="Saharanpur">Saharanpur</option>
                            <option value="Salem">Salem</option>
                            <option value="Sangli Miraj Kupwad">Sangli Miraj Kupwad</option>
                            <option value="Siliguri">Siliguri</option>
                            <option value="Solapur">Solapur</option>
                            <option value="Srinagar">Srinagar</option>
                            <option value="Surat">Surat</option>
                            <option value="Thane">Thane</option>
                            <option value="Thiruvananthapuram">Thiruvananthapuram</option>
                            <option value="Tiruchirappalli">Tiruchirappalli</option>
                            <option value="Tirunelveli">Tirunelveli</option>
                            <option value="Udaipur">Udaipur</option>
                            <option value="Ujjain">Ujjain</option>
                            <option value="Ulhasnagar">Ulhasnagar</option>
                            <option value="Vadodara">Vadodara</option>
                            <option value="Varanasi">Varanasi</option>
                            <option value="Vasai Virar">Vasai Virar</option>
                            <option value="Vijayawada">Vijayawada</option>
                            <option value="Visakhapatnam">Visakhapatnam</option>
                            <option value="Warangal">Warangal</option>
                            <option value="anyOther">Any other</option>
                         </select>
                      </div>
                      <div class="clearfix"></div>
                      <div class="col-xs-12 text-right">
                         <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" ng-disabled="informationForm.$invalid|| check|| numberCheck" ng-click="next()">
                         Next
                         </button>
                      </div>
                   </div>
                   <!-- close step-one-form -->
                </td>
             </tr>
          </table>
       </div>
       <!-- CLOSE form-all -->
       </form>
       <div class="step-two-form" ng-show="infoForm">
          <div class="sectors-card">
             <div class="icon-circle-b">
                <i class="material-icons" style="line-height: 31px;">open_with</i>
             </div>
             <div class="sector-question">
                <div class="col-xs-12 font f-family">
                   To which sector would you relate your company?
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="clearfix" style="height:15px;"></div>
             <div class="sector-align">
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="retail" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/retail.png">
                   <label class="f-family">Retail</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="travel" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/transport.png">
                   <label class="f-family">Travel</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="b2b commerce" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/paymens.png">
                   <label class="f-family">B2B commerce</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="agritech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/food.png">
                   <label class="f-family">Agritech</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="fintech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/online_media.png">
                   <label class="f-family">Fintech</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="hyperlocal services" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/hardware.png">
                   <label class="f-family">Hyperlocal services</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="education" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/education.png">
                   <label class="f-family">Education</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="rural" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/RURAL_ICON.png">
                   <label class="f-family">Rural</label>
                   </label>
                </div>
             </div>
             <div class="clearfix"></div>
          </div>
          <!-- CLOSE sectors-card -->
          <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="proto">
             <strong>Do you have a prototype ready?</strong>
             <p class="line-space" >If yes, please share the link to demo/website/application</p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper" ng-if="proto">
             <div class="icon-circle-k">
                <i class="material-icons" style="line-height: 30px;">device_hub</i>
             </div>
             <textarea name="proto" ng-required="proto" class="text-input textarea" ng-model="data.prototype" ng-if="proto" placeholder="Prototype" ng-change="abc(); prototypekeyPress(data.prototype)"></textarea>
          </div>
          <div class="col-xs-11 col-md-12 f-family line-adjust">
             <strong>Tell us about the problem that your company is trying to address. </strong>
             <p class="line-space" ></p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper">
             <div class="icon-circle-i">
                <i class="material-icons" style="line-height: 30px;">report_problem</i>
             </div>
             <textarea name="Problem" class="text-input textarea" ng-model="data.problem" placeholder="Problem" ng-change="enterproblem(data.problem); problemkeyPress(data.problem)" required></textarea>
          </div>
          <div class="col-xs-12 col-md-12 f-family line-adjust">
             <strong>Tell us about the solution that your product/company has come up with.</strong>
             <p class="line-space" ></p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper">
             <div class="icon-circle-j">
                <i class="material-icons" style="line-height: 30px;">help</i>
             </div>
             <textarea name="solution" class="text-input textarea" ng-model="data.solution" placeholder="Solution" ng-change="entersolution(data.solution); solutionkeyPress(data.solution)" required></textarea>
          </div>
          <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="businessmodel">
             <strong>What is your business model?</strong>
             <p class="line-space" >How do you plan to make money?</p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="businessmodel">
             <div class="icon-circle-p">
                <i class="material-icons" style="line-height: 30px;">business_center</i>
             </div>
             <select name="businessmodel" ng-model="data.business" ng-change="enterbusiness(data.business); businesskeyPress(data.business)" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
                <option selected disabled value="">Business Model</option>
                <option value="B2B">B2B</option>
                <option value="B2C">B2C</option>
                <option value="B2G">B2G</option>
             </select>
          </div>
          <div class="clearfix"></div>
          <div class="hideform" ng-if="prototyp">
          <!-- **************************For Quiz All About Input********************** -->
          <div class="question-shadow">
             <div class="icon-circle-x">
                <i class="material-icons" style="line-height: 30px;">question_answer</i>
             </div>
             <div class="sector-question">
                <div class="col-xs-12 font f-family">
                   You can share the top 5 problems that your startup is facing at the moment– and we will share those problems with our mentors who will give their feedback on what is the right approach to solve that problem.
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="stages q-card-align">
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question1" name="snpid" placeholder="Question1" ng-change="abc(); questionkeyPress(data.question1)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ1" placeholder="select" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option selected disabled value="">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question2" name="snpid" placeholder="Question2" ng-change="abc(); questionkeyPress(data.question2)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ2" placeholder="select" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option selected disabled value="">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question3" name="snpid" placeholder="Question3" ng-change="abc(); questionkeyPress(data.question3)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ3" placeholder="select" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option selected disabled value="">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question4" name="snpid" placeholder="Question4" ng-change="abc(); questionkeyPress(data.question4)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ4" placeholder="select" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option selected disabled value="">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question5" name="snpid" placeholder="Question5" ng-change="abc(); questionkeyPress(data.question5)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ5" placeholder="select" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option selected disabled value="">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="clearfix"></div>
          </div>
          <!--CLOSE question-shadow  -->
          <div class="clearfix"></div>
          <!-- **************************CLOSE QUIZ FORM********************** -->
             <div class="col-xs-11 col-md-12 f-family line-adjust">
                <strong>What technology are you using in the product?</strong>
                <p class="line-space" >Please explain in detail the technologies that you are using or plan to use in the product?</p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper">
                <div class="icon-circle-h">
                   <i class="material-icons" style="line-height: 30px;">phone_android</i>
                </div>
                <input type="text" class="text-input" ng-model="data.technology" placeholder="Technology" ng-change="entertechnology(data.technology); technologykeyPress(data.technology)" required>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="market">
                <strong>What is your go-to-market strategy?</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="market">
                <div class="icon-circle-l">
                   <i class="material-icons" style="line-height: 30px;">multiline_chart</i>
                </div>
                <textarea name="market" ng-required="market" class="text-input textarea" ng-model="data.market" ng-if="market" placeholder="Go to market strategy" ng-change="abc(); marketkeyPress(data.market)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="risks">
                <strong>Who are your existing competitors and potential risk factors?</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="risks">
                <div class="icon-circle-m">
                   <i class="material-icons" style="line-height: 30px;">adjust</i>
                </div>
                <textarea name="risks" ng-required="risks" class="text-input textarea" ng-model="data.risks" ng-if="risks" placeholder="Competition and risks" ng-change="abc(); riskkeyPress(data.risks)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="team">
                <strong>Who all are there in your team?</strong>
                <p class="line-space" >What are their backgrounds?</p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="team">
                <div class="icon-circle-n" ng-if="team">
                   <i class="material-icons" style="line-height: 30px;">games</i>
                </div>
                <textarea name="team" ng-required="team" class="text-input textarea" ng-model="data.team" ng-if="team" placeholder="Team" ng-change="abc(); teamkeyPress(data.team)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="pitch">
                <strong>Provide the Google Docs link for pitch-deck/presentation (mentioning the details of your startup).</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="pitch">
                <div class="icon-circle-z">
                   <i class="material-icons" style="line-height: 30px;">offline_pin</i>
                </div>
                <input type="text" ng-required="pitch" class="text-input" ng-model="data.pitch" ng-if="pitch" placeholder="Provide pitch deck" ng-change="abc(); pitchkeyPress(data.pitch)">
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="financials">
                <strong>Provide the Google Docs link for financial projections (funding requirements of your startup).</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="financials">
                <div class="icon-circle-q">
                   <i class="material-icons" style="line-height: 30px;">timeline</i>
                </div>
                <input type="text" name="financials" ng-required="financials" class="text-input" ng-model="data.financials" ng-if="financials" placeholder="Provide financials" ng-change="abc(); financialskeyPress(data.financials)">
             </div>
             <div class="clearfix"></div>
          </div>
          <div class="identity-shadow">
             <div class="icon-circle-ab">
                <i class="material-icons" style="line-height: 30px;">perm_identity</i>
             </div>
             <div class="identity-question">
                <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">
                   <b>Who are you?</b>
                   <p style="color:grey">kindly choose one option.</p>
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="stages identity-align">
                <div class="col-xs-12">
                   <label class="card-small margin-right-label">
                      <input type="radio" required value="student" ng-model="data.identity" class="option-input-a radio-a pull-left" id="studentRadio" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='a'">
                      <!-- <img src="images/RURAL_ICON.png"> -->
                   <label class="f-family pull-left width-auto" for="studentRadio">Student</label>
                   </label>
                   <label class="card-small margin-right-label">
                      <input type="radio" required value="others" ng-model="data.identity" class="option-input-a radio-a pull-left" id="othersRadio" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='b'">
                      <!-- <img src="images/education.png"> -->
                   <label class="f-family pull-left width-auto" for="othersRadio">Others</label>
                   </label>
                </div>
             </div>
             <!-- CLOSE stages identity-align -->
             <div class="clearfix"></div>
          </div>
          <!-- CLOSE identity-shadow -->
          <div class="col-xs-12 input-wrapper">
             <div class="referel-icon" style="z-index: 999;">
                <i class="material-icons" style="line-height: 30px;">code</i>
             </div>
             <input  class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
             <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
             <i class="material-icons coupen-approved" style="color:red;"  ng-if="tokencheck == false">close</i>
             <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
          </div>
          <div class="clearfix"></div>
          <div class="text-center">
             <input type="submit" class="btn submit-button" data-toggle="modal" data-target="#myModal" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()">
          </div>
       </div>
       <!-- CLOSE step-two-form -->
    </div>
    <!-- col-xs-12 col-md-8 col-md-offset-2 -->
 </form>
 <!-- CLOSE FORM -->
 <footer>
    <img id="footer" class="img-responsive banner">
    <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>
 </footer>
 <!-- </div> CLOSE CHECK VIEW -->
 <div ng-if="verifyView">
    <div style="margin-bottom: 0px;" class="text-center">
       <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
    </div>
 </div>
 </div> <!-- CLOSE NEW-CONTROLLER -->
 <!-- <div id="snacsskbar">Registration done successfully.</div>
  --><div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" style="left: auto;">
       <div class="modal-content">
          <h4 style="text-align:center;">Congratulations, you are now eligible for:</h4>
          <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px">
             <tbody style="background-color:#f9f9f9">
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
             </tbody>
             <tbody>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td>
                               <td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
             </tbody>
          </table>
          <div style="text-align:center;margin-bottom:5%">
             <button type="button" style="color:#fff;background-color:#4CAF50;margin-top:5%" class="btn btn-default" data-dismiss="modal" ng-click="create()">Proceed to Pay</button>
          </div>
       </div>
    </div>
 </div>
 <div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()">
    <div class="modal-dialog" style="left: auto;">
        <div class="modal-content" >
       <div class="modal-body" style="text-align: right;" >
          <i class="material-icons" style="cursor: pointer;" data-dismiss="modal" ng-click="closeModal()">clear</i>
       <iframe width="560"  id="youtubePlayer" height="315" src="https://www.youtube.com/embed/8i1bLQ7jS0I" frameborder="0" allowfullscreen></iframe>
       </div>
     </div>
    </div>
 </div>
 <div class="modal fade" id="videoModels" role="dialog" ng-click="closed()">
    <div class="modal-dialog" style="left: auto;">
        <div class="modal-content">
       <div class="modal-body" style="text-align: right;" >
        <i class="material-icons" style="cursor: pointer;"  data-dismiss="modal" ng-click="closed()">clear</i>
       <iframe width="560" id="youtubePlayersss" height="315" src="https://www.youtube.com/embed/oBqdz-p3R6Y" frameborder="0" allowfullscreen></iframe>
       </div>

script.js

Diff comments View file @61b69ad

 	// create the module and name it scotchApp
 	var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']);
 	// configure our routes
 	scotchApp.config(function($routeProvider) {
 	    $routeProvider
 	        // route for the home page
 	        .when('/', {
 	            templateUrl: 'pages/home.html',
 	            controller: 'mainController'
 	        })
 	        // route for the paymentVerify page
 	        .when('/pendingPayment/:id', {
 	            templateUrl: 'pages/verify.html',
 	            controller: 'verifyController'
 	        })
 	        // route for the ambassador page
 	        .when('/ambassador', {
 	            templateUrl: 'pages/ambassador.html',
 	            controller: 'ambassadorController'
 	        })
 	        // route for the confirmation page
 	        .when('/confirmation', {
 	            templateUrl: 'pages/confirmation.html',
 	            controller: 'mainController'
 	        })
 	});
 	scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) {
 	   	// Add configuration code as desired
-	   	// AnalyticsProvider.setAccount('UA-106416759-1');  //UU-XXXXXXX-X should be your tracking code
+	   	 AnalyticsProvider.setAccount('UA-106416759-1');  //UU-XXXXXXX-X should be your tracking code
-	   	AnalyticsProvider.setAccount({
-		  tracker: 'UA-106416759-1',
-		  name: "startupjalsa-app",
-		  trackEvent: true,
-		  trackEcommerce: true
-		});
 	   	// Track all routes (default is true).
 	  	AnalyticsProvider.trackPages(true);
 	  	// Track all URL query params (default is false).
 	  	AnalyticsProvider.trackUrlParams(true);
 	}]).run(['Analytics', function(Analytics) { }]);
 	scotchApp.constant("BASE_URL", "http://139.59.68.74:4001/api")
 	//scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/api")
 	// create the controller and inject Angular's $scope
 	scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL, Analytics) {
 	    $scope.data = {
 	        show: true,
 	        hide: false
 	    };
 	    $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    $scope.max = 100;
 	    $scope.current = 0;
 	    $scope.payingAmnt = 0;
 	    if ($scope.data.stage == 'select') {
 	    }
 	    //$scope.author = 'Swarn Singh';
 	    $scope.data = {};
 	    $scope.data.stage = 'Idea';
 	    $scope.discountAmount = 0;
 	    $scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.paymentResult = {};
 	    var data = {
 	        "amount": $scope.payingAmnt,
 	        "currency": "INR",
 	        "status": "pending"
 	    }
 	    /*open videos in modal*/
 	  //   $scope.openyoutube16 = function(){
 			// $('#videoModel').modal('show');
 	  //   }
 	  //    $scope.openyoutube17 = function(){
 			// $('#videoModels').modal('show');
 	  //   }
 	  //      $scope.closeModal = function(){
 	  //   	var url = $('#youtubePlayer').attr('src');
 			// $('#youtubePlayer').attr('src', '');
 			// $('#youtubePlayer').attr('src', url);
 	  //   }
 	  //   $scope.closed = function(){
 	  //   	var url = $('#youtubePlayersss').attr('src');
 			// $('#youtubePlayersss').attr('src', '');
 			// $('#youtubePlayersss').attr('src', url);
 	  //   }
 	    /*open videos ends here*/
 	    $scope.removeError = function() {
 	        $('#invalidEmail').css('display', 'none');
 	        $('#alreadyExist').css('display', 'none');
 	    };
 	    $scope.emailcheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	            $http({
 	                method: 'GET',
 	                url: BASE_URL + '/applicants?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
 	                headers: {}
 	            }).then(function mySuccess(searchResult) {
 	                console.log("searchResult1===>", searchResult)
 	                if (searchResult.data.length == 0) {
 	                    $scope.check = false;
 	                } else {
 	                    $scope.check = true;
 	                    $('#alreadyExist').css('display', 'block');
 	                }
 	            }, function myError(error) {});
 	        }
 	    };
 	    $scope.removeNoError = function() {
 	        $('#noExist').css('display', 'none');
 	    };
 	    $scope.numbercheck = function(number) {
 	        $http({
 	            method: 'GET',
 	            url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',
 	            data: $scope.data,
 	            headers: {}
 	        }).then(function mySuccess(searchResult) {
 	            console.log("searchResult===>", searchResult)
 	            if (searchResult.data.length == 0) {
 	                $scope.numberCheck = false;
 	            } else {
 	                $scope.numberCheck = true;
 	                $('#noExist').css('display', 'block');
 	            }
 	        }, function myError(error) {});
 	    };
 	    $rootScope.tokenCall = function(val) {
 	        console.log('val-------->', val);
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	        	val = val.toUpperCase();
 	        	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": {"like":"%25' + val + '%25"}}}')
 				    .then(function(searchResult) {
 				        if (searchResult.data.length == 0) {
 	                    	$scope.tokencheck = false;
 	                    	 $scope.discountAmount = 0;
 	                	} else {
 	                    	$scope.tokencheck = true;
 	                	}
 				    },function(err){
 				    	console.log(err)
 				});
 	        }
 	    };
 	    /*THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE*/
 	    $(document).ready(
 	        function() {
 	            $('input:submit').attr('disabled', true);
 	            $('input:file').change(
 	                function() {
 	                    if ($("#picture").val()) {
 	                        $('input:submit').removeAttr('disabled');
 	                    } else {
 	                        $('input:submit').attr('disabled', true);
 	                    }
 	                });
 	        });
 	    /*****THIS IS FOR STEP ONE FORM ******/
 	    $scope.next = function() {
 			Analytics.trackEvent('information', 'play', 'django.mp4');
 	        $scope.data.status = null
 	        if ($scope.data.stage == undefined || $scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) {
 	            var x = document.getElementById("snackbar")
 	            x.className = "show";
 	            setTimeout(function() {
 	                x.className = x.className.replace("show", "");
 	            }, 3000);
 	        } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
 	            $scope.infoForm = true;
 	            console.log("sdasdasdsa");
 	            $scope.data.stage = $scope.data.stage;
 	            $scope.detail = {};
 	            $scope.data.phone = "+91" + $scope.data.number;
 	            $http({
 	                method: 'POST',
 	                url: BASE_URL + '/information',
 	                data: $scope.data,
 	                headers: {}
 	            }).then(function mySuccess(result) {
 	                console.log("result", result)
 	                $scope.detail = result;
 	                data.applicantId = result.data.id;
 	                $scope.userId = result.data.id;
 	            }, function myError(error) {});
 	        }
 	    }
 	    $scope.calculateAmount =  function(){
 	    	Analytics.trackEvent('applicants', 'play', 'django.mp4');
 	        if ($scope.data.stage == undefined || $scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) {
 	            var x = document.getElementById("snackbar")
 	            x.className = "show";
 	            setTimeout(function() {
 	                x.className = x.className.replace("show", "");
 	            }, 3000);
 	        } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
 	            $scope.infoForm = true;
 	            console.log("sdasdasdsa");
 	            $scope.data.stage = $scope.data.stage;
 	            $scope.detail = {};
 	            $scope.data.phone = "+91" + $scope.data.number;
 	            $http({
 	                method: 'POST',
 	                url: BASE_URL + '/applicants',
 	                data: $scope.data,
 	                headers: {}
 	            }).then(function mySuccess(result) {
 	                console.log("result", result)
 	                $scope.detail = result;
 	                data.applicantId = result.data.id;
 	                $scope.userId = result.data.id;
 	            }, function myError(error) {});
 	        }
 	    	if ($scope.data.stage == "Idea") {
 	            console.log("$scope.data", $scope.data)
 	            $scope.ticketAmnt = 500;
 	        }
 	        if ($scope.data.stage == "Product") {
 	            $scope.ticketAmnt = 1000;
 	        }
 	        if ($scope.data.stage == "Growth") {
 	            $scope.ticketAmnt = 2000;
 	        }
 	        if($scope.tokencheck == true){
 		        var amount = $scope.ticketAmnt
 			    $scope.discountAmount = (amount * 10)/100
 			    console.log("finalAmount====>",$scope.payingAmnt)
 	        }
 	        var taxAmount = $scope.ticketAmnt - $scope.discountAmount
             $scope.taxTotal = (taxAmount * 18)/100
             $scope.payingAmnt = taxAmount +  $scope.taxTotal
             console.log("taxincludedamount----", $scope.payingAmnt)
 	    }
 	    /*****THIS IS FOR STEP THREE FORM ******/
 	    $scope.create = function() {
 	    	Analytics.trackEvent('payments', 'play', 'django.mp4');
 	        // if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) {
 	        //     var x = document.getElementById("snackbar")
 	        //     x.className = "show";
 	        //     setTimeout(function() {
 	        //         x.className = x.className.replace("show", "");
 	        //     }, 3000);
 	        // } else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
 	        //     $scope.infoForm = true;
 	        //     console.log("sdasdasdsa");
 	        //     $scope.data.stage = $scope.data.stage;
 	        //     $scope.detail = {};
 	        //     $scope.data.phone = "+91" + $scope.data.number;
 	        //     $http({
 	        //         method: 'POST',
 	        //         url: BASE_URL + '/applicants',
 	        //         data: $scope.data,
 	        //         headers: {}
 	        //     }).then(function mySuccess(result) {
 	        //         console.log("=====result=====", result)
 	        //         $scope.detail = result;
 	        //         data.applicantId = result.data.id;
 	        //         $scope.userId = result.data.id;
 	        //         console.log("=====data=====", data)
 	                data.amount = $scope.payingAmnt;
 	                if ($scope.detail != null) {
 	                    $http({
 	                        method: 'POST',
 	                        url: BASE_URL + '/payments',
 	                        data: data,
 	                        headers: {}
 	                    }).then(function mySuccess(paymentResult) {
 	                    	console.log("paymentResult",paymentResult)
 	                        $scope.paymentResult = paymentResult;
 	                    }, function myError(error) {});
 	                }
 	                var i = 0;
 	                 $scope.payingAmnt =  $scope.payingAmnt * 100;
 	                var options = {
 	                    "key": "rzp_live_mhSE1uOBlXvFyJ",
 	                    "amount": $scope.payingAmnt,
 	                    "name": "Startup Jalsa",
 	                    "description": "amount",
 	                    "currency": "INR",
 	                    "status": "done",
 	                    "theme": {
 	                        "color": "#2196f3 ",
 	                        "image_padding": "NO"
 	                    },
 	                    "modal": {
 	                        "ondismiss": function() {}
 	                    },
 	                    "handler": function(response) {
 	                        createPayment(response);
 	                    }
 	                };
 	                var rzp1 = new Razorpay(options);
 	                rzp1.open();
 	                $scope.paymentResponse = {};
 	                function createPayment(response) {
 	                	console.log("response====from===razorpay",response)
 	                    $route.reload();
 	                    $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
 	                    $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
 	                    $scope.paymentResponse.amount = data.amount;
 	                    $scope.paymentResponse.currency = "INR";
 	                    $scope.paymentResponse.status = $scope.paymentResult.data.status;
 	                    $http({
 	                        method: 'PUT',
 	                        url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,
 	                        data: $scope.paymentResponse,
 	                        headers: {}
 	                    }).then(function mySuccess(searchResult) {
 	                        console.log("searchResult", searchResult)
 	                        $location.path("/confirmation")
 	                        //$scope.showToastr()
 	                        //toaster.success("Registration done successfully");
 	                    }, function myError(error) {});
 	                }
 	            //}, function myError(error) {});
 	        //}
 	    }
 	    // $scope.showToastr = function() {
 	    //     console.log("called toast")
 	    //     var x = document.getElementById("snacsskbar")
 	    //     x.className = "show";
 	    //     setTimeout(function() {
 	    //         x.className = x.className.replace("show", "");
 	    //     }, 3000);
 	    // }
 	    /*kk***This code for change data when click to chooses stages***/
 	    $scope.proto = true;
 	    $scope.businessmodel = true;
 	    $scope.Idea = true;
 	    $scope.current = true;
 	    $scope.stage = function(stage) {
 	    $scope.stagekeyPress();
 	    console.log("stage--2",stage)
 	        if (stage == 'Idea') {
 	            $scope.current = 10;
 	            $scope.proto = true;
 	            $scope.prototyp = false;
 	            $scope.market = false;
 	            $scope.risks = false;
 	            $scope.team = false;
 	            $scope.pitch = false;
 	            $scope.financials = false;
 	            $scope.businessmodel = true;
 	            $scope.data.stage = stage;
 	            // for right content
 	            $scope.Idea = true;
 	            $scope.Product = false;
 	            $scope.Growth = false;
 	        } else if (stage == 'Product') {
 	            $scope.current = 10;
 	            $scope.proto = true;
 	            $scope.prototyp = true;
 	            $scope.market = true;
 	            $scope.risks = true;
 	            $scope.team = true;
 	            $scope.pitch = true;
 	            $scope.financials = true;
 	            $scope.businessmodel = false;
 	            $scope.data.stage = stage;
 	            // for right content
 	            $scope.Idea = false;
 	            $scope.Product = true;
 	            $scope.Growth = false;
 	        } else if (stage == 'Growth') {
 	            $scope.current = 10;
 	            $scope.proto = false;
 	            $scope.prototyp = true;
 	            $scope.market = true;
 	            $scope.risks = true;
 	            $scope.team = true;
 	            $scope.pitch = true;
 	            $scope.financials = true;
 	            $scope.businessmodel = false;
 	            // for right content
 	            $scope.Idea = false;
 	            $scope.Product = false;
 	            $scope.Growth = true;
 	            $scope.data.stage = stage;
 	        }
 	    }
 	    $scope.enterbusiness = function(business) {
 	        console.log("business", business);
 	        if (name == undefined) {
 	            $scope.current = false;
 	        } else if (name != undefined) {
 	            $scope.current = true;
 	        }
 	    }
 	    /*******FOR FILL THE DATA AND SHOWS ICON GREEN*/
 	    $scope.stagekeyPress = function() {
 	        $('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.sectorkeyPress = function() {
 	        $('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.studentkeyPress = function() {
 	        $('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.namekeyPress = function(name) {
 	        console.log("name", name);
 	        if (name == undefined) {
 	            $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.emailkeyPress = function(email) {
 	        console.log("email", email);
 	        if (email == undefined) {
 	            $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.phonekeyPress = function(number) {
 	        console.log("number", number);
 	        if (number == undefined) {
 	            $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.citykeyPress = function(city) {
 	        console.log("city", city);
 	        if (city == undefined) {
 	            $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.questionkeyPress = function(q) {
 	        if (q == undefined) {
 	            $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.technologykeyPress = function(technology) {
 	        if (technology == undefined) {
 	            $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.problemkeyPress = function(problem) {
 	        if (problem == undefined) {
 	            $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.solutionkeyPress = function(solution) {
 	        if (solution == undefined) {
 	            $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.businesskeyPress = function(business) {
 	        $('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.prototypekeyPress = function(prototype) {
 	        if (prototype == undefined) {
 	            $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.marketkeyPress = function(market) {
 	        if (market == undefined) {
 	            $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.riskkeyPress = function(risk) {
 	        if (risk == undefined) {
 	            $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.teamkeyPress = function(team) {
 	        if (team == undefined) {
 	            $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.pitchkeyPress = function(pitch) {
 	        if (pitch == undefined) {
 	            $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.financialskeyPress = function(financial) {
 	        console.log("financial", financial);
 	        if (financial == undefined) {
 	            $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.changeReferalIconColor = function(referalToken){
 	    	if (referalToken == undefined || referalToken == '') {
 	    		$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
 	    	}else {
 	            $('.referel-icon').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	});
 	scotchApp.controller('verifyController', function($scope, $http, $location, $route,BASE_URL) {
 	    $scope.pendingPaymentId = $route.current.params.id
 	    $http({
 	        method: "GET",
 	        url: BASE_URL + '/applicants/' + $scope.pendingPaymentId,
 	    }).then(function mySuccess(response) {
 	        $scope.data = response.data;
 	        console.log("response-1", response);
 	        $scope.pendingPaymentId = $route.current.params.id;
 	        $http({
 	            method: "GET",
 	            url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}',
 	        }).then(function mySuccess(response) {
 	            $scope.paymentRecord = response.data;
 	        }, function myError(response) {
 	        });
 	    }, function myError(response) {
 	        $scope.myWelcome = response.statusText;
 	    });
 	    $scope.checkView = false;
 	    $scope.verifyView = false;
 	    $scope.pendingPaymentId = '';
 	    $scope.update = function() {
 	        $http({
 	            method: 'GET',
 	            url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}',
 	            headers: {}
 	        }).then(function mySuccess(searchResult) {
 	            if (searchResult.data[0].status == "created") {
 	                $scope.checkView = true;
 	                $scope.verifyView = false;
 	                $scope.amount = searchResult.data[0].amount;
 	                $scope.searchResult = searchResult.data[0];
 	                console.log('====searchResult===', searchResult);
 	        		console.log("searchResult=====",searchResult.data[0].razorOrderId)
 	                var i = 0;
 	                $scope.amount =  $scope.amount * 100;
 	                var options = {
 	                    "key": "rzp_live_mhSE1uOBlXvFyJ",
 	                    //"key" : "rzp_test_YwHsVFiDIQ2WUQ",
 	                    "amount": $scope.amount,
 	                    "name": "Startup Jalsa",
 	                    "description": "amount",
 	                    "currency": "INR",
 	                    "status": "done",
 	                    "theme": {
 	                        "color": "#2196f3 ",
 	                        "image_padding": "NO"
 	                    },
 	                    "modal": {
 	                        "ondismiss": function() {}
 	                    },
 	                    "handler": function(response) {
 	                        createPayment(response);
 	                    }
 	                };
 	                var rzp1 = new Razorpay(options);
 	                rzp1.open();
 	                $scope.paymentResponse = {};
 	                function createPayment(response) {
 	                	$scope.amount =  $scope.amount / 100;
 	                	console.log("response======retepaymen",response);
 	                    $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
 	                    $scope.paymentResponse.razorOrderId = $scope.searchResult.razorOrderId;
 	                    $scope.paymentResponse.amount = $scope.amount;
 	                    $scope.paymentResponse.currency = $scope.searchResult.currency;
 	                    $scope.paymentResponse.status = $scope.searchResult.status;
 	                    $scope.paymentResponse.applicantId = $scope.searchResult.applicantId;
 	                    console.log("$scope.paymentResponse", $scope.paymentResponse)
 	                    $http({
 	                        method: 'PUT',
 	                        url: BASE_URL + '/payments/' + $scope.searchResult.id,
 	                        data: $scope.paymentResponse,
 	                        headers: {}
 	                    }).then(function mySuccess(searchResult) {
 	                    	console.log("finalsearchResult",searchResult)
 	                    	$location.path("/confirmation")
 	                    }, function myError(error) {
 	                    });
 	                }
 	            } else {
 	            }
 	        }, function myError(error) {});
 	    }
 	});
 	scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {
 		$scope.data = {};
 		$scope.check = false;
 	    $scope.numberCheck = false;
 	    /*open videos in modal*/
 	    $scope.openyoutube16 = function(){
 			$('#videoModel').modal('show');
 	    }
 	     $scope.openyoutube17 = function(){
 			$('#videoModels').modal('show');
 	    }
 	    $scope.closeModal = function(){
 	    	var url = $('#youtubePlayer').attr('src');
 			$('#youtubePlayer').attr('src', '');
 			$('#youtubePlayer').attr('src', url);
 	    }
 	    /*open videos ends here*/
 	    $scope.removeError = function() {
 	        $('#invalidEmail').css('display', 'none');
 	        $('#alreadyExist').css('display', 'none');
 	    };
 		$scope.emailcheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	            $http({
 	                method: 'GET',
 	                url: BASE_URL + '/ambassadors?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
 	                headers: {}
 	            }).then(function mySuccess(searchResult) {
 	                console.log("searchResult1===>", searchResult)
 	                if (searchResult.data.length == 0) {
 	                    $scope.check = false;
 	                } else {
 	                    $scope.check = true;
 	                    $('#alreadyExist').css('display', 'block');
 	                }
 	            }, function myError(error) {});
 	        }
 	    };
 	    $scope.removeNoError = function() {
 	    	$('#invalidNumber').css('display', 'none');
 	        $('#noExist').css('display', 'none');
 	    };
 	    $scope.numbercheck = function(number) {
 	    	// if (val == undefined) {
 	     //        $('#invalidNumber').css('display', 'block');
 	     //    } else {
 	        	$http({
 	            	method: 'GET',
 	            	url: BASE_URL + '/ambassadors?filter={"where": {"mobile": {"like":"%25' + number + '%25"}}}',
 	            	data: $scope.data,
 	            	headers: {}
 	        	}).then(function mySuccess(searchResult) {
 	            	console.log("searchResult===>", searchResult)
 	            	if (searchResult.data.length == 0) {
 	                	$scope.numberCheck = false;
 	            	} else {
 	                	$scope.numberCheck = true;
 	                	$('#noExist').css('display', 'block');
 	            	}
 	        	}, function myError(error) {});
 	       	//}
 	    };
 		$scope.submit = function() {
 			console.log($scope.data.name)
 			var randomNumber = ""+Math.random();
 			var nameSpliced = $scope.data.name.slice(0,3);
 			var numberSpliced = randomNumber.slice(2,5);
 			$scope.data.referalToken = nameSpliced+numberSpliced;
 			$scope.data.referalToken = $scope.data.referalToken.toUpperCase();
 	         $http({
 	                method: 'POST',
 	                url: BASE_URL + '/ambassadors',
 	                data: $scope.data,
 	                headers: {}
 	            }).then(function mySuccess(result) {
 	                console.log("result", result)
 	                $scope.detail = result;
 	                $('#myModal').modal('show');
 	              	 $scope.data.name = '';
 	                $scope.data.email = '';
 	                $scope.data.mobile = '';
 	            }, function myError(error) {
 	            	console.log(error)
 	            	console.log(error.data.error.message)
 	            });
 	        console.log($scope.data)
 	        }
 	});