viithiisys / startup_jalsa_frontend

Browse Code »

Commit 100de88605ebaaa9cbd45c4f14846550485f168a

Authored by Palak Handa 2017-11-23 08:39:28 -0500

1 parent 3775d3cb92

Exists in master and in 1 other branch

update

Showing 3 changed files with 124 additions and 40 deletions Show diff stats

css/custom.css

Diff comments View file @100de88

 {
     outline: none !important;
 }
 .header{
     width: 100%;
     padding: 4px 20px;
     background-color: #42b549;
 }
 .logo{
     height: 45px;
     margin-left:
 }
 .hyperColor{
   color: white !important;
   cursor: pointer !important;
 }
 .main-heading{
     height: 70px;
     line-height: 70px;
 }
 .card{
     flex-direction: column;
     background-color: rgb(255,255,255);
     border-radius: 0;
     width: 676px;
     box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .card input{
     display: none;
 }
 .card .card-content{
     padding: 12px;
   font-size: 12px;
 }
 .card p{
   margin-top:18px;
   margin-right:4px ;
   margin-bottom:-5px;
   /*margin-left:13px;*/
     font-family: montserrat, arial, verdana;
     font-weight: normal;
     font-size: 12px;
 }
 .card .thumbnail{
     padding: 15px 30px 1px 28px;
     border: 0;
   border-radius: 0px !important;
 }
 .panel-default{
   border-color: #ddd;
 }
 .video-wrapper{
     padding: 16px 0;
 }
 .stageRadio:checked+label{
     background-color: #42b549;
     color: #fff !important;
 }
 .stageRadio1:checked+label{
     background-color: rgba(158, 158, 158, 0.05);
 }
 /* css for radio buttons */
 .option-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 15px;
   width: 15px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input:checked {
   background: #42b549;
 }
 .option-input:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /*second css*/
 .option-input-a {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 22px;
   width: 22px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input-a:checked {
   background: #42b549;
 }
 .option-input-a:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input-a:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a {
   border-radius: 50%;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /* css for radio ends */
 .card-small{
     cursor: pointer;
 }
 .card-small img{
     width: 37px;
 }
 .card-small label{
     width: 100%;
     font-weight: normal;
     font-size: 12px;
     margin-top: 5px;
 }
 /*.text-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   font-size: 18px;
   padding: 5px;
 }*/
 .input-wrapper{
   margin-bottom: 15px !important;
 }
 .select-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   background-color: transparent;
   font-size: 12px;
   padding: 5px;
 }
 .submit-button, .submit-button:hover{
   background-color: #42b549;
   color: #fff;
   /*display: none;*/
 }
 .submit-button:disabled{
   background-color: #ddd;
 }
 .textarea{
   min-height: 97px;
 }
 .error-message{
   font-weight: inherit;
   color: #ff0000;
   margin: 5px 4px -5px 0px;
   display: none;
 }
 /*custom input*/
 .text-input, select {
     width: 100%;
     -webkit-appearance: none;
     padding: 12px 25px;
      margin: -2px 0;
     display: inline-block;
     border: 0px solid rgba(51, 51, 51, 0);
     border-radius: -3px;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(240, 255, 235);
     -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
     -webkit-box-shadow: 0 0 5px #777;
     -o-box-shadow: 0 0 10px rgba(240, 255, 235);
     font-size: 12px;
 }
 /* progress bar css */
 @-webkit-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @-moz-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 /* Container */
 .progress-form {
   position: relative;
   display: inline-block;
   padding: 0;
   text-align: center;
 }
 /* Item */
 .progress-form>li {
   display: inline-block;
   position: relative;
   text-align: center;
   color: #93A2AC;
   font-family: Lato;
   font-weight: 100;
   margin: 2rem;
 }
 .progress-form>li:before {
   content: attr(data-name);
   position: absolute;
   width: 100%;
   bottom: -2rem;
   font-weight: 400;
 }
 .progress-form>li:after {
   content: attr(data-percent);
   position: absolute;
   width: 100%;
   top: 3.7rem;
   left: 0;
   font-size: 2rem;
   text-align: center;
 }
 .progress-form svg {
   width: 10rem;
   height: 10rem;
 }
 .progress-form svg:nth-child(2) {
   position: absolute;
   left: 0;
   top: 0;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
 }
 .progress-form svg:nth-child(2) path {
   fill: none;
   stroke-width: 25;
   stroke-dasharray: 629;
   stroke: rgba(255, 255, 255, 0.9);
   -webkit-animation: load 10s;
   -moz-animation: load 10s;
   -o-animation: load 10s;
   animation: load 10s;
 }
 /*circle of stage image*/
 .circular{
     -webkit-border-radius: 150px;
     -moz-border-radius: 150px;
     border-radius: 150px;
     box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
     border: 5px solid white;
     overflow: hidden;
     position: fixed;
     height: 100px;
     width: 100px;
     left: 80px;
     top: 20px;
 }
 /*font-size*/
 .font{
   font-size: 14px;
 }
 .f-family {
   font-family:sans-serif;
 }
 /*container-card css*/
 .container-card {
   width: auto;
   float: left;
   margin: 31px 24px 26px 14px;
 }
 /******This css for header container******/
 .h1 {
   font-size: 20px;
   margin: 11px;
 }
 .paragraph {
   font-size: 14px;
   margin: 30px 10px 20px;
   line-height: 1.5;
 }
 /*This css for stages container*/
 .full-line {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 .stages-card {
   width: auto;
   float: left;
   /*margin: -30px 8px 7px 22px;*/
 }
 /*form -css*/
 .form-all {
   margin: 13px 4px 26px -2px;
   /*display: none;*/
 }
 .step-two-form{
   display: block;
 }
 /*This is for stages images*/
 .stage-img {
   width: 115px;
 }
 .stage-thumbnail {
   float: left;
   margin-bottom: 0;
 }
 .stage-shadow {
   /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
   /*margin: 3px 22px 14px 14px;*/
   background-color: #ffffff;
 }
 .line-size {
 }
 .card-paragraph {
   background-color: rgba(66, 181, 73, 0.61);
   color: #fff;
 }
 /* identity card css*/
 .identity-shadow {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .identity-question {
   border-bottom: 2px solid #dedede;
   padding: 0px 10px;
 }
 .identity-align {
   margin: 8px -12px 19px 13px;
 }
 /********This css for sectors**************/
 .sectors-card {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 27px 22px 14px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .sector-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 .sector-question {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 /*To make the Stages in the center*/
 .card-align {
   /*margin: 56px -267px 11px -37px;*/
 }
 /*To make the sectors in the center */
 /*************sidebar content margin***********/
 .sidebar-align {
   margin: -5px -3px -18px 9px;
 }
 .heading {
   margin: 15px 10px 15px 16px;
 }
 .quiz {
   margin: 5px 5px 6px 19px;
   font-size: 12px;
 }
 #footer {
    background-image: url(/images/footer_design.png);
     background-repeat: inherit;
     position: bottom;
     width: 100%;
     height: auto;
     padding: 97px 3px 66px 83px;
  }
  .footer {
     bottom: 0px;
     background-color: #76b34f !important;
     width: 100%;
     color:rgba(255, 255, 255, 0.77);
 }
 /********question box*****************/
 .question-shadow {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
 }
 .question-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 /*for p*/
 .line-space {
   line-height: 1.6em;
   font-size: 11px;
 }
 .line-adjust {
   margin-left: 0px;
 }
 /*badge icon css*/
 .material-icons{
   font-size: 17px !important;
 }
 .icon-circle-a {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-b {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-c {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-d {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-e {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-f {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-g {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-h {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-i {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-j {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-k {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-y {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-o {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-l {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-m {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-n {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-x {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-p {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-z {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-q {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-ab {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-abc {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-bc {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-abcdefg {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .referel-icon {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 /*quiz*/
 .q-card-align div{
   margin-bottom: 15px;
 }
 .drop-down {
   background-color: #fff;
   border-radius: 0;
   font-size: 12px;
 }
 .footer-link, .footer-link:hover {
   color:#fff;
 }
 /*idea content margin*/
 .content-idea{
   margin:196px 12px 8px;
 }
 .content-product{
   margin:193px -19px 9px;
 }
 .content-growth{
   margin:192px 11px 8px;
 }
 .last-content-card{
   /*margin: 0px -85px -4px -51px;*/
 }
 @media (max-width: 600px) {
   .content-idea{
     margin: auto;
   }
   .content-product{
     margin: auto;
   }
   .content-growth{
     margin: auto;
   }
   .stages-card{
     margin: auto;
     margin-bottom: 15px;
   }
   .last-content-card{
     margin: auto;
   }
   .card-align{
     margin: auto;
   }
 }
 .toggler {
     width: 500px;
     height: 200px;
   }
   #button {
     padding: .5em 1em;
     text-decoration: none;
   }
   #effect {
     position: relative;
     width: 240px;
     height: 170px;
     padding: 0.4em;
   }
   #effect h3 {
     margin: 0;
     padding: 0.4em;
     text-align: center;
   }
 #snackbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #F44336;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     bottom: 30px;
     font-size: 17px;
 }
 #snackbar.show {
     visibility: visible;
     -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
     animation: fadin 0.5s, fadout 0.5s 2.5s;
 }
 @-webkit-keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 @keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 #snacsskbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #333;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     top: 30px;
     font-size: 17px;
 }
 #snacsskbar.show {
     visibility: visible;
     -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
     animation: fadein 0.5s, fadeout 0.5s 2.5s;
 }
 @-webkit-keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 @keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 input.hidden {
     position: absolute;
     left: -9999px;
 }
 #profile-image1 {
     cursor: pointer;
      width: 100px;
     height: 100px;
     border:2px solid #eee ;
   }
   .tital{ font-size:16px; font-weight:500;}
   .bot-border{ border-bottom:1px #f8f8f8 solid;  margin:5px 0  5px 0}
   .footerpadd{padding: 5px;}
   .container1{
     width: 100%
   }
   .no-margin{
     margin: 0 0 0 !important;
   }
   .no-padding{
     padding: 0 0 0 0 !important;
   }
   .select-stage{
     margin: 10px 0;
   }
   .cards-content{
     margin-top: 40px;
   }
   .cards-content p{
     font-size: 13px;
   }
 .q-card-align{
   margin-top: 15px;
 }
 .width-auto{
   width: auto !important;
 }
 .margin-right-label{
   margin-right: 20px;
 }
 .margin-right-label label{
   margin-left: 5px;
 }
 .apply-coupen-btn{
   position: absolute;
   top: -2px;
   right: 13px;
   border: none;
   height: 44px;
   color: #fff;
   background-color: #666;
   width: 75px;
 }
 .coupen-approved{
   position: absolute;
   right: 120px;
   top: 6px;
   color: rgb(66, 181, 73);
   font-size: 30px !important;
 }
 .right-side-links{
   margin-top: 12px;
 }
 .right-side-links a{
   width: auto;
   display: inline;
 }
 .right-side-links a:first-child{
   border-right: 1px solid #fff;
   padding-right: 4px;
 }
   @media (max-width: 768px){
     .cards-content{
       margin-top: 15px;
       margin-bottom: 30px;
     }
     .no-padding-mobile{
       padding-left: 0 !important;
       padding-right: 0 !important;
     }
     .sector-align .card-small{
       height: 74px;
     }
     .stages-card{
       width: 92%;
     }
     .right-stage-card{
       float: right;
     }
     .margin-auto-mobile{
       margin-left: 4%;
     }
     .card .thumbnail{
       padding: 15px 0 1px 0;
     }
     .thumbnail > img, .thumbnail a > img{
       width: 50%;
     }
     .right-side-links a{
       display: block;
       width: 100%;
     }
     .right-side-links a:first-child{
       border-right: 0 solid #fff;
       padding-right: 0;
     }
     .right-side-links{
       margin-top: 0;
     }
     .panel-default{
       border-color: transparent;
       box-shadow: none;
     }
     .modal-footers {
       padding: 19px 20px 20px;
       margin-top: 15px;
       text-align: center !important;
       margin-bottom: 4px;
     }
   }
 .card-input {
    display: none;
 }
 .card {
     font-size: 1em;
     overflow: hidden;
     padding: 0;
     border: none;
     border-radius: .28571429rem;
     box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
 }
 .card-block {
     font-size: 1em;
     position: relative;
     margin: 0;
     padding: 4%;
     border: none;
     border-top: 1px solid rgba(34, 36, 38, .1);
     box-shadow: none;
 }
 .button-position{
   position: relative;
   top: -10px;
 }
 .card-img-top {
     display: block;
     width: 100%;
     height: auto;
 }
 .card-title {
     font-size: 13px;
     font-weight: 600;
     margin: 0;
     line-height: normal;
 }
 .card-sub-title{
   font-size: 15px;
   color: #666;
   font-weight: normal;
   margin-bottom: 0;
 }
 .button-aligment{
   margin-top: 5px;
 }
 .card-text {
     clear: both;
     margin-top: .5em;
     color: rgba(0, 0, 0, .68);
     padding-bottom: 3%;
     font-size: 13px;
 }
 .card-text2 {
     padding: 3% 0 3% 4%;;
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .card-text2 span{
   font-size: 11px;
   color: #666;
 }
 .card-text2 div{
   margin-top: 0 !important;
   font-weight: normal;
   color: #000;
   font-size: 12px;
   padding-bottom: 0;
 }
 .card-inverse .btn {
     border: 1px solid rgba(0, 0, 0, .05);
 }
 .card-text3 {
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
+.container {
+    display: block;
+    position: relative;
+    padding-left: 29px;
+    margin-bottom: 12px;
+    cursor: pointer;
+    font-size: 15px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    width:100%;
+}
+/* Hide the browser's default checkbox */
+.container input {
+    position: absolute;
+    opacity: 0;
+}
+/* Create a custom checkbox */
+.checkmark {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 25px;
+    width: 25px;
+    background-color: #eee;
+}
+/* On mouse-over, add a grey background color */
+.container:hover input ~ .checkmark {
+    background-color: #ccc;
+}
+/* When the checkbox is checked, add a blue background */
+.container input:checked ~ .checkmark {
+    background-color: #42b549;
+}
+/* Create the checkmark/indicator (hidden when not checked) */
+.checkmark:after {
+    content: "";
+    position: absolute;
+    display: none;
+}
+/* Show the checkmark when checked */
+.container input:checked ~ .checkmark:after {
+    display: block;
+}
+/* Style the checkmark/indicator */
+.container .checkmark:after {
+    left: 9px;
+    top: 5px;
+    width: 5px;
+    height: 10px;
+    border: solid white;
+    border-width: 0 3px 3px 0;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+}

pages/registration.html

Diff comments View file @100de88

 <div class="header">
    <div style="float: left;">
       <a href="http://startupjalsa.com/" target="_blank">
          <img src="images/white.png" class="logo" >
       </a>
    </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 -->
 <div class="col-xs-12 col-md-10 col-md-offset-1">
    <p class="select-stage" style="font-size:16px;"><b>Please select one city.</b></p>
       <div class="stage-shadow">
          <div class="stages card-align">
             <div class="row">
                <div class="col-md-3">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/Chennai1.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Chennai</h4>
                               <label class="card-sub-title">9th November,2017</label>
                            </div>
                            <div class="pull-right">
                               <!-- <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="register('chennai')" disabled="">Apply</button> -->
                            </div>
                            <div class="clearfix"></div>
                            <!-- <label class="card-sub-title"><span style="color:red"> Early bird deadline</span> : <span id="chennai"></span>*</label> -->
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text" style="padding-bottom:16px;">IIT-Madras, Research Park Auditorium</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/pune (1).png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Pune</h4>
                               <label class="card-sub-title">11th November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('pune')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text" style="padding-bottom:16px;">Edugild, 9, MIT College Rd, Kothrud, Pune</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/Mumbai1.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Mumbai</h4>
                               <label class="card-sub-title">13th November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('mumbai')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">Zone Startups, Bombay Stock Exchange, Dalal Street, Mumbai</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/ahmedabad.jpg" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Ahmedabad</h4>
                               <label class="card-sub-title">15th November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('ahmedabad')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text" style="padding-bottom:16px;">IIM-Ahmedabad, Gujarat</div>
                         </div>
                      </label>
                   </div>
                </div>
             </div>
          </div>
          <div class="clearfix"></div>
          <div class="stages card-align" style="margin-top: 2%;">
             <div class="row">
                <div class="col-md-3">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/jaipur_2 (1).jpg" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Jaipur</h4>
                               <label class="card-sub-title">17th November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('jaipur')">Apply</button>
                            </div>  -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">Startup Oasis, M-7, Sitapura Industrial Area, Jaipur</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/Hyderabad1.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Hyderabad</h4>
                               <label class="card-sub-title">21st November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('hyderabad')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">T-Hub, IIIT-Hyderabad Campus, Gachibowli, Hyderabad</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/bangalore (1).png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Bengaluru</h4>
                               <label class="card-sub-title">22nd November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('bengaluru')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">NASSCOM 10,000 Startup Warehouse, Diamond District ISRO Colony, Domlur</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/Delhi (3).png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Delhi</h4>
                               <label class="card-sub-title">29th November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('delhi')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Sold out</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">Delhi Technological University, Shahbad Daulatpur, Delhi</div>
                         </div>
                      </label>
                   </div>
                </div>
             </div>
          </div>
          <div class="clearfix"></div>
          <div class="stages card-align" style="margin-top: 2%;">
             <div class="row">
                <!-- <div class="col-md-3">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/chandigrh.jpg" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Chandigarh</h4>
                               <label class="card-sub-title">2nd December,2017</label>
                            </div>
                            <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('chandigarh')">Apply</button>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red"> Early bird deadline</span> : <span id="chandigarh"></span>*</label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">TBD</div>
                         </div>
                      </label>
                   </div>
                </div> -->
                <div class="col-md-6 col-md-offset-3">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/maineventChandigarh.jpg" style="width:100%;">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title" style="font-size:22px;">Startup Jalsa 2017, Chandigarh</h4>
                               <h4 class="card-title" style="font-size:16px;">Main Invest Edition</h4>
                               <label class="card-sub-title" style="font-size:15px;">16th-17th December</label>
                            </div>
                            <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 25px;" ng-click="register('chandigarh')">Apply</button>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red"> Early bird deadline</span> : <span id="maininvest"></span>*</label>
                         </div>
                         <div class="card-text2">
                            <span style="font-size:15px;"><b>Location</b></span>
                            <div class="card-text" style="font-size:15px;">Lake Club, Sector 1, Chandigarh</div>
                            <div class="card-text" style="font-size:15px;">Starts at 11am on 16th December, Ends at 7pm on 17th December</div>
                         </div>
                         <!-- <div class="card-text3">
                            <p>
                            <ul style="padding: 2% 0 2% 2%;font-size: 15px;">
                               <li>Access to 2-days conference</li>
                               <li>Pitching for funding up to Rs 1 crore</li>
                               <li>Private interaction in khopchas</li>
                               <li>Access to 30+ investors in the startup ecosystem</li>
                            </ul>
                            </p>
                         </div> -->
                         <div class="col-md-12 row card-text3" style="margin-left: 0;">
                            <div class="col-md-6">
                               <ul style="padding: 8% 0 2% 0;font-size: 15px;">
                                  <li style="width:100%">Win guaranteed funding upto ₹1 crore* to be the Next Top Startup of India</li>
                               </ul>
                            </div>
                            <div class="col-md-6">
                               <ul style="padding: 8% 0 2% 0;font-size: 15px;">
                                  <li style="width:100%">Private 1-on-1 interaction with investors in khopchas to get funded from top investors upto ₹10 crores*</li>
                               </ul>
                            </div>
                            <div class="col-md-6">
                               <ul style="padding: 0;font-size: 15px;">
                                  <li style="width:100%">Access to 30+ top investors in the ecosystem</li>
                               </ul>
                            </div>
                            <div class="col-md-6">
                               <ul style="padding: 0;font-size: 15px;">
                                  <li style="width:100%">Network with the biggest names at the 2-day conference</li>
                               </ul>
                            </div>
                            <span style="float: right;font-size: 13px;padding:0 2% 3% 0">* Subject to due diligence</span>
                         </div>
                      </label>
                   </div>
                </div>
             </div>
          </div>
       <div class="clearfix"></div>
    </div>
 </div>
 <div class="clearfix"></div>
 <div style="display: none;" class="hiddenForm">
    <div class="navbar-collapse">
       <form name="applicantForm" id="signupForm">
          <div class="col-xs-12 col-md-10 col-md-offset-1">
             <!-- <div class="hideform" ng-if="eventType">
               <p>
                   <ul style="padding-left: 2%;font-size: 15px;"><li>Access to 2-days conference</li>
                   <li>Pitching for funding up to Rs 1 crore</li>
                   <li>Private interaction in khopchas</li>
                   <li>Access to 30+ investors in the startup ecosystem</li></ul>
               </p>
             </div> -->
             <!-- <div class="hideform" ng-if="mainType"> -->
             <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-6 no-padding">
                      <div class="card stages-card">
                         <input type="radio" ng-model="data.stage" class="stageRadio" value="Pitch your Idea" name="Pitch your Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage('Pitch your 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"><b style="font-size:14px">Pitch your Idea</b></p>
                            </div>
                         </label>
                      </div>
                      <div class="clearfix"></div>
                      <div class="cards-content hidden-xs">
                         <p>
                            &#x26AC; <span style="font-weight:bold">One idea will get a chance to pitch and 10lac guaranteed funding* T&C</span><br>
                         </p>
                      </div>
                   </div>
                   <div class="col-xs-6 no-padding-mobile">
                      <div class="card stages-card margin-auto-mobile">
                         <input type="radio"  ng-model="data.stage" class="stageRadio" value="Pitch your Startup" name="Pitch your Startup" id="Proof" ng-required="Product" ng-click="stage('Pitch your Startup')">
                         <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"><b style="font-size:14px">Pitch your Startup</b></p>
                            </div>
                         </label>
                      </div>
                      <div class="clearfix"></div>
                      <div class="cards-content hidden-xs">
                         <p>
                            &#x26AC; <span style="font-weight:bold">The top startup will get Rs 1crore prize in form of funding* T&C</span><br>
                         </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="Growth" 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; <span style="font-weight:bold">Have traction and looking to scale up?</span><br>
                            &#x26AC; Connect with Series A investors<br>
                            &#x26AC; Connect and hire top startups
                         </p>
                      </div>
                   </div> -->
                   <!-- <div class="col-xs-3 no-padding">
                      <div class="card stages-card">
                         <input type="radio" ng-model="data.stage" class="stageRadio" value="Visitor" name="Visitor" id="visit" ng-required="Visitor" ng-checked="true" checked="true" ng-click="stage('Visitor')">
                         <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="visit">
                            <img class="stage-img stage-visit" src="images/idea-stage.png" alt="Lights">
                            <div class="card-content f-family">
                               <p align="center">Visitor</p>
                            </div>
                         </label>
                      </div>
                      <div class="clearfix"></div>
                      <div class="cards-content hidden-xs">
                         <p>
                            &#x26AC; <span style="font-weight:bold">Have an idea and need execution help?</span><br>
                            &#x26AC; Get feedback from mentors<br>
                            &#x26AC; Validate your idea.
                         </p>
                      </div>
                   </div> -->
                   <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
             </div>
             <!-- </div> -->
             <div class="hidden-sm hidden-md hidden-lg">
                <div class="cards-content" ng-if="data.stage == 'Pitch your Idea'">
                   <p>
                      &#x26AC; <span style="font-weight:bold">One idea will get a chance to pitch and 10lac guaranteed funding* T&C</span><br>
                   </p>
                </div>
                <div class="cards-content" ng-if="data.stage == 'Pitch your Startup'">
                   <p>
                      &#x26AC; <span style="font-weight:bold">The top startup will get Rs 1crore prize in form of funding* T&C</span><br>
                   </p>
                </div>
                <!-- <div class="cards-content" ng-if="data.stage == 'Growth'">
                   <p>
                      &#x26AC; <span style="font-weight:bold">Have traction and looking to scale up?</span><br>
                      &#x26AC; Connect with Series A investors<br>
                      &#x26AC; Connect and hire top startups
                   </p>
                </div> -->
                <!-- <div class="cards-content" ng-if="data.stage == 'Visitor'">
                   <p>
                      &#x26AC; <span style="font-weight:bold">Have an idea and need execution help?</span><br>
                      &#x26AC; Get feedback from mentors<br>
                      &#x26AC; Validate your idea.
                   </p>
                </div> -->
             </div>
             <!-- CLOSE STAGE SHADOW -->
             <div class="form-all">
                <div class="col-xs-12 col-md-12 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;">person</i>
                   </div>
                   <input type="text" class="text-input" required  ng-model="data.name" placeholder="Name *" id="myBtn" name="name" ng-change="entername(data.name); firstNamekeyPress(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-x">
                      <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
                   </div>
                   <input type="text" class="text-input" required  ng-model="data.lastName" placeholder="Last Name *" id="myBtn" name="lastName" ng-change="entername(data.lastName); lastNamekeyPress(data.lastName)">
                </div> -->
                <div class="col-xs-12 col-md-12 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" style="margin-bottom:5px"
                   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)" ng-keyup="emailTest($event)">
                   <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
                   <label ng-if="check">Email already exist.<a href="http://apply.startupjalsa.com/#/pendingPayment/{{emailId}}">Click here</a> to complete payment</label>
                   <label style="color: #ff0000;margin: 5px 4px -5px 0px" ng-if="space == true" >Please remove the space.</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="col-xs-12 col-md-12 f-family line-adjust">
                   <strong>Which city meet-up would you like to attend? </strong>
                   <p class="line-space" ></p>
                </div>
                <div class="col-xs-12 col-md-12 input-wrapper f-family">
                   <div class="icon-circle-p">
                      <i class="material-icons" style="line-height: 30px;">location_city</i>
                   </div>
                   <select name="citymeetup" ng-model="data.citymeetup" ng-change="enterbusiness(data.citymeetup); businesskeyPress(data.citymeetup)" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
                      <option selected disabled value="">City meet-up *</option>
                      <option value="Chennai">November 9: Chennai</option>
                      <option value="Pune">November 11: Pune</option>
                      <option value="Ahmedabad">November 13: Ahmedabad</option>
                      <option value="Mumbai">November 17: Mumbai</option>
                      <option value="Bengaluru">November 23: Bengaluru</option>
                      <option value="Delhi">November 25: Delhi</option>
                      <option value="Hyderabad">November 27: Hyderabad</option>
                      <option value="Chandigarh">December 1: Chandigarh</option>
                   </select>
                </div> -->
                <div class="col-xs-12 col-md-12 input-wrapper">
                   <div id="snackbar">Error ! Please fill in all fields.</div>
                   <div class="icon-circle-e">
                      <i class="material-icons" style="line-height: 30px;">phone</i>
                   </div>
                   <input type="text" ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input"  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-12 input-wrapper">
                   <div id="snackbar">Error ! Please fill in all fields.</div>
                   <div class="icon-circle-x">
                      <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
                   </div>
                   <input type="text" class="text-input" required  ng-model="data.startupName" placeholder="Startup Name *" id="myBtn" name="startupName" ng-change="entername(data.startupName); startupNamekeyPress(data.startupName)">
                </div>
                <!-- <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
                   <div id="snackbar">Error ! Please fill in all fields.</div>
                   <div class="icon-circle-h">
                      <i class="material-icons" style="line-height: 31px;">link</i>
                   </div>
                   <input type="text" class="text-input"  ng-model="data.linkedInUrl" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="LinkedIn URL" id="myBtn" name="linkedInUrl" ng-change="entername(data.linkedInUrl); linkedInkeyPress(data.linkedInUrl)">
                   <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.linkedInUrl == undefined || data.linkedInUrl == ''" style="position:absolute; top: 10px; left: 116px; color: #999">*</span>
                </div> -->
                <!-- <div class="hideform" ng-if="visitType"> -->
 <!--                   <div class="col-xs-12 col-md-12 f-family line-adjust">
                      <strong>Explain your idea/product briefly</strong>
                      <p class="line-space" ></p>
                   </div>
                   <div class="col-xs-12 col-md-12 input-wrapper">
                      <div id="snackbar">Error ! Please fill in all fields.</div>
                      <div class="icon-circle-q">
                         <i class="material-icons" style="line-height: 31px;">thumb_up</i>
                      </div>
                      <textarea type="text" maxlength="300" class="text-input" required  ng-model="data.idea" placeholder="Idea/Product *" id="myBtn" name="Idea" ng-focus="removeNooError()" ng-change="entername(data.idea); ideakeyPress(data.idea)">
                      </textarea>
                      <label class="error-message f-family" id="invalidIdea">Please answer using 300 words only.</label>
                   </div>
                   <div class="col-xs-12 col-md-12 input-wrapper f-family">
                      <div class="icon-circle-abcdefg">
                         <i class="material-icons" style="line-height: 30px;">open_with</i>
                      </div>
                      <select name="industry" ng-model="data.industry" ng-change="industry(data.industry); industrykeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="dataIndustry">
                         <option selected disabled value="">Choose Industry *</option>
                         <option value="Travel">Travel</option>
                         <option value="Retail">Retail</option>
                         <option value="Editech">Editech</option>
                         <option value="Fintech">Fintech</option>
                         <option value="Hardware">Hardware</option>
                         <option value="Digital">Digital</option>
                         <option value="Rural">Rural</option>
                         <option value="others">Others</option>
                      </select>
                   </div>
                   <div class="col-xs-12 col-md-12 input-wrapper" ng-if="addOther">
                      <div id="snackbar">Error ! Please fill in all fields.</div>
                      <div class="icon-circle-o">
                         <i class="material-icons" style="line-height: 31px;">open_with</i>
                      </div>
                      <input type="text" class="text-input" ng-change="industry(data.industryName); industryNamekeyPress((data.industryName))" ng-model="data.industryName" placeholder="Please mention other industry name">
                   </div> -->
                   <!-- <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
                      <div id="snackbar">Error ! Please fill in all fields.</div>
                      <div class="icon-circle-i">
                         <i class="material-icons" style="line-height: 31px;">business</i>
                      </div>
                      <input type="text" class="text-input"  ng-model="data.companyName" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="Company Name" id="myBtn" name="companyName" ng-change="entername(data.companyName); companykeyPress(data.companyName)">
                      <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.companyName == undefined || data.companyName == ''" style="position:absolute; top: 10px; left: 130px; color: #999">*</span>
                   </div>
                   <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
                      <div id="snackbar">Error ! Please fill in all fields.</div>
                      <div class="icon-circle-j">
                         <i class="material-icons" style="line-height: 31px;">view_comfy</i>
                      </div>
                      <input type="text" class="text-input"  ng-model="data.productName" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="Product Name" id="myBtn" name="productName" ng-change="entername(data.productName); productNamekeyPress(data.productName)">
                      <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.productName == undefined || data.productName == ''" style="position:absolute; top: 10px; left: 120px; color: #999">*</span>
                   </div>
                   <div class="hideform" ng-if="prototyp">
                      <div class="hideform" ng-if="protyp">
                         <div class="col-xs-12 col-md-12 f-family line-adjust">
                            <strong>Product Launched? </strong>
                            <p class="line-space" ></p>
                         </div>
                         <div class="col-xs-12 col-md-12 input-wrapper f-family">
                            <div class="icon-circle-ab">
                               <i class="material-icons" style="line-height: 30px;">launch</i>
                            </div>
                            <select name="productLaunch" ng-model="data.productLaunch" ng-change="productLaunch(data.productLaunch); productLaunchkeyPress()" ng-click="productCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="productDiv">
                               <option selected disabled value="">Select *</option>
                               <option value="yes">Yes</option>
                               <option value="no">No</option>
                            </select>
                         </div>
                         <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="Productshow == 'yes'">
                            <strong>Product Launch Period </strong>
                            <p class="line-space" ></p>
                         </div>
                         <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="Productshow == 'yes'">
                            <div class="icon-circle-abc">
                               <i class="material-icons" style="line-height: 30px;">launch</i>
                            </div>
                            <select name="launchPeriod" ng-model="data.launchPeriod" ng-change="launchPeriod(data.launchPeriod); launchPeriodkeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
                               <option selected disabled value="">Select</option>
                               <option value="less than 1 Month">less than one month</option>
                               <option value="less than 6 Months">less than 6 months</option>
                               <option value="more than 6 Months">more than 6 months</option>
                            </select>
                         </div>
                      </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-k">
                            <i class="material-icons" style="line-height: 31px;">web</i>
                         </div>
                         <input type="text" class="text-input" ng-model="data.websiteUrl" ng-required="Productshow == 'yes'" placeholder="Website URL *" id="myBtn" name="websiteUrl" ng-change="entername(data.websiteUrl); websitekeyPress(data.websiteUrl)">
                      </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-m">
                            <i class="material-icons" style="line-height: 31px;">link</i>
                         </div>
                         <input type="text" class="text-input" ng-model="data.demoLink" ng-required="Productshow == 'yes'" placeholder="Link to your product/app/demo *" id="myBtn" name="demoLink" ng-change="entername(data.demoLink); annualkeyPress(data.demoLink)">
                      </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-l">
                            <i class="material-icons" style="line-height: 31px;">format_list_numbered</i>
                         </div>
                         <input type="text"  ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input" ng-required="Productshow == 'yes'" ng-model="data.numberOfEmployees" placeholder="Number of Employees *" id="myBtn" name="numberOfEmployees" ng-change="entername(data.numberOfEmployees); employeekeyPress(data.numberOfEmployees)">
                      </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-n">
                            <i class="material-icons" style="line-height: 31px;">view_stream</i>
                         </div>
                         <input type="text" class="text-input" ng-model="data.revenueMonth" ng-required="Productshow == 'yes'" placeholder="Monthly Revenue *" id="myBtn" name="revenueMonth" ng-change="entername(data.revenueMonth); revenuekeyPress(data.revenueMonth)">
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper f-family">
                         <p><b>Have you risen any funding yet?</b></p>
                         <div class="icon-circle-bc">
                            <i class="material-icons" style="line-height: 30px;">payment</i>
                         </div>
                         <select name="amount" ng-model="data.amount" ng-required="Productshow == 'yes'" ng-change="amount(data.amount); amountkeyPress()" ng-click="textCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;"  id="fundingDiv">
                            <option selected disabled value="">Select *</option>
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                         </select>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper" ng-if="Textshow == 'yes'">
                         <div class="icon-circle-y" >
                            <i class="material-icons" style="line-height: 31px;">money</i>
                         </div>
                         <input type="text" name="fund" class="text-input" ng-model="data.fund" placeholder="Fill amount" ng-change="fund(data.fund); fundkeyPress(data.fund)"></input>
                      </div>
                   </div> -->
                <!-- </div>  -->
                <!-- <div class="identity-shadow">
                   <div class="icon-circle-bc">
                      <i class="material-icons" style="line-height: 30px;">payment</i>
                   </div>
                   <div class="identity-question">
                      <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">
                         <b>Have you risen any funding yet?</b>
                         <p style="color:grey"></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" value="yes" ng-model="data.amount" class="option-input-a radio-a pull-left" id="yesRadio" ng-change="amount(data.amount); amountkeyPress();  textCheck('yes')" name="amount" >
                         <label class="f-family pull-left width-auto" for="yesRadio">Yes</label>
                         </label>
                         <label class="card-small margin-right-label">
                            <input type="radio" value="no" ng-model="data.amount" class="option-input-a radio-a pull-left" id="noRadio" ng-change="amount(data.amount); amountkeyPress(); textCheck('no')" name="amount" >
                         <label class="f-family pull-left width-auto" for="noRadio">No</label>
                         </label>
                      </div>
                   </div>
                   <div class="clearfix"></div>
                </div> -->
                <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" maxlength="6" minlength="6" placeholder="Enter Promo 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 Promo</button>
                </div>
                <span style="padding-left:10px">* One ticket is valid for one person.</span>
-               <!-- <div>
+               <div style="padding-top:10px;">
-                  <div class="checkbox">
+                  <!-- <div class="checkbox"> -->
-                     <label style="padding-left:10px;">
+                     <!-- <label style="padding-left:10px;">
-                        <input type="checkbox" ng-click="IfDinnerCheck()" ng-model="data.networkDinner" value="network Dinner">Networking Dinner with Investors and Speakers
+                        <input type="checkbox" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">Networking Dinner with Investors and Speakers: Rs 2,000/-
+                     </label> -->
+                     <label class="container">Networking Dinner with Investors and Speakers: Rs 2,000/-
+                       <input type="checkbox" checked="checked" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">
+                       <span class="checkmark"></span>
                      </label>
-                  </div>
+                  <!-- </div> -->
-               </div> -->
+               </div>
                <div class="clearfix"></div>
                <div class="text-center">
                   <input type="submit" style="width:200px" class="btn submit-button" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()">
                </div>
             </div>
             </div>
             <!-- CLOSE step-two-form -->
          </div>
          <!-- col-xs-12 col-md-8 col-md-offset-2 -->
       </form>
    </div>
 </div>
 <!-- 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>
 <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" style="left: auto;">
       <div class="modal-content">
          <div class="modal-body" style="text-align:center;margin-top:5%">
             <p style="font-size:22px">Your Email is already exist.<a href="http://apply.startupjalsa.com/#/pendingPayment/{{id}}">Click here</a> to complete the payment</p>
          </div>
          <div style="text-align:center;margin-bottom:5%">
             <button style="color: #fff;background-color: #4CAF50;" type="button" class="btn btn-default1" data-dismiss="modal">Close</button>
          </div>
       </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>
     </div>
    </div>
 </div>
  -->
  <span ng-show="span == true">
      <span id="chennai"></span>
      <span id="pune"></span>
      <span id="mumbai"></span>
      <span id="hyderabad"></span>
      <span id="chandigarh"></span>
      <span id="delhi"></span>
      <span id="ahmedabad"></span>
      <span id="bangalore"></span>
      <span id="jaipur"></span>
      <span id="maininvest"></span>
   </span>

script.js

Diff comments View file @100de88

1	// create the module and name it scotchApp	1	// create the module and name it scotchApp
2	var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']);	2	var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']);
3		3
4	// configure our routes	4	// configure our routes
5	scotchApp.config(function($routeProvider) {	5	scotchApp.config(function($routeProvider) {
6	$routeProvider	6	$routeProvider
7		7
8	// route for the Home page	8	// route for the Home page
9	.when('/', {	9	.when('/', {
10	templateUrl: 'pages/Home.html',	10	templateUrl: 'pages/Home.html',
11	controller: 'mainController'	11	controller: 'mainController'
12	})	12	})
13		13
14	// route for the registration page	14	// route for the registration page
15	.when('/registration', {	15	.when('/registration', {
16	templateUrl: 'pages/registration.html',	16	templateUrl: 'pages/registration.html',
17	controller: 'mainController'	17	controller: 'mainController'
18	})	18	})
19		19
20	// route for the paymentVerify page	20	// route for the paymentVerify page
21	.when('/pendingPayment/:id', {	21	.when('/pendingPayment/:id', {
22	templateUrl: 'pages/verify.html',	22	templateUrl: 'pages/verify.html',
23	controller: 'verifyController'	23	controller: 'verifyController'
24	})	24	})
25		25
26	// route for the ambassador page	26	// route for the ambassador page
27	.when('/startupJalsaPromocode', {	27	.when('/startupJalsaPromocode', {
28	templateUrl: 'pages/ambassador.html',	28	templateUrl: 'pages/ambassador.html',
29	controller: 'ambassadorController'	29	controller: 'ambassadorController'
30	})	30	})
31		31
32	// route for the confirmation page	32	// route for the confirmation page
33	.when('/confirmation', {	33	.when('/confirmation', {
34	templateUrl: 'pages/confirmation.html',	34	templateUrl: 'pages/confirmation.html',
35	controller: 'mainController'	35	controller: 'mainController'
36	})	36	})
37		37
38	});	38	});
39		39
40	scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) {	40	scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) {
41	// Add configuration code as desired	41	// Add configuration code as desired
42	AnalyticsProvider.setAccount('UA-106416759-1'); //UU-XXXXXXX-X should be your tracking code	42	AnalyticsProvider.setAccount('UA-106416759-1'); //UU-XXXXXXX-X should be your tracking code
43		43
44	// Track all routes (default is true).	44	// Track all routes (default is true).
45	AnalyticsProvider.trackPages(true);	45	AnalyticsProvider.trackPages(true);
46		46
47	// Track all URL query params (default is false).	47	// Track all URL query params (default is false).
48	AnalyticsProvider.trackUrlParams(true);	48	AnalyticsProvider.trackUrlParams(true);
49		49
50	}]).run(['Analytics', function(Analytics) { }]);	50	}]).run(['Analytics', function(Analytics) { }]);
51		51
52	scotchApp.constant("BASE_URL", "http://139.59.68.74:4001/v1")	52	scotchApp.constant("BASE_URL", "http://139.59.68.74:4001/v1")
53	//scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/v1")	53	//scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/v1")
54		54
55	// create the controller and inject Angular's $scope	55	// create the controller and inject Angular's $scope
56	scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL, Analytics) {	56	scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL, Analytics) {
57	$scope.data = {	57	$scope.data = {
58	show: true,	58	show: true,
59	hide: false	59	hide: false
60	};	60	};
61		61
62	var maininvest = new Date("Dec 16, 2017 11:00:00").getTime();	62	var maininvest = new Date("Dec 16, 2017 11:00:00").getTime();
63	// Update the count down every 1 second	63	// Update the count down every 1 second
64	var x = setInterval(function() {	64	var x = setInterval(function() {
65	// Get todays date and time	65	// Get todays date and time
66	var now = new Date().getTime();	66	var now = new Date().getTime();
67	// Find the distance between now an the count down date	67	// Find the distance between now an the count down date
68	var distance = maininvest - now;	68	var distance = maininvest - now;
69	// Time calculations for days, hours, minutes and seconds	69	// Time calculations for days, hours, minutes and seconds
70	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	70	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
71	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	71	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
72	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	72	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
73	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	73	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
74	$scope.timer = days + "d " + hours + "h "	74	$scope.timer = days + "d " + hours + "h "
75	+ minutes + "m " + seconds + "s "	75	+ minutes + "m " + seconds + "s "
76	// Output the result in an element with id="demo"	76	// Output the result in an element with id="demo"
77	document.getElementById("maininvest").innerHTML = days + "d " + hours + "h "	77	document.getElementById("maininvest").innerHTML = days + "d " + hours + "h "
78	+ minutes + "m " + seconds + "s ";	78	+ minutes + "m " + seconds + "s ";
79	// If the count down is over, write some text	79	// If the count down is over, write some text
80	if (distance < 0) {	80	if (distance < 0) {
81	// $scope.extendedAmount =	81	// $scope.extendedAmount =
82	clearInterval(x);	82	clearInterval(x);
83	document.getElementById("maininvest").innerHTML = "EXPIRED";	83	document.getElementById("maininvest").innerHTML = "EXPIRED";
84	}	84	}
85	}, 1000);	85	}, 1000);
86		86
87	var pune = new Date("Nov 11, 2017 12:00:00").getTime();	87	var pune = new Date("Nov 11, 2017 12:00:00").getTime();
88	// Update the count down every 1 second	88	// Update the count down every 1 second
89	var x = setInterval(function() {	89	var x = setInterval(function() {
90	// Get todays date and time	90	// Get todays date and time
91	var now = new Date().getTime();	91	var now = new Date().getTime();
92	// Find the distance between now an the count down date	92	// Find the distance between now an the count down date
93	var distance = pune - now;	93	var distance = pune - now;
94	// Time calculations for days, hours, minutes and seconds	94	// Time calculations for days, hours, minutes and seconds
95	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	95	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
96	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	96	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
97	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	97	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
98	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	98	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
99	$scope.timer = days + "d " + hours + "h "	99	$scope.timer = days + "d " + hours + "h "
100	+ minutes + "m " + seconds + "s "	100	+ minutes + "m " + seconds + "s "
101	// Output the result in an element with id="demo"	101	// Output the result in an element with id="demo"
102	document.getElementById("pune").innerHTML = days + "d " + hours + "h "	102	document.getElementById("pune").innerHTML = days + "d " + hours + "h "
103	+ minutes + "m " + seconds + "s ";	103	+ minutes + "m " + seconds + "s ";
104	// If the count down is over, write some text	104	// If the count down is over, write some text
105	if (distance < 0) {	105	if (distance < 0) {
106	clearInterval(x);	106	clearInterval(x);
107	document.getElementById("pune").innerHTML = "EXPIRED";	107	document.getElementById("pune").innerHTML = "EXPIRED";
108	}	108	}
109	}, 1000);	109	}, 1000);
110		110
111	var mumbai = new Date("Nov 13, 2017 16:00:00").getTime();	111	var mumbai = new Date("Nov 13, 2017 16:00:00").getTime();
112	// Update the count down every 1 second	112	// Update the count down every 1 second
113	var x = setInterval(function() {	113	var x = setInterval(function() {
114	// Get todays date and time	114	// Get todays date and time
115	var now = new Date().getTime();	115	var now = new Date().getTime();
116	// Find the distance between now an the count down date	116	// Find the distance between now an the count down date
117	var distance = mumbai - now;	117	var distance = mumbai - now;
118	// Time calculations for days, hours, minutes and seconds	118	// Time calculations for days, hours, minutes and seconds
119	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	119	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
120	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	120	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
121	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	121	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
122	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	122	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
123	$scope.timer = days + "d " + hours + "h "	123	$scope.timer = days + "d " + hours + "h "
124	+ minutes + "m " + seconds + "s "	124	+ minutes + "m " + seconds + "s "
125	// Output the result in an element with id="demo"	125	// Output the result in an element with id="demo"
126	document.getElementById("mumbai").innerHTML = days + "d " + hours + "h "	126	document.getElementById("mumbai").innerHTML = days + "d " + hours + "h "
127	+ minutes + "m " + seconds + "s ";	127	+ minutes + "m " + seconds + "s ";
128	// If the count down is over, write some text	128	// If the count down is over, write some text
129	if (distance < 0) {	129	if (distance < 0) {
130	clearInterval(x);	130	clearInterval(x);
131	document.getElementById("mumbai").innerHTML = "EXPIRED";	131	document.getElementById("mumbai").innerHTML = "EXPIRED";
132	}	132	}
133	}, 1000);	133	}, 1000);
134		134
135	var ahmedabad = new Date("Nov 15, 2017 16:00:00").getTime();	135	var ahmedabad = new Date("Nov 15, 2017 16:00:00").getTime();
136	// Update the count down every 1 second	136	// Update the count down every 1 second
137	var x = setInterval(function() {	137	var x = setInterval(function() {
138	// Get todays date and time	138	// Get todays date and time
139	var now = new Date().getTime();	139	var now = new Date().getTime();
140	// Find the distance between now an the count down date	140	// Find the distance between now an the count down date
141	var distance = ahmedabad - now;	141	var distance = ahmedabad - now;
142	// Time calculations for days, hours, minutes and seconds	142	// Time calculations for days, hours, minutes and seconds
143	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	143	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
144	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	144	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
145	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	145	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
146	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	146	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
147	$scope.timer = days + "d " + hours + "h "	147	$scope.timer = days + "d " + hours + "h "
148	+ minutes + "m " + seconds + "s "	148	+ minutes + "m " + seconds + "s "
149	// Output the result in an element with id="demo"	149	// Output the result in an element with id="demo"
150	document.getElementById("ahmedabad").innerHTML = days + "d " + hours + "h "	150	document.getElementById("ahmedabad").innerHTML = days + "d " + hours + "h "
151	+ minutes + "m " + seconds + "s ";	151	+ minutes + "m " + seconds + "s ";
152	// If the count down is over, write some text	152	// If the count down is over, write some text
153	if (distance < 0) {	153	if (distance < 0) {
154	clearInterval(x);	154	clearInterval(x);
155	document.getElementById("ahmedabad").innerHTML = "EXPIRED";	155	document.getElementById("ahmedabad").innerHTML = "EXPIRED";
156	}	156	}
157	}, 1000);	157	}, 1000);
158		158
159	var jaipur = new Date("Nov 17, 2017 16:00:00").getTime();	159	var jaipur = new Date("Nov 17, 2017 16:00:00").getTime();
160	// Update the count down every 1 second	160	// Update the count down every 1 second
161	var x = setInterval(function() {	161	var x = setInterval(function() {
162	// Get todays date and time	162	// Get todays date and time
163	var now = new Date().getTime();	163	var now = new Date().getTime();
164	// Find the distance between now an the count down date	164	// Find the distance between now an the count down date
165	var distance = jaipur - now;	165	var distance = jaipur - now;
166	// Time calculations for days, hours, minutes and seconds	166	// Time calculations for days, hours, minutes and seconds
167	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	167	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
168	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	168	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
169	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	169	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
170	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	170	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
171	$scope.timer = days + "d " + hours + "h "	171	$scope.timer = days + "d " + hours + "h "
172	+ minutes + "m " + seconds + "s "	172	+ minutes + "m " + seconds + "s "
173	// Output the result in an element with id="demo"	173	// Output the result in an element with id="demo"
174	document.getElementById("jaipur").innerHTML = days + "d " + hours + "h "	174	document.getElementById("jaipur").innerHTML = days + "d " + hours + "h "
175	+ minutes + "m " + seconds + "s ";	175	+ minutes + "m " + seconds + "s ";
176	// If the count down is over, write some text	176	// If the count down is over, write some text
177	if (distance < 0) {	177	if (distance < 0) {
178	clearInterval(x);	178	clearInterval(x);
179	document.getElementById("jaipur").innerHTML = "EXPIRED";	179	document.getElementById("jaipur").innerHTML = "EXPIRED";
180	}	180	}
181	}, 1000);	181	}, 1000);
182		182
183	var bangalore = new Date("Nov 22, 2017 16:00:00").getTime();	183	var bangalore = new Date("Nov 22, 2017 16:00:00").getTime();
184	// Update the count down every 1 second	184	// Update the count down every 1 second
185	var x = setInterval(function() {	185	var x = setInterval(function() {
186	// Get todays date and time	186	// Get todays date and time
187	var now = new Date().getTime();	187	var now = new Date().getTime();
188	// Find the distance between now an the count down date	188	// Find the distance between now an the count down date
189	var distance = bangalore - now;	189	var distance = bangalore - now;
190	// Time calculations for days, hours, minutes and seconds	190	// Time calculations for days, hours, minutes and seconds
191	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	191	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
192	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	192	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
193	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	193	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
194	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	194	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
195	$scope.timer = days + "d " + hours + "h "	195	$scope.timer = days + "d " + hours + "h "
196	+ minutes + "m " + seconds + "s "	196	+ minutes + "m " + seconds + "s "
197	// Output the result in an element with id="demo"	197	// Output the result in an element with id="demo"
198	document.getElementById("bangalore").innerHTML = days + "d " + hours + "h "	198	document.getElementById("bangalore").innerHTML = days + "d " + hours + "h "
199	+ minutes + "m " + seconds + "s ";	199	+ minutes + "m " + seconds + "s ";
200	// If the count down is over, write some text	200	// If the count down is over, write some text
201	if (distance < 0) {	201	if (distance < 0) {
202	clearInterval(x);	202	clearInterval(x);
203	document.getElementById("bangalore").innerHTML = "EXPIRED";	203	document.getElementById("bangalore").innerHTML = "EXPIRED";
204	}	204	}
205	}, 1000);	205	}, 1000);
206		206
207	var hyderabad = new Date("Nov 21, 2017 16:00:00").getTime();	207	var hyderabad = new Date("Nov 21, 2017 16:00:00").getTime();
208	// Update the count down every 1 second	208	// Update the count down every 1 second
209	var x = setInterval(function() {	209	var x = setInterval(function() {
210	// Get todays date and time	210	// Get todays date and time
211	var now = new Date().getTime();	211	var now = new Date().getTime();
212	// Find the distance between now an the count down date	212	// Find the distance between now an the count down date
213	var distance = hyderabad - now;	213	var distance = hyderabad - now;
214	// Time calculations for days, hours, minutes and seconds	214	// Time calculations for days, hours, minutes and seconds
215	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	215	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
216	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	216	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
217	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	217	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
218	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	218	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
219	$scope.timer = days + "d " + hours + "h "	219	$scope.timer = days + "d " + hours + "h "
220	+ minutes + "m " + seconds + "s "	220	+ minutes + "m " + seconds + "s "
221	// Output the result in an element with id="demo"	221	// Output the result in an element with id="demo"
222	document.getElementById("hyderabad").innerHTML = days + "d " + hours + "h "	222	document.getElementById("hyderabad").innerHTML = days + "d " + hours + "h "
223	+ minutes + "m " + seconds + "s ";	223	+ minutes + "m " + seconds + "s ";
224	// If the count down is over, write some text	224	// If the count down is over, write some text
225	if (distance < 0) {	225	if (distance < 0) {
226	clearInterval(x);	226	clearInterval(x);
227	document.getElementById("hyderabad").innerHTML = "EXPIRED";	227	document.getElementById("hyderabad").innerHTML = "EXPIRED";
228	}	228	}
229	}, 1000);	229	}, 1000);
230		230
231	var delhi = new Date("Nov 27, 2017 12:00:00").getTime();	231	var delhi = new Date("Nov 27, 2017 12:00:00").getTime();
232	// Update the count down every 1 second	232	// Update the count down every 1 second
233	var x = setInterval(function() {	233	var x = setInterval(function() {
234	// Get todays date and time	234	// Get todays date and time
235	var now = new Date().getTime();	235	var now = new Date().getTime();
236	// Find the distance between now an the count down date	236	// Find the distance between now an the count down date
237	var distance = delhi - now;	237	var distance = delhi - now;
238	// Time calculations for days, hours, minutes and seconds	238	// Time calculations for days, hours, minutes and seconds
239	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	239	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
240	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	240	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
241	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	241	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
242	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	242	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
243	$scope.timer = days + "d " + hours + "h "	243	$scope.timer = days + "d " + hours + "h "
244	+ minutes + "m " + seconds + "s "	244	+ minutes + "m " + seconds + "s "
245	// Output the result in an element with id="demo"	245	// Output the result in an element with id="demo"
246	document.getElementById("delhi").innerHTML = days + "d " + hours + "h "	246	document.getElementById("delhi").innerHTML = days + "d " + hours + "h "
247	+ minutes + "m " + seconds + "s ";	247	+ minutes + "m " + seconds + "s ";
248	// If the count down is over, write some text	248	// If the count down is over, write some text
249	if (distance < 0) {	249	if (distance < 0) {
250	clearInterval(x);	250	clearInterval(x);
251	document.getElementById("delhi").innerHTML = "EXPIRED";	251	document.getElementById("delhi").innerHTML = "EXPIRED";
252	}	252	}
253	}, 1000);	253	}, 1000);
254		254
255	var chandigarh = new Date("Nov 30, 2017 12:00:00").getTime();	255	var chandigarh = new Date("Nov 30, 2017 12:00:00").getTime();
256	// Update the count down every 1 second	256	// Update the count down every 1 second
257	var x = setInterval(function() {	257	var x = setInterval(function() {
258	// Get todays date and time	258	// Get todays date and time
259	var now = new Date().getTime();	259	var now = new Date().getTime();
260	// Find the distance between now an the count down date	260	// Find the distance between now an the count down date
261	var distance = chandigarh - now;	261	var distance = chandigarh - now;
262	// Time calculations for days, hours, minutes and seconds	262	// Time calculations for days, hours, minutes and seconds
263	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	263	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
264	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	264	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
265	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	265	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
266	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	266	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
267	$scope.timer = days + "d " + hours + "h "	267	$scope.timer = days + "d " + hours + "h "
268	+ minutes + "m " + seconds + "s "	268	+ minutes + "m " + seconds + "s "
269	// Output the result in an element with id="demo"	269	// Output the result in an element with id="demo"
270	document.getElementById("chandigarh").innerHTML = days + "d " + hours + "h "	270	document.getElementById("chandigarh").innerHTML = days + "d " + hours + "h "
271	+ minutes + "m " + seconds + "s ";	271	+ minutes + "m " + seconds + "s ";
272	// If the count down is over, write some text	272	// If the count down is over, write some text
273	if (distance < 0) {	273	if (distance < 0) {
274	clearInterval(x);	274	clearInterval(x);
275	document.getElementById("chandigarh").innerHTML = "EXPIRED";	275	document.getElementById("chandigarh").innerHTML = "EXPIRED";
276	}	276	}
277	}, 1000);	277	}, 1000);
278		278
279	$scope.infoForm = false; /THIS CODE FOR HIDE STEP 2 FORM/	279	$scope.infoForm = false; /THIS CODE FOR HIDE STEP 2 FORM/
280	$scope.space = false; /THIS CODE FOR HIDE STEP 2 FORM/	280	$scope.space = false; /THIS CODE FOR HIDE STEP 2 FORM/
281	// $scope.Textshow = "yes"	281	// $scope.Textshow = "yes"
282	$scope.max = 100;	282	$scope.max = 100;
283	$scope.formPage = false;	283	$scope.formPage = false;
284	$scope.current = 0;	284	$scope.current = 0;
285	$scope.payingAmnt = 0;	285	$scope.payingAmnt = 0;
286	if ($scope.data.stage == 'select') {	286	if ($scope.data.stage == 'select') {
287		287
288	}	288	}
289		289
290	//$scope.author = 'Swarn Singh';	290	//$scope.author = 'Swarn Singh';
291	$scope.data = {};	291	$scope.data = {};
292	$scope.data.stage = 'Pitch your Idea';	292	$scope.data.stage = 'Pitch your Idea';
		293	$scope.data.networkDinner = false;
293	$scope.discountAmount = 0;	294	$scope.discountAmount = 0;
294	$scope.check = false;	295	$scope.check = false;
295	$scope.numberCheck = false;	296	$scope.numberCheck = false;
296	$scope.paymentResult = {};	297	$scope.paymentResult = {};
297	var data = {	298	var data = {
298	"amount": $scope.payingAmnt,	299	"amount": $scope.payingAmnt,
299	"currency": "INR",	300	"currency": "INR",
300	"status": "pending"	301	"status": "pending"
301	}	302	}
302		303
303	/open videos in modal/	304	/open videos in modal/
304	// $scope.openyoutube16 = function(){	305	// $scope.openyoutube16 = function(){
305	// $('#videoModel').modal('show');	306	// $('#videoModel').modal('show');
306	// }	307	// }
307		308
308	// $scope.openyoutube17 = function(){	309	// $scope.openyoutube17 = function(){
309	// $('#videoModels').modal('show');	310	// $('#videoModels').modal('show');
310	// }	311	// }
311		312
312	// $scope.closeModal = function(){	313	// $scope.closeModal = function(){
313	// var url = $('#youtubePlayer').attr('src');	314	// var url = $('#youtubePlayer').attr('src');
314	// $('#youtubePlayer').attr('src', '');	315	// $('#youtubePlayer').attr('src', '');
315	// $('#youtubePlayer').attr('src', url);	316	// $('#youtubePlayer').attr('src', url);
316	// }	317	// }
317		318
318		319
319	// $scope.closed = function(){	320	// $scope.closed = function(){
320	// var url = $('#youtubePlayersss').attr('src');	321	// var url = $('#youtubePlayersss').attr('src');
321	// $('#youtubePlayersss').attr('src', '');	322	// $('#youtubePlayersss').attr('src', '');
322	// $('#youtubePlayersss').attr('src', url);	323	// $('#youtubePlayersss').attr('src', url);
323	// }	324	// }
324	/open videos ends here/	325	/open videos ends here/
325	$scope.apply = function() {	326	$scope.apply = function() {
326	Analytics.trackEvent('register', 'click', 'Registration');	327	Analytics.trackEvent('register', 'click', 'Registration');
327	$location.path("/registration")	328	$location.path("/registration")
328	}	329	}
329	$scope.data.citymeetup = '';	330	$scope.data.citymeetup = '';
330	$scope.register = function(value){	331	$scope.register = function(value){
331	$scope.data.citymeetup = value;	332	$scope.data.citymeetup = value;
332	// if (value == 'mainevent') {	333	// if (value == 'mainevent') {
333	// $scope.eventType = true;	334	// $scope.eventType = true;
334	// $scope.mainType = false;	335	// $scope.mainType = false;
335	// $scope.data.stage = null;	336	// $scope.data.stage = null;
336	// }	337	// }
337	// else{	338	// else{
338	// $scope.eventType = false;	339	// $scope.eventType = false;
339	// $scope.mainType = true;	340	// $scope.mainType = true;
340	// }	341	// }
341	$('.hiddenForm').slideDown();	342	$('.hiddenForm').slideDown();
342	$('html, body').animate({	343	$('html, body').animate({
343	scrollTop: $('.hiddenForm').offset().top	344	scrollTop: $('.hiddenForm').offset().top
344	}, 1000);	345	}, 1000);
345	console.log('gdggsg', value);	346	console.log('gdggsg', value);
346	}	347	}
347		348
348	$scope.removeError = function() {	349	$scope.removeError = function() {
349	$('#invalidEmail').css('display', 'none');	350	$('#invalidEmail').css('display', 'none');
350	$('#alreadyExist').css('display', 'none');	351	$('#alreadyExist').css('display', 'none');
351	};	352	};
352		353
353	$scope.emailcheck = function(val) {	354	$scope.emailcheck = function(val) {
354	console.log(val)	355	console.log(val)
355	$scope.space = /\s/g.test(val);	356	$scope.space = /\s/g.test(val);
356	console.log("space",$scope.space)	357	console.log("space",$scope.space)
357	if (val == undefined) {	358	if (val == undefined) {
358	$('#invalidEmail').css('display', 'block');	359	$('#invalidEmail').css('display', 'block');
359	} else {	360	} else {
360	$http({	361	$http({
361	method: 'GET',	362	method: 'GET',
362	url: BASE_URL + '/applicants?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',	363	url: BASE_URL + '/applicants?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
363	headers: {}	364	headers: {}
364	}).then(function mySuccess(searchResult) {	365	}).then(function mySuccess(searchResult) {
365	console.log("searchResult1===>", searchResult)	366	console.log("searchResult1===>", searchResult)
366	if (searchResult.data.length == 0) {	367	if (searchResult.data.length == 0) {
367	$scope.check = false;	368	$scope.check = false;
368	} else {	369	} else {
369	$scope.check = true;	370	$scope.check = true;
370	$scope.emailId = searchResult.data[0].id	371	$scope.emailId = searchResult.data[0].id
371	$('#alreadyExist').css('display', 'block');	372	$('#alreadyExist').css('display', 'block');
372		373
373	}	374	}
374	console.log("$scope.data.id",searchResult.data)	375	console.log("$scope.data.id",searchResult.data)
375	}, function myError(error) {});	376	}, function myError(error) {});
376	}	377	}
377	};	378	};
378		379
379	$scope.removeNoError = function() {	380	$scope.removeNoError = function() {
380	$('#noExist').css('display', 'none');	381	$('#noExist').css('display', 'none');
381	};	382	};
382		383
383	$scope.numbercheck = function(number) {	384	$scope.numbercheck = function(number) {
384	$http({	385	$http({
385	method: 'GET',	386	method: 'GET',
386	url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',	387	url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',
387	data: $scope.data,	388	data: $scope.data,
388	headers: {}	389	headers: {}
389	}).then(function mySuccess(searchResult) {	390	}).then(function mySuccess(searchResult) {
390	console.log("searchResult===>", searchResult)	391	console.log("searchResult===>", searchResult)
391	if (searchResult.data.length == 0) {	392	if (searchResult.data.length == 0) {
392	$scope.numberCheck = false;	393	$scope.numberCheck = false;
393		394
394	} else {	395	} else {
395	$scope.numberCheck = true;	396	$scope.numberCheck = true;
396	$('#noExist').css('display', 'block');	397	$('#noExist').css('display', 'block');
397	}	398	}
398	}, function myError(error) {});	399	}, function myError(error) {});
399	};	400	};
400		401
401	$rootScope.tokenCall = function(val) {	402	$rootScope.tokenCall = function(val) {
402	console.log('val-------->', val);	403	console.log('val-------->', val);
403	if (val == undefined) {	404	if (val == undefined) {
404	$('#invalidToken').css('display', 'block');	405	$('#invalidToken').css('display', 'block');
405	} else {	406	} else {
406	val = val.toUpperCase();	407	val = val.toUpperCase();
407	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": {"like":"%25' + val + '%25"}}}')	408	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": {"like":"%25' + val + '%25"}}}')
408	.then(function(searchResult) {	409	.then(function(searchResult) {
409	console.log("searchResult",searchResult)	410	console.log("searchResult",searchResult)
410	if (searchResult.data.length == 0) {	411	if (searchResult.data.length == 0) {
411	$scope.tokencheck = false;	412	$scope.tokencheck = false;
412	$scope.discountAmount = 0;	413	$scope.discountAmount = 0;
413	} else {	414	} else {
414	$scope.discountpercentage = searchResult.data[0].discount;	415	$scope.discountpercentage = searchResult.data[0].discount;
415	$scope.tokencheck = true;	416	$scope.tokencheck = true;
416	}	417	}
417	},function(err){	418	},function(err){
418	console.log(err)	419	console.log(err)
419	});	420	});
420		421
421	}	422	}
422	};	423	};
423		424
424	// $scope.IfDinnerCheck = function(){	425	$scope.IfDinnerCheck = function(value){
425	// if(eventType == 'none'){	426	$scope.data.networkDinner = value;
426	// $scope.registration.events.pop(eventName)	427	console.log("value",value)
427	// }else{	428	}
428	// $scope.registration.events.push(eventType)
429	// }
430	// }
431		429
432	/THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE/	430	/THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE/
433	$(document).ready(	431	$(document).ready(
434	function() {	432	function() {
435	$('input:submit').attr('disabled', true);	433	$('input:submit').attr('disabled', true);
436	$('input:file').change(	434	$('input:file').change(
437	function() {	435	function() {
438	if ($("#picture").val()) {	436	if ($("#picture").val()) {
439	$('input:submit').removeAttr('disabled');	437	$('input:submit').removeAttr('disabled');
440	} else {	438	} else {
441	$('input:submit').attr('disabled', true);	439	$('input:submit').attr('disabled', true);
442	}	440	}
443	});	441	});
444	});	442	});
445		443
446	/***THIS IS FOR STEP ONE FORM ****/	444	/***THIS IS FOR STEP ONE FORM ****/
447	// $scope.next = function() {	445	// $scope.next = function() {
448	// $scope.data.status = null	446	// $scope.data.status = null
449	// if ($scope.data.stage == undefined \|\| $scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined \|\| $scope.data.city == undefined) {	447	// if ($scope.data.stage == undefined \|\| $scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined \|\| $scope.data.city == undefined) {
450	// var x = document.getElementById("snackbar")	448	// var x = document.getElementById("snackbar")
451	// x.className = "show";	449	// x.className = "show";
452	// setTimeout(function() {	450	// setTimeout(function() {
453	// x.className = x.className.replace("show", "");	451	// x.className = x.className.replace("show", "");
454	// }, 3000);	452	// }, 3000);
455	// } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {	453	// } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
456	// $scope.infoForm = true;	454	// $scope.infoForm = true;
457	// console.log("sdasdasdsa");	455	// console.log("sdasdasdsa");
458	// $scope.data.stage = $scope.data.stage;	456	// $scope.data.stage = $scope.data.stage;
459	// $scope.detail = {};	457	// $scope.detail = {};
460	// $scope.data.phone = "+91" + $scope.data.number;	458	// $scope.data.phone = "+91" + $scope.data.number;
461	// $http({	459	// $http({
462	// method: 'POST',	460	// method: 'POST',
463	// url: BASE_URL + '/information',	461	// url: BASE_URL + '/information',
464	// data: $scope.data,	462	// data: $scope.data,
465	// headers: {}	463	// headers: {}
466	// }).then(function mySuccess(result) {	464	// }).then(function mySuccess(result) {
467	// Analytics.trackEvent('information', 'click', 'django.mp4');	465	// Analytics.trackEvent('information', 'click', 'django.mp4');
468	// console.log("result", result)	466	// console.log("result", result)
469	// $scope.detail = result;	467	// $scope.detail = result;
470	// data.applicantId = result.data.id;	468	// data.applicantId = result.data.id;
471	// $scope.userId = result.data.id;	469	// $scope.userId = result.data.id;
472		470
473	// }, function myError(error) {});	471	// }, function myError(error) {});
474		472
475	// }	473	// }
476		474
477	// }	475	// }
478		476
479	$scope.calculateAmount = function(){	477	$scope.calculateAmount = function(){
480	if($scope.tokencheck == false){	478	if($scope.tokencheck == false){
481	$scope.data.referalToken = null;	479	$scope.data.referalToken = null;
482	}	480	}
483	if ($scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined) {	481	if ($scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined) {
484	var x = document.getElementById("snackbar")	482	var x = document.getElementById("snackbar")
485	x.className = "show";	483	x.className = "show";
486	setTimeout(function() {	484	setTimeout(function() {
487	x.className = x.className.replace("show", "");	485	x.className = x.className.replace("show", "");
488	}, 3000);	486	}, 3000);
489	} else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {	487	} else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
490	$scope.infoForm = true;	488	$scope.infoForm = true;
491	console.log("sdasdasdsa");	489	console.log("sdasdasdsa");
492	$scope.data.stage = $scope.data.stage;	490	$scope.data.stage = $scope.data.stage;
493	$scope.detail = {};	491	$scope.detail = {};
494	$scope.data.phone = "+91" + $scope.data.number;	492	$scope.data.phone = "+91" + $scope.data.number;
495	$http({	493	$http({
496	method: 'POST',	494	method: 'POST',
497	url: BASE_URL + '/applicants',	495	url: BASE_URL + '/applicants',
498	data: $scope.data,	496	data: $scope.data,
499	headers: {}	497	headers: {}
500	}).then(function mySuccess(result) {	498	}).then(function mySuccess(result) {
501	Analytics.trackEvent('applicants', 'click','Users');	499	Analytics.trackEvent('applicants', 'click','Users');
502	console.log("result", result)	500	console.log("result", result)
503	$scope.detail = result;	501	$scope.detail = result;
504	data.applicantId = result.data.id;	502	data.applicantId = result.data.id;
505	//$scope.userId = result.data.id;	503	//$scope.userId = result.data.id;
506		504	if($scope.data.networkDinner == true){
507	if($scope.data.citymeetup == "chandigarh"){	505	if($scope.data.citymeetup == "chandigarh"){
508	if ($scope.data.stage == "Pitch your Idea") {	506	if ($scope.data.stage == "Pitch your Idea") {
509	console.log("$scope.data", $scope.data)	507	console.log("$scope.data", $scope.data)
510	$scope.ticketAmnt = 1000;	508	$scope.ticketAmnt = 3000;
		509	}
		510
		511	if ($scope.data.stage == "Pitch your Startup") {
		512	$scope.ticketAmnt = 3500;
		513	}
		514
		515	// if ($scope.data.stage == "Growth") {
		516	// $scope.ticketAmnt = 1400;
		517	// }
511	}	518	}
512		519	}
513	if ($scope.data.stage == "Pitch your Startup") {	520
514	$scope.ticketAmnt = 1500;	521	else{
		522	if($scope.data.citymeetup == "chandigarh"){
		523	if ($scope.data.stage == "Pitch your Idea") {
		524	console.log("$scope.data", $scope.data)
		525	$scope.ticketAmnt = 1000;
		526	}
		527
		528	if ($scope.data.stage == "Pitch your Startup") {
		529	$scope.ticketAmnt = 1500;
		530	}
		531
		532	// if ($scope.data.stage == "Growth") {
		533	// $scope.ticketAmnt = 1400;
		534	// }
515	}	535	}
516		536	}
517	// if ($scope.data.stage == "Growth") {
518	// $scope.ticketAmnt = 1400;
519	// }
520	}
521		537
522	else{	538	// else{
523	if ($scope.data.stage == "Pitch your Idea") {	539	// if ($scope.data.stage == "Pitch your Idea") {
524	console.log("$scope.data", $scope.data)	540	// console.log("$scope.data", $scope.data)
525	$scope.ticketAmnt = 500;	541	// $scope.ticketAmnt = 500;
526	}	542	// }
527		543
528	if ($scope.data.stage == "Pitch your Startup") {	544	// if ($scope.data.stage == "Pitch your Startup") {
529	$scope.ticketAmnt = 1000;	545	// $scope.ticketAmnt = 1000;
530	}	546	// }
531		547
532	// if ($scope.data.stage == "Growth") {	548	// // if ($scope.data.stage == "Growth") {
533	// $scope.ticketAmnt = 1000;	549	// // $scope.ticketAmnt = 1000;
534	// }	550	// // }
535	}	551	// }
536	// if ($scope.data.stage == "Visitor") {	552	// if ($scope.data.stage == "Visitor") {
537	// $scope.ticketAmnt = 500;	553	// $scope.ticketAmnt = 500;
538	// }	554	// }
539	var amount = $scope.ticketAmnt * 100	555	var amount = $scope.ticketAmnt * 100
540	if($scope.tokencheck == true){	556	if($scope.tokencheck == true){
541	var amount = $scope.ticketAmnt	557	var amount = $scope.ticketAmnt
542	$scope.discountAmount = (amount * $scope.discountpercentage)/100	558	$scope.discountAmount = (amount * $scope.discountpercentage)/100
543	console.log("finalAmount====>",$scope.discountAmount)	559	console.log("finalAmount====>",$scope.discountAmount)
544	}	560	}
545		561
546	var taxAmount = $scope.ticketAmnt - $scope.discountAmount	562	var taxAmount = $scope.ticketAmnt - $scope.discountAmount
547	console.log("$scope.taxTotal----",taxAmount)	563	console.log("$scope.taxTotal----",taxAmount)
548	$scope.taxTotal = (taxAmount * 18)/100	564	$scope.taxTotal = (taxAmount * 18)/100
549	$scope.payingAmnt = taxAmount + $scope.taxTotal	565	$scope.payingAmnt = taxAmount + $scope.taxTotal
550	console.log("taxincludedamount----", $scope.payingAmnt)	566	console.log("taxincludedamount----", $scope.payingAmnt)
551	console.log("$scope.taxTotal----", $scope.taxTotal)	567	console.log("$scope.taxTotal----", $scope.taxTotal)
552	// }	568	// }
553		569
554	/***THIS IS FOR STEP THREE FORM ****/	570	/***THIS IS FOR STEP THREE FORM ****/
555	// $scope.create = function() {	571	// $scope.create = function() {
556	// if ($scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined) {	572	// if ($scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined) {
557	// var x = document.getElementById("snackbar")	573	// var x = document.getElementById("snackbar")
558	// x.className = "show";	574	// x.className = "show";
559	// setTimeout(function() {	575	// setTimeout(function() {
560	// x.className = x.className.replace("show", "");	576	// x.className = x.className.replace("show", "");
561	// }, 3000);	577	// }, 3000);
562	// } else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {	578	// } else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
563	// $scope.infoForm = true;	579	// $scope.infoForm = true;
564	// console.log("sdasdasdsa");	580	// console.log("sdasdasdsa");
565	// $scope.data.stage = $scope.data.stage;	581	// $scope.data.stage = $scope.data.stage;
566	// $scope.detail = {};	582	// $scope.detail = {};
567	// $scope.data.phone = "+91" + $scope.data.number;	583	// $scope.data.phone = "+91" + $scope.data.number;
568	// $http({	584	// $http({
569	// method: 'POST',	585	// method: 'POST',
570	// url: BASE_URL + '/applicants',	586	// url: BASE_URL + '/applicants',
571	// data: $scope.data,	587	// data: $scope.data,
572	// headers: {}	588	// headers: {}
573	// }).then(function mySuccess(result) {	589	// }).then(function mySuccess(result) {
574		590
575	// console.log("=====result=====", result)	591	// console.log("=====result=====", result)
576	// $scope.detail = result;	592	// $scope.detail = result;
577	// data.applicantId = result.data.id;	593	// data.applicantId = result.data.id;
578	// $scope.userId = result.data.id;	594	// $scope.userId = result.data.id;
579	// console.log("=====data=====", data)	595	// console.log("=====data=====", data)
580	// data.amount = $scope.payingAmnt + $scope.taxTotal;	596	// data.amount = $scope.payingAmnt + $scope.taxTotal;
581	data.amount = $scope.payingAmnt;	597	data.amount = $scope.payingAmnt;
582	console.log("$scope.taxTotal",data.amount)	598	console.log("$scope.taxTotal",data.amount)
583	if ($scope.detail != null) {	599	if ($scope.detail != null) {
584	$http({	600	$http({
585	method: 'POST',	601	method: 'POST',
586	url: BASE_URL + '/payments',	602	url: BASE_URL + '/payments',
587	data: data,	603	data: data,
588	headers: {}	604	headers: {}
589	}).then(function mySuccess(paymentResult) {	605	}).then(function mySuccess(paymentResult) {
590	console.log("paymentResult",paymentResult)	606	console.log("paymentResult",paymentResult)
591	$scope.paymentResult = paymentResult;	607	$scope.paymentResult = paymentResult;
592	}, function myError(error) {});	608	}, function myError(error) {});
593	}	609	}
594	var i = 0;	610	var i = 0;
595	//$scope.payingAmnt = ($scope.payingAmnt + $scope.taxTotal) * 100;	611	//$scope.payingAmnt = ($scope.payingAmnt + $scope.taxTotal) * 100;
596		612
597	$scope.payingAmnt = $scope.payingAmnt * 100;	613	$scope.payingAmnt = $scope.payingAmnt * 100;
598	console.log("$scope.taxTotal----", $scope.payingAmnt)	614	console.log("$scope.taxTotal----", $scope.payingAmnt)
599	var options = {	615	var options = {
600	"key": "rzp_live_mhSE1uOBlXvFyJ",	616	"key": "rzp_live_mhSE1uOBlXvFyJ",
601	//"key": "rzp_test_YwHsVFiDIQ2WUQ",	617	//"key": "rzp_test_YwHsVFiDIQ2WUQ",
602	"amount": $scope.payingAmnt ,	618	"amount": $scope.payingAmnt ,
603		619
604	"name": "Startup Jalsa",	620	"name": "Startup Jalsa",
605	"description": "amount",	621	"description": "amount",
606	"currency": "INR",	622	"currency": "INR",
607	"status": "done",	623	"status": "done",
608		624
609	"theme": {	625	"theme": {
610	"color": "#2196f3 ",	626	"color": "#2196f3 ",
611	"image_padding": "NO"	627	"image_padding": "NO"
612	},	628	},
613	"modal": {	629	"modal": {
614	"ondismiss": function() {}	630	"ondismiss": function() {}
615	},	631	},
616	"handler": function(response) {	632	"handler": function(response) {
617	createPayment(response);	633	createPayment(response);
618	}	634	}
619	};	635	};
620	var rzp1 = new Razorpay(options);	636	var rzp1 = new Razorpay(options);
621	rzp1.open();	637	rzp1.open();
622	$scope.paymentResponse = {};	638	$scope.paymentResponse = {};
623		639
624	function createPayment(response) {	640	function createPayment(response) {
625	console.log("response====from===razorpay",response)	641	console.log("response====from===razorpay",response)
626	$route.reload();	642	$route.reload();
627	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;	643	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
628	$scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;	644	$scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
629	$scope.paymentResponse.amount = data.amount;	645	$scope.paymentResponse.amount = data.amount;
630	$scope.paymentResponse.currency = "INR";	646	$scope.paymentResponse.currency = "INR";
631	$scope.paymentResponse.status = $scope.paymentResult.data.status;	647	$scope.paymentResponse.status = $scope.paymentResult.data.status;
632	Analytics.trackEvent('payment','Successfully Done',$scope.data.email,$scope.paymentResponse.amount);	648	Analytics.trackEvent('payment','Successfully Done',$scope.data.email,$scope.paymentResponse.amount);
633	$http({	649	$http({
634	method: 'PUT',	650	method: 'PUT',
635	url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,	651	url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,
636	data: $scope.paymentResponse,	652	data: $scope.paymentResponse,
637	headers: {}	653	headers: {}
638	}).then(function mySuccess(searchResult) {	654	}).then(function mySuccess(searchResult) {
639	// if(paymentResult.data.status == "created"){	655	// if(paymentResult.data.status == "created"){
640		656
641	// }	657	// }
642	console.log("searchResult", searchResult)	658	console.log("searchResult", searchResult)
643	$location.path("/confirmation")	659	$location.path("/confirmation")
644	//$scope.showToastr()	660	//$scope.showToastr()
645	//toaster.success("Registration done successfully");	661	//toaster.success("Registration done successfully");
646		662
647	}, function myError(error) {});	663	}, function myError(error) {});
648	}	664	}
649	}, function myError(error) {	665	}, function myError(error) {
650	console.log("error",error)	666	console.log("error",error)
651	$scope.emailId = error.data.error.message;	667	$scope.emailId = error.data.error.message;
652	$scope.id = error.data.error.id;	668	$scope.id = error.data.error.id;
653	$('#myModal').modal('show');	669	$('#myModal').modal('show');
654	});	670	});
655	}	671	}
656		672
657	}	673	}
658		674
659	//}, function myError(error) {});	675	//}, function myError(error) {});
660	//}	676	//}
661		677
662	//}	678	//}
663		679
664	// $scope.showToastr = function() {	680	// $scope.showToastr = function() {
665	// console.log("called toast")	681	// console.log("called toast")
666	// var x = document.getElementById("snacsskbar")	682	// var x = document.getElementById("snacsskbar")
667	// x.className = "show";	683	// x.className = "show";
668	// setTimeout(function() {	684	// setTimeout(function() {
669	// x.className = x.className.replace("show", "");	685	// x.className = x.className.replace("show", "");
670	// }, 3000);	686	// }, 3000);
671	// }	687	// }
672		688
673	/kkThis code for change data when click to chooses stages*/	689	/kkThis code for change data when click to chooses stages*/
674	$scope.proto = true;	690	$scope.proto = true;
675	$scope.businessmodel = true;	691	$scope.businessmodel = true;
676	$scope.Idea = true;	692	$scope.Idea = true;
677	$scope.current = true;	693	$scope.current = true;
678		694
679	$scope.stage = function(stage) {	695	$scope.stage = function(stage) {
680	$scope.stagekeyPress();	696	$scope.stagekeyPress();
681	console.log("stage--2",stage)	697	console.log("stage--2",stage)
682		698
683	if (stage == 'Pitch your Idea') {	699	if (stage == 'Pitch your Idea') {
684	$scope.Productshow = "no";	700	$scope.Productshow = "no";
685	$scope.current = 10;	701	$scope.current = 10;
686	$scope.proto = true;	702	$scope.proto = true;
687	// $scope.visitType = true;	703	// $scope.visitType = true;
688	$scope.prototyp = false;	704	$scope.prototyp = false;
689	$scope.protyp = false;	705	$scope.protyp = false;
690	$scope.market = false;	706	$scope.market = false;
691	$scope.risks = false;	707	$scope.risks = false;
692	$scope.team = false;	708	$scope.team = false;
693	$scope.pitch = false;	709	$scope.pitch = false;
694	$scope.financials = false;	710	$scope.financials = false;
695	$scope.businessmodel = true;	711	$scope.businessmodel = true;
696	$scope.data.stage = stage;	712	$scope.data.stage = stage;
697	// for right content	713	// for right content
698	$scope.Idea = true;	714	$scope.Idea = true;
699	$scope.Product = false;	715	$scope.Product = false;
700	$scope.Growth = false;	716	$scope.Growth = false;
701	// $scope.Visitor = false;	717	// $scope.Visitor = false;
702	} else if (stage == 'Pitch your Startup') {	718	} else if (stage == 'Pitch your Startup') {
703	$scope.Productshow = "no";	719	$scope.Productshow = "no";
704	$scope.current = 10;	720	$scope.current = 10;
705	$scope.proto = true;	721	$scope.proto = true;
706	// $scope.visitType = true;	722	// $scope.visitType = true;
707	$scope.prototyp = true;	723	$scope.prototyp = true;
708	$scope.protyp = true;	724	$scope.protyp = true;
709	$scope.market = true;	725	$scope.market = true;
710	$scope.risks = true;	726	$scope.risks = true;
711	$scope.team = true;	727	$scope.team = true;
712	$scope.pitch = true;	728	$scope.pitch = true;
713	$scope.financials = true;	729	$scope.financials = true;
714	$scope.businessmodel = false;	730	$scope.businessmodel = false;
715	$scope.data.stage = stage;	731	$scope.data.stage = stage;
716	// for right content	732	// for right content
717	$scope.Idea = false;	733	$scope.Idea = false;
718	$scope.Product = true;	734	$scope.Product = true;
719	$scope.Growth = false;	735	$scope.Growth = false;
720	// $scope.Visitor = false;	736	// $scope.Visitor = false;
721	} else if (stage == 'Growth') {	737	} else if (stage == 'Growth') {
722	$scope.Productshow = "yes";	738	$scope.Productshow = "yes";
723	$scope.current = 10;	739	$scope.current = 10;
724	$scope.proto = false;	740	$scope.proto = false;
725	// $scope.visitType = true;	741	// $scope.visitType = true;
726	$scope.prototyp = true;	742	$scope.prototyp = true;
727	$scope.protyp = false;	743	$scope.protyp = false;
728	$scope.market = true;	744	$scope.market = true;
729	$scope.risks = true;	745	$scope.risks = true;
730	$scope.team = true;	746	$scope.team = true;
731	$scope.pitch = true;	747	$scope.pitch = true;
732	$scope.financials = true;	748	$scope.financials = true;
733	$scope.businessmodel = false;	749	$scope.businessmodel = false;
734	// for right content	750	// for right content
735	$scope.Idea = false;	751	$scope.Idea = false;
736	$scope.Product = false;	752	$scope.Product = false;
737	$scope.Growth = true;	753	$scope.Growth = true;
738	// $scope.Visitor = false;	754	// $scope.Visitor = false;
739	// } else if (stage == 'Visitor') {	755	// } else if (stage == 'Visitor') {
740	// $scope.Productshow = "no";	756	// $scope.Productshow = "no";
741	// $scope.current = 10;	757	// $scope.current = 10;
742	// $scope.proto = false;	758	// $scope.proto = false;
743	// $scope.visitType = false;	759	// $scope.visitType = false;
744	// $scope.prototyp = false;	760	// $scope.prototyp = false;
745	// $scope.protyp = false;	761	// $scope.protyp = false;
746	// $scope.market = false;	762	// $scope.market = false;
747	// $scope.risks = false;	763	// $scope.risks = false;
748	// $scope.team = false;	764	// $scope.team = false;
749	// $scope.pitch = false;	765	// $scope.pitch = false;
750	// $scope.financials = false;	766	// $scope.financials = false;
751	// $scope.businessmodel = false;	767	// $scope.businessmodel = false;
752	// $scope.data.stage = stage;	768	// $scope.data.stage = stage;
753	// // for right content	769	// // for right content
754	// $scope.Idea = false;	770	// $scope.Idea = false;
755	// $scope.Product = false;	771	// $scope.Product = false;
756	// $scope.Growth = false;	772	// $scope.Growth = false;
757	// $scope.Visitor = true;	773	// $scope.Visitor = true;
758	$scope.data.stage = stage;	774	$scope.data.stage = stage;
759	}	775	}
760		776
761	}	777	}
762		778
763	$scope.emailTest = function(s){	779	$scope.emailTest = function(s){
764	$scope.space = /\s/g.test(s.delegateTarget.value);	780	$scope.space = /\s/g.test(s.delegateTarget.value);
765	console.log("space",$scope.space)	781	console.log("space",$scope.space)
766		782
767	}	783	}
768	// $scope.enterbusiness = function(business) {	784	// $scope.enterbusiness = function(business) {
769	// console.log("business", business);	785	// console.log("business", business);
770	// if (name == undefined) {	786	// if (name == undefined) {
771	// $scope.current = false;	787	// $scope.current = false;
772		788
773	// } else if (name != undefined) {	789	// } else if (name != undefined) {
774	// $scope.current = true;	790	// $scope.current = true;
775	// }	791	// }
776	// }	792	// }
777	/******FOR FILL THE DATA AND SHOWS ICON GREEN/	793	/******FOR FILL THE DATA AND SHOWS ICON GREEN/
778	$scope.stagekeyPress = function() {	794	$scope.stagekeyPress = function() {
779	$('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)');	795	$('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)');
780	}	796	}
781	$scope.sectorkeyPress = function() {	797	$scope.sectorkeyPress = function() {
782	$('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)');	798	$('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)');
783	}	799	}
784		800
785	$scope.productLaunchkeyPress = function() {	801	$scope.productLaunchkeyPress = function() {
786	$('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)');	802	$('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)');
787	}	803	}
788		804
789	$scope.launchPeriodkeyPress = function() {	805	$scope.launchPeriodkeyPress = function() {
790	$('.icon-circle-abc').css('background-color', 'rgb(66, 181, 73)');	806	$('.icon-circle-abc').css('background-color', 'rgb(66, 181, 73)');
791	}	807	}
792		808
793	$scope.industrykeyPress = function() {	809	$scope.industrykeyPress = function() {
794	$scope.addOther = false;	810	$scope.addOther = false;
795	$scope.hideSelectBox = true;	811	$scope.hideSelectBox = true;
796	$('.icon-circle-abcdefg').css('background-color', 'rgb(66, 181, 73)');	812	$('.icon-circle-abcdefg').css('background-color', 'rgb(66, 181, 73)');
797	var e = document.getElementById("dataIndustry");	813	var e = document.getElementById("dataIndustry");
798	var dataIndustry = e.options[e.selectedIndex].value;	814	var dataIndustry = e.options[e.selectedIndex].value;
799	if(dataIndustry == "others") {	815	if(dataIndustry == "others") {
800	$scope.addOther = true;	816	$scope.addOther = true;
801	$scope.hideSelectBox = false;	817	$scope.hideSelectBox = false;
802	}	818	}
803	}	819	}
804		820
805	$scope.industryNamekeyPress = function(firstName) {	821	$scope.industryNamekeyPress = function(firstName) {
806	console.log("lastName==", firstName);	822	console.log("lastName==", firstName);
807	if (firstName == undefined) {	823	if (firstName == undefined) {
808	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');	824	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
809	} else {	825	} else {
810	$('.icon-circle-o').css('background-color', 'rgb(66, 181, 73)');	826	$('.icon-circle-o').css('background-color', 'rgb(66, 181, 73)');
811	}	827	}
812	}	828	}
813		829
814	$scope.amountkeyPress = function() {	830	$scope.amountkeyPress = function() {
815	$('.icon-circle-bc').css('background-color', 'rgb(66, 181, 73)');	831	$('.icon-circle-bc').css('background-color', 'rgb(66, 181, 73)');
816	}	832	}
817		833
818	$scope.firstNamekeyPress = function(name) {	834	$scope.firstNamekeyPress = function(name) {
819	console.log("lastName==", name);	835	console.log("lastName==", name);
820	if (name == undefined) {	836	if (name == undefined) {
821	$('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');	837	$('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
822	} else {	838	} else {
823	$('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)');	839	$('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)');
824	}	840	}
825	}	841	}
826		842
827	$scope.emailkeyPress = function(email) {	843	$scope.emailkeyPress = function(email) {
828	console.log("email", email);	844	console.log("email", email);
829	if (email == undefined) {	845	if (email == undefined) {
830	$('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');	846	$('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');
831	} else {	847	} else {
832	$('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)');	848	$('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)');
833	}	849	}
834	}	850	}
835		851
836	$scope.textCheck = function(){	852	$scope.textCheck = function(){
837	console.log("Val1:::", $scope.textCheck);	853	console.log("Val1:::", $scope.textCheck);
838	var e = document.getElementById("fundingDiv");	854	var e = document.getElementById("fundingDiv");
839	var funding = e.options[e.selectedIndex].value;	855	var funding = e.options[e.selectedIndex].value;
840	$scope.Textshow = "no";	856	$scope.Textshow = "no";
841	if(funding == "yes") {	857	if(funding == "yes") {
842	$scope.Textshow = "yes";	858	$scope.Textshow = "yes";
843	console.log("Val:::", $scope.Textshow);	859	console.log("Val:::", $scope.Textshow);
844	}	860	}
845		861
846	}	862	}
847		863
848	$scope.productCheck = function(){	864	$scope.productCheck = function(){
849	console.log("Val2:::", $scope.productCheck);	865	console.log("Val2:::", $scope.productCheck);
850	var e = document.getElementById("productDiv");	866	var e = document.getElementById("productDiv");
851	var product = e.options[e.selectedIndex].value;	867	var product = e.options[e.selectedIndex].value;
852	$scope.Productshow = "no";	868	$scope.Productshow = "no";
853	if(product == "yes") {	869	if(product == "yes") {
854	$scope.Productshow = "yes";	870	$scope.Productshow = "yes";
855	console.log("Val1:::", $scope.Productshow);	871	console.log("Val1:::", $scope.Productshow);
856	}	872	}
857		873
858	}	874	}
859		875
860	$scope.phonekeyPress = function(number) {	876	$scope.phonekeyPress = function(number) {
861	console.log("number", number);	877	console.log("number", number);
862	if (number == undefined \|\| number == '') {	878	if (number == undefined \|\| number == '') {
863	$('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');	879	$('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
864	} else {	880	} else {
865	$('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');	881	$('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');
866	}	882	}
867	}	883	}
868		884
869	$scope.citykeyPress = function(city) {	885	$scope.citykeyPress = function(city) {
870	console.log("city", city);	886	console.log("city", city);
871	if (city == undefined) {	887	if (city == undefined) {
872	$('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');	888	$('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');
873	} else {	889	} else {
874	$('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)');	890	$('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)');
875	}	891	}
876	}	892	}
877		893
878	$scope.startupNamekeyPress = function(q) {	894	$scope.startupNamekeyPress = function(q) {
879	if (q == undefined) {	895	if (q == undefined) {
880	$('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');	896	$('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
881	} else {	897	} else {
882	$('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)');	898	$('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)');
883	}	899	}
884	}	900	}
885		901
886	$scope.linkedInkeyPress = function(technology) {	902	$scope.linkedInkeyPress = function(technology) {
887	if (technology == undefined \|\| technology == '') {	903	if (technology == undefined \|\| technology == '') {
888	$('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');	904	$('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
889	} else {	905	} else {
890	$('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');	906	$('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');
891	}	907	}
892	}	908	}
893	$scope.companykeyPress = function(problem) {	909	$scope.companykeyPress = function(problem) {
894	if (problem == undefined) {	910	if (problem == undefined) {
895	$('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');	911	$('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
896	} else {	912	} else {
897	$('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)');	913	$('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)');
898	}	914	}
899	}	915	}
900	$scope.productNamekeyPress = function(solution) {	916	$scope.productNamekeyPress = function(solution) {
901	if (solution == undefined) {	917	if (solution == undefined) {
902	$('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');	918	$('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
903	} else {	919	} else {
904	$('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)');	920	$('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)');
905	}	921	}
906	}	922	}
907	$scope.businesskeyPress = function(business) {	923	$scope.businesskeyPress = function(business) {
908	$('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)');	924	$('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)');
909	}	925	}
910		926
911	$scope.websitekeyPress = function(prototype) {	927	$scope.websitekeyPress = function(prototype) {
912	if (prototype == undefined \|\| prototype == '') {	928	if (prototype == undefined \|\| prototype == '') {
913	$('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');	929	$('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
914	} else {	930	} else {
915	$('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');	931	$('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');
916	}	932	}
917	}	933	}
918		934
919	$scope.employeekeyPress = function(market) {	935	$scope.employeekeyPress = function(market) {
920	if (market == undefined \|\| market == '') {	936	if (market == undefined \|\| market == '') {
921	$('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');	937	$('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
922	} else {	938	} else {
923	$('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');	939	$('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');
924	}	940	}
925	}	941	}
926		942
927	$scope.annualkeyPress = function(risk) {	943	$scope.annualkeyPress = function(risk) {
928	if (risk == undefined \|\| risk == '') {	944	if (risk == undefined \|\| risk == '') {
929	$('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');	945	$('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
930	} else {	946	} else {
931	$('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');	947	$('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');
932	}	948	}
933	}	949	}
934		950
935	$scope.revenuekeyPress = function(team) {	951	$scope.revenuekeyPress = function(team) {
936	if (team == undefined \|\| team == '') {	952	if (team == undefined \|\| team == '') {
937	$('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');	953	$('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
938	} else {	954	} else {
939	$('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');	955	$('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');
940	}	956	}
941	}	957	}
942		958
943	$scope.descriptionkeyPress = function(pitch) {	959	$scope.descriptionkeyPress = function(pitch) {
944	if (pitch == undefined) {	960	if (pitch == undefined) {
945	$('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');	961	$('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
946	} else {	962	} else {
947	$('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)');	963	$('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)');
948	}	964	}
949	}	965	}
950		966
951	$scope.discountkeyPress = function(discount) {	967	$scope.discountkeyPress = function(discount) {
952	console.log("lastName==", name);	968	console.log("lastName==", name);
953	if (discount == undefined) {	969	if (discount == undefined) {
954	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');	970	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
955	} else {	971	} else {
956	$('.icon-circle-o').css('background-color', 'rgb(66, 181, 73)');	972	$('.icon-circle-o').css('background-color', 'rgb(66, 181, 73)');
957	}	973	}
958	}	974	}
959		975
960	$scope.removeNooError = function() {	976	$scope.removeNooError = function() {
961	$('#invalidIdea').css('display', 'block');	977	$('#invalidIdea').css('display', 'block');
962	$('#noExist').css('display', 'none');	978	$('#noExist').css('display', 'none');
963	};	979	};
964		980
965	$scope.ideakeyPress = function(financial) {	981	$scope.ideakeyPress = function(financial) {
966	console.log("financial", financial);	982	console.log("financial", financial);
967	if (financial == undefined) {	983	if (financial == undefined) {
968	$('#invalidIdea').css('display', 'block');	984	$('#invalidIdea').css('display', 'block');
969	$('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');	985	$('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');
970	} else {	986	} else {
971	$('#invalidIdea').css('display', 'none');	987	$('#invalidIdea').css('display', 'none');
972	$('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)');	988	$('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)');
973	}	989	}
974	}	990	}
975		991
976	$scope.fundkeyPress = function(financial) {	992	$scope.fundkeyPress = function(financial) {
977	console.log("financial", financial);	993	console.log("financial", financial);
978	if (financial == undefined) {	994	if (financial == undefined) {
979	$('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)');	995	$('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)');
980	} else {	996	} else {
981	$('.icon-circle-y').css('background-color', 'rgb(66, 181, 73)');	997	$('.icon-circle-y').css('background-color', 'rgb(66, 181, 73)');
982	}	998	}
983	}	999	}
984		1000
985	$scope.changeReferalIconColor = function(referalToken){	1001	$scope.changeReferalIconColor = function(referalToken){
986	if (referalToken == undefined \|\| referalToken == '') {	1002	if (referalToken == undefined \|\| referalToken == '') {
987	$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');	1003	$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
988	}else {	1004	}else {
989	$('.referel-icon').css('background-color', 'rgb(66, 181, 73)');	1005	$('.referel-icon').css('background-color', 'rgb(66, 181, 73)');
990	}	1006	}
991	}	1007	}
992		1008
993	});	1009	});
994		1010
995	scotchApp.controller('verifyController', function($scope, $http, $location, $route, BASE_URL, Analytics) {	1011	scotchApp.controller('verifyController', function($scope, $http, $location, $route, BASE_URL, Analytics) {
996		1012
997	$scope.pendingPaymentId = $route.current.params.id	1013	$scope.pendingPaymentId = $route.current.params.id
998	$http({	1014	$http({
999	method: "GET",	1015	method: "GET",
1000	url: BASE_URL + '/applicants/' + $scope.pendingPaymentId,	1016	url: BASE_URL + '/applicants/' + $scope.pendingPaymentId,
1001	}).then(function mySuccess(response) {	1017	}).then(function mySuccess(response) {
1002	$scope.data = response.data;	1018	$scope.data = response.data;
1003	console.log("response-1", response);	1019	console.log("response-1", response);
1004	$scope.pendingPaymentId = $route.current.params.id;	1020	$scope.pendingPaymentId = $route.current.params.id;
1005		1021
1006	$http({	1022	$http({
1007	method: "GET",	1023	method: "GET",
1008	url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}',	1024	url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}',
1009	}).then(function mySuccess(response) {	1025	}).then(function mySuccess(response) {
1010	$scope.paymentRecord = response.data;	1026	$scope.paymentRecord = response.data;
1011	}, function myError(response) {	1027	}, function myError(response) {
1012	console.log("response-2", response);	1028	console.log("response-2", response);
1013	});	1029	});
1014	}, function myError(response) {	1030	}, function myError(response) {
1015	$scope.myWelcome = response.statusText;	1031	$scope.myWelcome = response.statusText;
1016	});	1032	});
1017		1033
1018	$scope.checkView = false;	1034	$scope.checkView = false;
1019	$scope.verifyView = false;	1035	$scope.verifyView = false;
1020	$scope.searchResult = {}	1036	$scope.searchResult = {}
1021	$scope.pendingPaymentId = '';	1037	$scope.pendingPaymentId = '';
1022		1038
1023	$scope.update = function() {	1039	$scope.update = function() {
1024		1040
1025	$http({	1041	$http({
1026	method: 'GET',	1042	method: 'GET',
1027	url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}',	1043	url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}',
1028	headers: {}	1044	headers: {}
1029	}).then(function mySuccess(searchResult) {	1045	}).then(function mySuccess(searchResult) {
1030	if (searchResult.data[0].status == "created") {	1046	if (searchResult.data[0].status == "created") {
1031	//if (searchResult.data[0].status == "cancelled") {	1047	//if (searchResult.data[0].status == "cancelled") {
1032	$scope.checkView = true;	1048	$scope.checkView = true;
1033	$scope.verifyView = false;	1049	$scope.verifyView = false;
1034	$scope.amount = searchResult.data[0].amount;	1050	$scope.amount = searchResult.data[0].amount;
1035	$scope.searchResult = searchResult.data[0];	1051	$scope.searchResult = searchResult.data[0];
1036	console.log('====searchResult===', searchResult);	1052	console.log('====searchResult===', searchResult);
1037	console.log("searchResult=====",searchResult.data[0].razorOrderId)	1053	console.log("searchResult=====",searchResult.data[0].razorOrderId)
1038	var i = 0;	1054	var i = 0;
1039	$scope.amount = $scope.amount * 100;	1055	$scope.amount = $scope.amount * 100;
1040	var options = {	1056	var options = {
1041	"key": "rzp_live_mhSE1uOBlXvFyJ",	1057	"key": "rzp_live_mhSE1uOBlXvFyJ",
1042	//"key" : "rzp_test_YwHsVFiDIQ2WUQ",	1058	//"key" : "rzp_test_YwHsVFiDIQ2WUQ",
1043	"amount": $scope.amount,	1059	"amount": $scope.amount,
1044		1060
1045	"name": "Startup Jalsa",	1061	"name": "Startup Jalsa",
1046	"description": "amount",	1062	"description": "amount",
1047	"currency": "INR",	1063	"currency": "INR",
1048	"status": "done",	1064	"status": "done",
1049		1065
1050	"theme": {	1066	"theme": {
1051	"color": "#2196f3 ",	1067	"color": "#2196f3 ",
1052	"image_padding": "NO"	1068	"image_padding": "NO"
1053	},	1069	},
1054	"modal": {	1070	"modal": {
1055	"ondismiss": function() {}	1071	"ondismiss": function() {}
1056	},	1072	},
1057	"handler": function(response) {	1073	"handler": function(response) {
1058	createPayment(response);	1074	createPayment(response);
1059	}	1075	}
1060	};	1076	};
1061	var rzp1 = new Razorpay(options);	1077	var rzp1 = new Razorpay(options);
1062	rzp1.open();	1078	rzp1.open();
1063	$scope.paymentResponse = {};	1079	$scope.paymentResponse = {};
1064	function createPayment(response) {	1080	function createPayment(response) {
1065	console.log("response======retepaymen",response);	1081	console.log("response======retepaymen",response);
1066	$scope.amount = $scope.amount/100;	1082	$scope.amount = $scope.amount/100;
1067		1083
1068	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;	1084	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
1069	$scope.paymentResponse.razorOrderId = $scope.searchResult.razorOrderId;	1085	$scope.paymentResponse.razorOrderId = $scope.searchResult.razorOrderId;
1070	$scope.paymentResponse.amount = $scope.amount;	1086	$scope.paymentResponse.amount = $scope.amount;
1071	$scope.paymentResponse.currency = $scope.searchResult.currency;	1087	$scope.paymentResponse.currency = $scope.searchResult.currency;
1072	$scope.paymentResponse.status = $scope.searchResult.status;	1088	$scope.paymentResponse.status = $scope.searchResult.status;
1073	$scope.paymentResponse.applicantId = $scope.searchResult.applicantId;	1089	$scope.paymentResponse.applicantId = $scope.searchResult.applicantId;
1074	console.log("$scope.paymentResponse", $scope.paymentResponse)	1090	console.log("$scope.paymentResponse", $scope.paymentResponse)
1075	$http({	1091	$http({
1076	method: 'PUT',	1092	method: 'PUT',
1077	url: BASE_URL + '/payments/' + $scope.searchResult.id,	1093	url: BASE_URL + '/payments/' + $scope.searchResult.id,
1078	data: $scope.paymentResponse,	1094	data: $scope.paymentResponse,
1079	headers: {}	1095	headers: {}
1080	}).then(function mySuccess(searchResult) {	1096	}).then(function mySuccess(searchResult) {
1081	console.log("searchResult--->",searchResult)	1097	console.log("searchResult--->",searchResult)
1082	// if(paymentResult.data.status == "created"){	1098	// if(paymentResult.data.status == "created"){
1083	// Analytics.trackEvent('payments', 'click', 'Thankyou');	1099	// Analytics.trackEvent('payments', 'click', 'Thankyou');
1084	// }	1100	// }
1085	console.log("finalsearchResult",searchResult)	1101	console.log("finalsearchResult",searchResult)
1086	$location.path("/confirmation")	1102	$location.path("/confirmation")
1087	Analytics.trackEvent('payment','Successfully Done',$scope.data.email,$scope.paymentResponse.amount);	1103	Analytics.trackEvent('payment','Successfully Done',$scope.data.email,$scope.paymentResponse.amount);
1088	}, function myError(error) {	1104	}, function myError(error) {
1089		1105
1090	});	1106	});
1091	}	1107	}
1092	} else {	1108	} else {
1093		1109
1094	}	1110	}
1095		1111
1096	}, function myError(error) {});	1112	}, function myError(error) {});
1097	}	1113	}
1098	});	1114	});
1099		1115
1100	scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {	1116	scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {
1101	$scope.data = {};	1117	$scope.data = {};
1102	$scope.check = false;	1118	$scope.check = false;
1103	$scope.numberCheck = false;	1119	$scope.numberCheck = false;
1104		1120
1105	/open videos in modal/	1121	/open videos in modal/
1106	$scope.openyoutube16 = function(){	1122	$scope.openyoutube16 = function(){
1107	$('#videoModel').modal('show');	1123	$('#videoModel').modal('show');
1108	}	1124	}
1109		1125
1110	$scope.openyoutube17 = function(){	1126	$scope.openyoutube17 = function(){
1111	$('#videoModels').modal('show');	1127	$('#videoModels').modal('show');
1112	}	1128	}
1113		1129
1114	$scope.closeModal = function(){	1130	$scope.closeModal = function(){
1115	var url = $('#youtubePlayer').attr('src');	1131	var url = $('#youtubePlayer').attr('src');
1116	$('#youtubePlayer').attr('src', '');	1132	$('#youtubePlayer').attr('src', '');
1117	$('#youtubePlayer').attr('src', url);	1133	$('#youtubePlayer').attr('src', url);
1118	}	1134	}
1119	/open videos ends here/	1135	/open videos ends here/
1120		1136
1121	$scope.removeError = function() {	1137	$scope.removeError = function() {
1122	console.log("doooo")	1138	console.log("doooo")
1123	$('#invalidEmail').css('display', 'none');	1139	$('#invalidEmail').css('display', 'none');
1124	$('#alreadyExist').css('display', 'none');	1140	$('#alreadyExist').css('display', 'none');
1125	};	1141	};
1126		1142
1127	// $scope.emailcheck = function(val) {	1143	// $scope.emailcheck = function(val) {
1128	// consol.log("kdsbd")	1144	// consol.log("kdsbd")
1129	// $scope.space = /\s/g.test(val);	1145	// $scope.space = /\s/g.test(val);
1130	// console.log("space",$scope.space)	1146	// console.log("space",$scope.space)
1131	// if (val == undefined) {	1147	// if (val == undefined) {
1132	// $('#invalidEmail').css('display', 'block');	1148	// $('#invalidEmail').css('display', 'block');
1133	// } else {	1149	// } else {
1134	// $http({	1150	// $http({
1135	// method: 'GET',	1151	// method: 'GET',
1136	// url: BASE_URL + '/ambassadors?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',	1152	// url: BASE_URL + '/ambassadors?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
1137	// headers: {}	1153	// headers: {}
1138	// }).then(function mySuccess(searchResult) {	1154	// }).then(function mySuccess(searchResult) {
1139	// console.log("searchResult1===>", searchResult)	1155	// console.log("searchResult1===>", searchResult)
1140	// if (searchResult.data.length == 0) {	1156	// if (searchResult.data.length == 0) {
1141	// $scope.check = false;	1157	// $scope.check = false;
1142	// } else {	1158	// } else {
1143	// $scope.check = true;	1159	// $scope.check = true;
1144	// $('#alreadyExist').css('display', 'block');	1160	// $('#alreadyExist').css('display', 'block');
1145	// }	1161	// }
1146	// }, function myError(error) {});	1162	// }, function myError(error) {});
1147	// }	1163	// }
1148	// };	1164	// };
1149		1165
1150	// $scope.removeNoError = function() {	1166	// $scope.removeNoError = function() {
1151	// $('#invalidNumber').css('display', 'none');	1167	// $('#invalidNumber').css('display', 'none');
1152	// $('#noExist').css('display', 'none');	1168	// $('#noExist').css('display', 'none');
1153	// };	1169	// };
1154		1170
1155	// $scope.numbercheck = function(number) {	1171	// $scope.numbercheck = function(number) {
1156	// // if (val == undefined) {	1172	// // if (val == undefined) {
1157	// // $('#invalidNumber').css('display', 'block');	1173	// // $('#invalidNumber').css('display', 'block');
1158	// // } else {	1174	// // } else {
1159	// $http({	1175	// $http({
1160	// method: 'GET',	1176	// method: 'GET',
1161	// url: BASE_URL + '/ambassadors?filter={"where": {"mobile": {"like":"%25' + number + '%25"}}}',	1177	// url: BASE_URL + '/ambassadors?filter={"where": {"mobile": {"like":"%25' + number + '%25"}}}',
1162	// data: $scope.data,	1178	// data: $scope.data,
1163	// headers: {}	1179	// headers: {}
1164	// }).then(function mySuccess(searchResult) {	1180	// }).then(function mySuccess(searchResult) {
1165	// console.log("searchResult===>", searchResult)	1181	// console.log("searchResult===>", searchResult)
1166	// if (searchResult.data.length == 0) {	1182	// if (searchResult.data.length == 0) {
1167	// $scope.numberCheck = false;	1183	// $scope.numberCheck = false;
1168	// } else {	1184	// } else {
1169	// $scope.numberCheck = true;	1185	// $scope.numberCheck = true;
1170	// $('#noExist').css('display', 'block');	1186	// $('#noExist').css('display', 'block');
1171	// }	1187	// }
1172	// }, function myError(error) {});	1188	// }, function myError(error) {});
1173	// //}	1189	// //}
1174		1190
1175	// };	1191	// };
1176		1192
1177	$scope.submit = function() {	1193	$scope.submit = function() {
1178	console.log($scope.data.name)	1194	console.log($scope.data.name)
1179	var randomNumber = ""+Math.random();	1195	var randomNumber = ""+Math.random();
1180	var nameSpliced = $scope.data.name.slice(0,3);	1196	var nameSpliced = $scope.data.name.slice(0,3);
1181	var numberSpliced = randomNumber.slice(2,5);	1197	var numberSpliced = randomNumber.slice(2,5);
1182	$scope.data.referalToken = nameSpliced+numberSpliced;	1198	$scope.data.referalToken = nameSpliced+numberSpliced;
1183	$scope.data.referalToken = $scope.data.referalToken.toUpperCase();	1199	$scope.data.referalToken = $scope.data.referalToken.toUpperCase();
1184		1200
1185	$http({	1201	$http({
1186	method: 'POST',	1202	method: 'POST',
1187	url: BASE_URL + '/ambassadors',	1203	url: BASE_URL + '/ambassadors',
1188	data: $scope.data,	1204	data: $scope.data,
1189	headers: {}	1205	headers: {}
1190	}).then(function mySuccess(result) {	1206	}).then(function mySuccess(result) {
1191	console.log("result", result)	1207	console.log("result", result)
1192	$scope.detail = result;	1208	$scope.detail = result;
1193	$('#myModal').modal('show');	1209	$('#myModal').modal('show');
1194	$scope.data.name = '';	1210	$scope.data.name = '';
1195	$scope.data.email = '';	1211	$scope.data.email = '';
1196	$scope.data.mobile = '';	1212	$scope.data.mobile = '';
1197	// $scope.data.discount = '';	1213	// $scope.data.discount = '';
1198		1214
1199	}, function myError(error) {	1215	}, function myError(error) {
1200	console.log(error)	1216	console.log(error)
1201	console.log(error.data.error.message)	1217	console.log(error.data.error.message)
1202	});	1218	});