Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit 326f3857f948ef6bce72a3bce53b671dc64e322c

Authored by Palak Handa 2017-11-24 06:08:19 -0500

1 parent b98c21b3cc

Exists in master and in 1 other branch

update radio buttons

Showing 3 changed files with 41 additions and 21 deletions Show diff stats

css/custom.css

Diff comments View file @326f385

 {
     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;
+    padding-left: 35px;
+    margin-bottom: 12px;
+    cursor: pointer;
+    font-size: 16px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    width:100%;
+}
+.container1 {
+    display: block;
+    position: relative;
+    padding-left: 31px;
     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 */
+/* Hide the browser's default radio button */
 .container input {
     position: absolute;
     opacity: 0;
 }
-/* Create a custom checkbox */
+/* Create a custom radio button */
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #eee;
+    border-radius: 50%;
 }
 /* On mouse-over, add a grey background color */
 .container:hover input ~ .checkmark {
     background-color: #ccc;
 }
-/* When the checkbox is checked, add a blue background */
+/* When the radio button is checked, add a blue background */
 .container input:checked ~ .checkmark {
     background-color: #42b549;
 }
-/* Create the checkmark/indicator (hidden when not checked) */
+/* Create the indicator (the dot/circle - hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }
-/* Show the checkmark when checked */
+/* Show the indicator (dot/circle) when checked */
 .container input:checked ~ .checkmark:after {
     display: block;
 }
-/* Style the checkmark/indicator */
+/* Style the indicator (dot/circle) */
 .container .checkmark:after {
-    left: 9px;
+  top: 9px;
-    top: 5px;
+  left: 9px;
-    width: 5px;
+  width: 8px;
-    height: 10px;
+  height: 8px;
-    border: solid white;
+  border-radius: 50%;
-    border-width: 0 3px 3px 0;
+  background: white;
-    -webkit-transform: rotate(45deg);
+}

pages/registration.html

Diff comments View file @326f385

 <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:18px;text-align:center;">Missed coming to the city events?<br><br>Guaranteed on-the-spot funding of <b>₹ 1 crore*</b> is still up for grabs<br><br>Do you have what it takes to be the next top startup of India?<br><br><b>Come and pitch in Chandigarh!</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/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-0">
                   <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 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;" 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">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 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('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">NASSCOM 10,000 Startup Warehouse, Diamond District ISRO Colony, Domlur</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3" style="margin-top: 2%;">
                   <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('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">T-Hub, IIIT-Hyderabad Campus, Gachibowli, Hyderabad</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3" style="margin-top: 2%;">
                   <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('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">Startup Oasis, M-7, Sitapura Industrial Area, Jaipur</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/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('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" style="padding-bottom:16px;">IIM-Ahmedabad, Gujarat</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('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">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/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('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" 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/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;" ng-click="register('delhi')">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;">IIT-Madras, Research Park Auditorium</div>
                         </div>
                      </label>
                   </div>
                </div>
             </div>
          </div>
          <div class="clearfix"></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 style="padding-top:10px;">
                   <!-- <div class="checkbox"> -->
                      <!-- <label style="padding-left:10px;">
                         <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/-
+                     <label class="container" style="padding:0;">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">
+                       <!-- <input type="checkbox" checked="checked" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">
+                       <span class="checkmark"></span> -->
+                     <label class="container1">Yes
+                       <input type="radio" checked="checked" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="true">
                        <span class="checkmark"></span>
                      </label>
+                     <label class="container1">No
+                       <input type="radio" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="false">
+                       <span class="checkmark"></span>
+                     </label>
+                     </label>
                   <!-- </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 style="margin-top: 5%;">
    <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 @326f385

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.data.networkDinner = "true";
294	$scope.discountAmount = 0;	294	$scope.discountAmount = 0;
295	$scope.check = false;	295	$scope.check = false;
296	$scope.numberCheck = false;	296	$scope.numberCheck = false;
297	$scope.paymentResult = {};	297	$scope.paymentResult = {};
298	var data = {	298	var data = {
299	"amount": $scope.payingAmnt,	299	"amount": $scope.payingAmnt,
300	"currency": "INR",	300	"currency": "INR",
301	"status": "pending"	301	"status": "pending"
302	}	302	}
303		303
304	/open videos in modal/	304	/open videos in modal/
305	// $scope.openyoutube16 = function(){	305	// $scope.openyoutube16 = function(){
306	// $('#videoModel').modal('show');	306	// $('#videoModel').modal('show');
307	// }	307	// }
308		308
309	// $scope.openyoutube17 = function(){	309	// $scope.openyoutube17 = function(){
310	// $('#videoModels').modal('show');	310	// $('#videoModels').modal('show');
311	// }	311	// }
312		312
313	// $scope.closeModal = function(){	313	// $scope.closeModal = function(){
314	// var url = $('#youtubePlayer').attr('src');	314	// var url = $('#youtubePlayer').attr('src');
315	// $('#youtubePlayer').attr('src', '');	315	// $('#youtubePlayer').attr('src', '');
316	// $('#youtubePlayer').attr('src', url);	316	// $('#youtubePlayer').attr('src', url);
317	// }	317	// }
318		318
319		319
320	// $scope.closed = function(){	320	// $scope.closed = function(){
321	// var url = $('#youtubePlayersss').attr('src');	321	// var url = $('#youtubePlayersss').attr('src');
322	// $('#youtubePlayersss').attr('src', '');	322	// $('#youtubePlayersss').attr('src', '');
323	// $('#youtubePlayersss').attr('src', url);	323	// $('#youtubePlayersss').attr('src', url);
324	// }	324	// }
325	/open videos ends here/	325	/open videos ends here/
326	$scope.apply = function() {	326	$scope.apply = function() {
327	Analytics.trackEvent('register', 'click', 'Registration');	327	Analytics.trackEvent('register', 'click', 'Registration');
328	$location.path("/registration")	328	$location.path("/registration")
329	}	329	}
330	$scope.data.citymeetup = '';	330	$scope.data.citymeetup = '';
331	$scope.register = function(value){	331	$scope.register = function(value){
332	$scope.data.citymeetup = value;	332	$scope.data.citymeetup = value;
333	// if (value == 'mainevent') {	333	// if (value == 'mainevent') {
334	// $scope.eventType = true;	334	// $scope.eventType = true;
335	// $scope.mainType = false;	335	// $scope.mainType = false;
336	// $scope.data.stage = null;	336	// $scope.data.stage = null;
337	// }	337	// }
338	// else{	338	// else{
339	// $scope.eventType = false;	339	// $scope.eventType = false;
340	// $scope.mainType = true;	340	// $scope.mainType = true;
341	// }	341	// }
342	$('.hiddenForm').slideDown();	342	$('.hiddenForm').slideDown();
343	$('html, body').animate({	343	$('html, body').animate({
344	scrollTop: $('.hiddenForm').offset().top	344	scrollTop: $('.hiddenForm').offset().top
345	}, 1000);	345	}, 1000);
346	console.log('gdggsg', value);	346	console.log('gdggsg', value);
347	}	347	}
348		348
349	$scope.removeError = function() {	349	$scope.removeError = function() {
350	$('#invalidEmail').css('display', 'none');	350	$('#invalidEmail').css('display', 'none');
351	$('#alreadyExist').css('display', 'none');	351	$('#alreadyExist').css('display', 'none');
352	};	352	};
353		353
354	$scope.emailcheck = function(val) {	354	$scope.emailcheck = function(val) {
355	console.log(val)	355	console.log(val)
356	$scope.space = /\s/g.test(val);	356	$scope.space = /\s/g.test(val);
357	console.log("space",$scope.space)	357	console.log("space",$scope.space)
358	if (val == undefined) {	358	if (val == undefined) {
359	$('#invalidEmail').css('display', 'block');	359	$('#invalidEmail').css('display', 'block');
360	} else {	360	} else {
361	$http({	361	$http({
362	method: 'GET',	362	method: 'GET',
363	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"}}}',
364	headers: {}	364	headers: {}
365	}).then(function mySuccess(searchResult) {	365	}).then(function mySuccess(searchResult) {
366	console.log("searchResult1===>", searchResult)	366	console.log("searchResult1===>", searchResult)
367	if (searchResult.data.length == 0) {	367	if (searchResult.data.length == 0) {
368	$scope.check = false;	368	$scope.check = false;
369	} else {	369	} else {
370	$scope.check = true;	370	$scope.check = true;
371	$scope.emailId = searchResult.data[0].id	371	$scope.emailId = searchResult.data[0].id
372	$('#alreadyExist').css('display', 'block');	372	$('#alreadyExist').css('display', 'block');
373		373
374	}	374	}
375	console.log("$scope.data.id",searchResult.data)	375	console.log("$scope.data.id",searchResult.data)
376	}, function myError(error) {});	376	}, function myError(error) {});
377	}	377	}
378	};	378	};
379		379
380	$scope.removeNoError = function() {	380	$scope.removeNoError = function() {
381	$('#noExist').css('display', 'none');	381	$('#noExist').css('display', 'none');
382	};	382	};
383		383
384	$scope.numbercheck = function(number) {	384	$scope.numbercheck = function(number) {
385	$http({	385	$http({
386	method: 'GET',	386	method: 'GET',
387	url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',	387	url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',
388	data: $scope.data,	388	data: $scope.data,
389	headers: {}	389	headers: {}
390	}).then(function mySuccess(searchResult) {	390	}).then(function mySuccess(searchResult) {
391	console.log("searchResult===>", searchResult)	391	console.log("searchResult===>", searchResult)
392	if (searchResult.data.length == 0) {	392	if (searchResult.data.length == 0) {
393	$scope.numberCheck = false;	393	$scope.numberCheck = false;
394		394
395	} else {	395	} else {
396	$scope.numberCheck = true;	396	$scope.numberCheck = true;
397	$('#noExist').css('display', 'block');	397	$('#noExist').css('display', 'block');
398	}	398	}
399	}, function myError(error) {});	399	}, function myError(error) {});
400	};	400	};
401		401
402	$rootScope.tokenCall = function(val) {	402	$rootScope.tokenCall = function(val) {
403	console.log('val-------->', val);	403	console.log('val-------->', val);
404	if (val == undefined) {	404	if (val == undefined) {
405	$('#invalidToken').css('display', 'block');	405	$('#invalidToken').css('display', 'block');
406	} else {	406	} else {
407	val = val.toUpperCase();	407	val = val.toUpperCase();
408	$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"}}}')
409	.then(function(searchResult) {	409	.then(function(searchResult) {
410	console.log("searchResult",searchResult)	410	console.log("searchResult",searchResult)
411	if (searchResult.data.length == 0) {	411	if (searchResult.data.length == 0) {
412	$scope.tokencheck = false;	412	$scope.tokencheck = false;
413	$scope.discountAmount = 0;	413	$scope.discountAmount = 0;
414	} else {	414	} else {
415	$scope.discountpercentage = searchResult.data[0].discount;	415	$scope.discountpercentage = searchResult.data[0].discount;
416	$scope.tokencheck = true;	416	$scope.tokencheck = true;
417	}	417	}
418	},function(err){	418	},function(err){
419	console.log(err)	419	console.log(err)
420	});	420	});
421		421
422	}	422	}
423	};	423	};
424		424
425	$scope.IfDinnerCheck = function(value){	425	$scope.IfDinnerCheck = function(value){
426	$scope.data.networkDinner = value;	426	$scope.data.networkDinner = value;
427	console.log("value",value)	427	console.log("value",value)
428	}	428	}
429		429
430	/THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE/	430	/THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE/
431	$(document).ready(	431	$(document).ready(
432	function() {	432	function() {
433	$('input:submit').attr('disabled', true);	433	$('input:submit').attr('disabled', true);
434	$('input:file').change(	434	$('input:file').change(
435	function() {	435	function() {
436	if ($("#picture").val()) {	436	if ($("#picture").val()) {
437	$('input:submit').removeAttr('disabled');	437	$('input:submit').removeAttr('disabled');
438	} else {	438	} else {
439	$('input:submit').attr('disabled', true);	439	$('input:submit').attr('disabled', true);
440	}	440	}
441	});	441	});
442	});	442	});
443		443
444	/***THIS IS FOR STEP ONE FORM ****/	444	/***THIS IS FOR STEP ONE FORM ****/
445	// $scope.next = function() {	445	// $scope.next = function() {
446	// $scope.data.status = null	446	// $scope.data.status = null
447	// 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) {
448	// var x = document.getElementById("snackbar")	448	// var x = document.getElementById("snackbar")
449	// x.className = "show";	449	// x.className = "show";
450	// setTimeout(function() {	450	// setTimeout(function() {
451	// x.className = x.className.replace("show", "");	451	// x.className = x.className.replace("show", "");
452	// }, 3000);	452	// }, 3000);
453	// } 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) {
454	// $scope.infoForm = true;	454	// $scope.infoForm = true;
455	// console.log("sdasdasdsa");	455	// console.log("sdasdasdsa");
456	// $scope.data.stage = $scope.data.stage;	456	// $scope.data.stage = $scope.data.stage;
457	// $scope.detail = {};	457	// $scope.detail = {};
458	// $scope.data.phone = "+91" + $scope.data.number;	458	// $scope.data.phone = "+91" + $scope.data.number;
459	// $http({	459	// $http({
460	// method: 'POST',	460	// method: 'POST',
461	// url: BASE_URL + '/information',	461	// url: BASE_URL + '/information',
462	// data: $scope.data,	462	// data: $scope.data,
463	// headers: {}	463	// headers: {}
464	// }).then(function mySuccess(result) {	464	// }).then(function mySuccess(result) {
465	// Analytics.trackEvent('information', 'click', 'django.mp4');	465	// Analytics.trackEvent('information', 'click', 'django.mp4');
466	// console.log("result", result)	466	// console.log("result", result)
467	// $scope.detail = result;	467	// $scope.detail = result;
468	// data.applicantId = result.data.id;	468	// data.applicantId = result.data.id;
469	// $scope.userId = result.data.id;	469	// $scope.userId = result.data.id;
470		470
471	// }, function myError(error) {});	471	// }, function myError(error) {});
472		472
473	// }	473	// }
474		474
475	// }	475	// }
476		476
477	$scope.calculateAmount = function(){	477	$scope.calculateAmount = function(){
478	if($scope.tokencheck == false){	478	if($scope.tokencheck == false){
479	$scope.data.referalToken = null;	479	$scope.data.referalToken = null;
480	}	480	}
481	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) {
482	var x = document.getElementById("snackbar")	482	var x = document.getElementById("snackbar")
483	x.className = "show";	483	x.className = "show";
484	setTimeout(function() {	484	setTimeout(function() {
485	x.className = x.className.replace("show", "");	485	x.className = x.className.replace("show", "");
486	}, 3000);	486	}, 3000);
487	} 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) {
488	$scope.infoForm = true;	488	$scope.infoForm = true;
489	console.log("sdasdasdsa");	489	console.log("sdasdasdsa");
490	$scope.data.stage = $scope.data.stage;	490	$scope.data.stage = $scope.data.stage;
491	$scope.detail = {};	491	$scope.detail = {};
492	$scope.data.phone = "+91" + $scope.data.number;	492	$scope.data.phone = "+91" + $scope.data.number;
493	$http({	493	$http({
494	method: 'POST',	494	method: 'POST',
495	url: BASE_URL + '/applicants',	495	url: BASE_URL + '/applicants',
496	data: $scope.data,	496	data: $scope.data,
497	headers: {}	497	headers: {}
498	}).then(function mySuccess(result) {	498	}).then(function mySuccess(result) {
499	Analytics.trackEvent('applicants', 'click','Users');	499	Analytics.trackEvent('applicants', 'click','Users');
500	console.log("result", result)	500	console.log("result", result)
501	$scope.detail = result;	501	$scope.detail = result;
502	data.applicantId = result.data.id;	502	data.applicantId = result.data.id;
503	//$scope.userId = result.data.id;	503	//$scope.userId = result.data.id;
504	if($scope.data.networkDinner == true){	504	if($scope.data.networkDinner == "true"){
505	if($scope.data.citymeetup == "chandigarh"){	505	if($scope.data.citymeetup == "chandigarh"){
506	if ($scope.data.stage == "Pitch your Idea") {	506	if ($scope.data.stage == "Pitch your Idea") {
507	console.log("$scope.data", $scope.data)	507	console.log("$scope.data", $scope.data)
508	$scope.ticketAmnt = 3000;	508	$scope.ticketAmnt = 3000;
509	}	509	}
510		510
511	if ($scope.data.stage == "Pitch your Startup") {	511	if ($scope.data.stage == "Pitch your Startup") {
512	$scope.ticketAmnt = 3500;	512	$scope.ticketAmnt = 3500;
513	}	513	}
514		514
515	// if ($scope.data.stage == "Growth") {	515	// if ($scope.data.stage == "Growth") {
516	// $scope.ticketAmnt = 1400;	516	// $scope.ticketAmnt = 1400;
517	// }	517	// }
518	}	518	}
519	}	519	}
520		520
521	else{	521	else{
522	if($scope.data.citymeetup == "chandigarh"){	522	if($scope.data.citymeetup == "chandigarh"){
523	if ($scope.data.stage == "Pitch your Idea") {	523	if ($scope.data.stage == "Pitch your Idea") {
524	console.log("$scope.data", $scope.data)	524	console.log("$scope.data", $scope.data)
525	$scope.ticketAmnt = 1000;	525	$scope.ticketAmnt = 1000;
526	}	526	}
527		527
528	if ($scope.data.stage == "Pitch your Startup") {	528	if ($scope.data.stage == "Pitch your Startup") {
529	$scope.ticketAmnt = 1500;	529	$scope.ticketAmnt = 1500;
530	}	530	}
531		531
532	// if ($scope.data.stage == "Growth") {	532	// if ($scope.data.stage == "Growth") {
533	// $scope.ticketAmnt = 1400;	533	// $scope.ticketAmnt = 1400;
534	// }	534	// }
535	}	535	}
536	}	536	}
537		537
538	// else{	538	// else{
539	// if ($scope.data.stage == "Pitch your Idea") {	539	// if ($scope.data.stage == "Pitch your Idea") {
540	// console.log("$scope.data", $scope.data)	540	// console.log("$scope.data", $scope.data)
541	// $scope.ticketAmnt = 500;	541	// $scope.ticketAmnt = 500;
542	// }	542	// }
543		543
544	// if ($scope.data.stage == "Pitch your Startup") {	544	// if ($scope.data.stage == "Pitch your Startup") {
545	// $scope.ticketAmnt = 1000;	545	// $scope.ticketAmnt = 1000;
546	// }	546	// }
547		547
548	// // if ($scope.data.stage == "Growth") {	548	// // if ($scope.data.stage == "Growth") {
549	// // $scope.ticketAmnt = 1000;	549	// // $scope.ticketAmnt = 1000;
550	// // }	550	// // }
551	// }	551	// }
552	// if ($scope.data.stage == "Visitor") {	552	// if ($scope.data.stage == "Visitor") {
553	// $scope.ticketAmnt = 500;	553	// $scope.ticketAmnt = 500;
554	// }	554	// }
555	var amount = $scope.ticketAmnt * 100	555	var amount = $scope.ticketAmnt * 100
556	if($scope.tokencheck == true){	556	if($scope.tokencheck == true){
557	var amount = $scope.ticketAmnt	557	var amount = $scope.ticketAmnt
558	$scope.discountAmount = (amount * $scope.discountpercentage)/100	558	$scope.discountAmount = (amount * $scope.discountpercentage)/100
559	console.log("finalAmount====>",$scope.discountAmount)	559	console.log("finalAmount====>",$scope.discountAmount)
560	}	560	}
561		561
562	var taxAmount = $scope.ticketAmnt - $scope.discountAmount	562	var taxAmount = $scope.ticketAmnt - $scope.discountAmount
563	console.log("$scope.taxTotal----",taxAmount)	563	console.log("$scope.taxTotal----",taxAmount)
564	$scope.taxTotal = (taxAmount * 18)/100	564	$scope.taxTotal = (taxAmount * 18)/100
565	$scope.payingAmnt = taxAmount + $scope.taxTotal	565	$scope.payingAmnt = taxAmount + $scope.taxTotal
566	console.log("taxincludedamount----", $scope.payingAmnt)	566	console.log("taxincludedamount----", $scope.payingAmnt)
567	console.log("$scope.taxTotal----", $scope.taxTotal)	567	console.log("$scope.taxTotal----", $scope.taxTotal)
568	// }	568	// }
569		569
570	/***THIS IS FOR STEP THREE FORM ****/	570	/***THIS IS FOR STEP THREE FORM ****/
571	// $scope.create = function() {	571	// $scope.create = function() {
572	// 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) {
573	// var x = document.getElementById("snackbar")	573	// var x = document.getElementById("snackbar")
574	// x.className = "show";	574	// x.className = "show";
575	// setTimeout(function() {	575	// setTimeout(function() {
576	// x.className = x.className.replace("show", "");	576	// x.className = x.className.replace("show", "");
577	// }, 3000);	577	// }, 3000);
578	// } 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) {
579	// $scope.infoForm = true;	579	// $scope.infoForm = true;
580	// console.log("sdasdasdsa");	580	// console.log("sdasdasdsa");
581	// $scope.data.stage = $scope.data.stage;	581	// $scope.data.stage = $scope.data.stage;
582	// $scope.detail = {};	582	// $scope.detail = {};
583	// $scope.data.phone = "+91" + $scope.data.number;	583	// $scope.data.phone = "+91" + $scope.data.number;
584	// $http({	584	// $http({
585	// method: 'POST',	585	// method: 'POST',
586	// url: BASE_URL + '/applicants',	586	// url: BASE_URL + '/applicants',
587	// data: $scope.data,	587	// data: $scope.data,
588	// headers: {}	588	// headers: {}
589	// }).then(function mySuccess(result) {	589	// }).then(function mySuccess(result) {
590		590
591	// console.log("=====result=====", result)	591	// console.log("=====result=====", result)
592	// $scope.detail = result;	592	// $scope.detail = result;
593	// data.applicantId = result.data.id;	593	// data.applicantId = result.data.id;
594	// $scope.userId = result.data.id;	594	// $scope.userId = result.data.id;
595	// console.log("=====data=====", data)	595	// console.log("=====data=====", data)
596	// data.amount = $scope.payingAmnt + $scope.taxTotal;	596	// data.amount = $scope.payingAmnt + $scope.taxTotal;
597	data.amount = $scope.payingAmnt;	597	data.amount = $scope.payingAmnt;
598	console.log("$scope.taxTotal",data.amount)	598	console.log("$scope.taxTotal",data.amount)
599	if ($scope.detail != null) {	599	if ($scope.detail != null) {
600	$http({	600	$http({
601	method: 'POST',	601	method: 'POST',
602	url: BASE_URL + '/payments',	602	url: BASE_URL + '/payments',
603	data: data,	603	data: data,
604	headers: {}	604	headers: {}
605	}).then(function mySuccess(paymentResult) {	605	}).then(function mySuccess(paymentResult) {
606	console.log("paymentResult",paymentResult)	606	console.log("paymentResult",paymentResult)
607	$scope.paymentResult = paymentResult;	607	$scope.paymentResult = paymentResult;
608	}, function myError(error) {});	608	}, function myError(error) {});
609	}	609	}
610	var i = 0;	610	var i = 0;
611	//$scope.payingAmnt = ($scope.payingAmnt + $scope.taxTotal) * 100;	611	//$scope.payingAmnt = ($scope.payingAmnt + $scope.taxTotal) * 100;
612		612
613	$scope.payingAmnt = $scope.payingAmnt * 100;	613	$scope.payingAmnt = $scope.payingAmnt * 100;
614	console.log("$scope.taxTotal----", $scope.payingAmnt)	614	console.log("$scope.taxTotal----", $scope.payingAmnt)
615	var options = {	615	var options = {
616	"key": "rzp_live_mhSE1uOBlXvFyJ",	616	"key": "rzp_live_mhSE1uOBlXvFyJ",
617	//"key": "rzp_test_YwHsVFiDIQ2WUQ",	617	//"key": "rzp_test_YwHsVFiDIQ2WUQ",
618	"amount": $scope.payingAmnt ,	618	"amount": $scope.payingAmnt ,
619		619
620	"name": "Startup Jalsa",	620	"name": "Startup Jalsa",
621	"description": "amount",	621	"description": "amount",
622	"currency": "INR",	622	"currency": "INR",
623	"status": "done",	623	"status": "done",
624		624
625	"theme": {	625	"theme": {
626	"color": "#2196f3 ",	626	"color": "#2196f3 ",
627	"image_padding": "NO"	627	"image_padding": "NO"
628	},	628	},
629	"modal": {	629	"modal": {
630	"ondismiss": function() {}	630	"ondismiss": function() {}
631	},	631	},
632	"handler": function(response) {	632	"handler": function(response) {
633	createPayment(response);	633	createPayment(response);
634	}	634	}
635	};	635	};
636	var rzp1 = new Razorpay(options);	636	var rzp1 = new Razorpay(options);
637	rzp1.open();	637	rzp1.open();
638	$scope.paymentResponse = {};	638	$scope.paymentResponse = {};
639		639
640	function createPayment(response) {	640	function createPayment(response) {
641	console.log("response====from===razorpay",response)	641	console.log("response====from===razorpay",response)
642	$route.reload();	642	$route.reload();
643	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;	643	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
644	$scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;	644	$scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
645	$scope.paymentResponse.amount = data.amount;	645	$scope.paymentResponse.amount = data.amount;
646	$scope.paymentResponse.currency = "INR";	646	$scope.paymentResponse.currency = "INR";
647	$scope.paymentResponse.status = $scope.paymentResult.data.status;	647	$scope.paymentResponse.status = $scope.paymentResult.data.status;
648	Analytics.trackEvent('payment','Successfully Done',$scope.data.email,$scope.paymentResponse.amount);	648	Analytics.trackEvent('payment','Successfully Done',$scope.data.email,$scope.paymentResponse.amount);
649	$http({	649	$http({
650	method: 'PUT',	650	method: 'PUT',
651	url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,	651	url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,
652	data: $scope.paymentResponse,	652	data: $scope.paymentResponse,
653	headers: {}	653	headers: {}
654	}).then(function mySuccess(searchResult) {	654	}).then(function mySuccess(searchResult) {
655	// if(paymentResult.data.status == "created"){	655	// if(paymentResult.data.status == "created"){
656		656
657	// }	657	// }
658	console.log("searchResult", searchResult)	658	console.log("searchResult", searchResult)
659	$location.path("/confirmation")	659	$location.path("/confirmation")
660	//$scope.showToastr()	660	//$scope.showToastr()
661	//toaster.success("Registration done successfully");	661	//toaster.success("Registration done successfully");
662		662
663	}, function myError(error) {});	663	}, function myError(error) {});
664	}	664	}
665	}, function myError(error) {	665	}, function myError(error) {
666	console.log("error",error)	666	console.log("error",error)
667	$scope.emailId = error.data.error.message;	667	$scope.emailId = error.data.error.message;
668	$scope.id = error.data.error.id;	668	$scope.id = error.data.error.id;
669	$('#myModal').modal('show');	669	$('#myModal').modal('show');
670	});	670	});
671	}	671	}
672		672
673	}	673	}
674		674
675	//}, function myError(error) {});	675	//}, function myError(error) {});
676	//}	676	//}
677		677
678	//}	678	//}
679		679
680	// $scope.showToastr = function() {	680	// $scope.showToastr = function() {
681	// console.log("called toast")	681	// console.log("called toast")
682	// var x = document.getElementById("snacsskbar")	682	// var x = document.getElementById("snacsskbar")
683	// x.className = "show";	683	// x.className = "show";
684	// setTimeout(function() {	684	// setTimeout(function() {
685	// x.className = x.className.replace("show", "");	685	// x.className = x.className.replace("show", "");
686	// }, 3000);	686	// }, 3000);
687	// }	687	// }
688		688
689	/kkThis code for change data when click to chooses stages*/	689	/kkThis code for change data when click to chooses stages*/
690	$scope.proto = true;	690	$scope.proto = true;
691	$scope.businessmodel = true;	691	$scope.businessmodel = true;
692	$scope.Idea = true;	692	$scope.Idea = true;
693	$scope.current = true;	693	$scope.current = true;
694		694
695	$scope.stage = function(stage) {	695	$scope.stage = function(stage) {
696	$scope.stagekeyPress();	696	$scope.stagekeyPress();
697	console.log("stage--2",stage)	697	console.log("stage--2",stage)
698		698
699	if (stage == 'Pitch your Idea') {	699	if (stage == 'Pitch your Idea') {
700	$scope.Productshow = "no";	700	$scope.Productshow = "no";
701	$scope.current = 10;	701	$scope.current = 10;
702	$scope.proto = true;	702	$scope.proto = true;
703	// $scope.visitType = true;	703	// $scope.visitType = true;
704	$scope.prototyp = false;	704	$scope.prototyp = false;
705	$scope.protyp = false;	705	$scope.protyp = false;
706	$scope.market = false;	706	$scope.market = false;
707	$scope.risks = false;	707	$scope.risks = false;
708	$scope.team = false;	708	$scope.team = false;
709	$scope.pitch = false;	709	$scope.pitch = false;
710	$scope.financials = false;	710	$scope.financials = false;
711	$scope.businessmodel = true;	711	$scope.businessmodel = true;
712	$scope.data.stage = stage;	712	$scope.data.stage = stage;
713	// for right content	713	// for right content
714	$scope.Idea = true;	714	$scope.Idea = true;
715	$scope.Product = false;	715	$scope.Product = false;
716	$scope.Growth = false;	716	$scope.Growth = false;
717	// $scope.Visitor = false;	717	// $scope.Visitor = false;
718	} else if (stage == 'Pitch your Startup') {	718	} else if (stage == 'Pitch your Startup') {
719	$scope.Productshow = "no";	719	$scope.Productshow = "no";
720	$scope.current = 10;	720	$scope.current = 10;
721	$scope.proto = true;	721	$scope.proto = true;
722	// $scope.visitType = true;	722	// $scope.visitType = true;
723	$scope.prototyp = true;	723	$scope.prototyp = true;
724	$scope.protyp = true;	724	$scope.protyp = true;
725	$scope.market = true;	725	$scope.market = true;
726	$scope.risks = true;	726	$scope.risks = true;
727	$scope.team = true;	727	$scope.team = true;
728	$scope.pitch = true;	728	$scope.pitch = true;
729	$scope.financials = true;	729	$scope.financials = true;
730	$scope.businessmodel = false;	730	$scope.businessmodel = false;
731	$scope.data.stage = stage;	731	$scope.data.stage = stage;
732	// for right content	732	// for right content
733	$scope.Idea = false;	733	$scope.Idea = false;
734	$scope.Product = true;	734	$scope.Product = true;
735	$scope.Growth = false;	735	$scope.Growth = false;
736	// $scope.Visitor = false;	736	// $scope.Visitor = false;
737	} else if (stage == 'Growth') {	737	} else if (stage == 'Growth') {
738	$scope.Productshow = "yes";	738	$scope.Productshow = "yes";
739	$scope.current = 10;	739	$scope.current = 10;
740	$scope.proto = false;	740	$scope.proto = false;
741	// $scope.visitType = true;	741	// $scope.visitType = true;
742	$scope.prototyp = true;	742	$scope.prototyp = true;
743	$scope.protyp = false;	743	$scope.protyp = false;
744	$scope.market = true;	744	$scope.market = true;
745	$scope.risks = true;	745	$scope.risks = true;
746	$scope.team = true;	746	$scope.team = true;
747	$scope.pitch = true;	747	$scope.pitch = true;
748	$scope.financials = true;	748	$scope.financials = true;
749	$scope.businessmodel = false;	749	$scope.businessmodel = false;
750	// for right content	750	// for right content
751	$scope.Idea = false;	751	$scope.Idea = false;
752	$scope.Product = false;	752	$scope.Product = false;
753	$scope.Growth = true;	753	$scope.Growth = true;
754	// $scope.Visitor = false;	754	// $scope.Visitor = false;
755	// } else if (stage == 'Visitor') {	755	// } else if (stage == 'Visitor') {
756	// $scope.Productshow = "no";	756	// $scope.Productshow = "no";
757	// $scope.current = 10;	757	// $scope.current = 10;
758	// $scope.proto = false;	758	// $scope.proto = false;
759	// $scope.visitType = false;	759	// $scope.visitType = false;
760	// $scope.prototyp = false;	760	// $scope.prototyp = false;
761	// $scope.protyp = false;	761	// $scope.protyp = false;
762	// $scope.market = false;	762	// $scope.market = false;
763	// $scope.risks = false;	763	// $scope.risks = false;
764	// $scope.team = false;	764	// $scope.team = false;
765	// $scope.pitch = false;	765	// $scope.pitch = false;
766	// $scope.financials = false;	766	// $scope.financials = false;
767	// $scope.businessmodel = false;	767	// $scope.businessmodel = false;
768	// $scope.data.stage = stage;	768	// $scope.data.stage = stage;
769	// // for right content	769	// // for right content
770	// $scope.Idea = false;	770	// $scope.Idea = false;
771	// $scope.Product = false;	771	// $scope.Product = false;
772	// $scope.Growth = false;	772	// $scope.Growth = false;
773	// $scope.Visitor = true;	773	// $scope.Visitor = true;
774	$scope.data.stage = stage;	774	$scope.data.stage = stage;
775	}	775	}
776		776
777	}	777	}
778		778
779	$scope.emailTest = function(s){	779	$scope.emailTest = function(s){
780	$scope.space = /\s/g.test(s.delegateTarget.value);	780	$scope.space = /\s/g.test(s.delegateTarget.value);
781	console.log("space",$scope.space)	781	console.log("space",$scope.space)
782		782
783	}	783	}
784	// $scope.enterbusiness = function(business) {	784	// $scope.enterbusiness = function(business) {
785	// console.log("business", business);	785	// console.log("business", business);
786	// if (name == undefined) {	786	// if (name == undefined) {
787	// $scope.current = false;	787	// $scope.current = false;
788		788
789	// } else if (name != undefined) {	789	// } else if (name != undefined) {
790	// $scope.current = true;	790	// $scope.current = true;
791	// }	791	// }
792	// }	792	// }
793	/******FOR FILL THE DATA AND SHOWS ICON GREEN/	793	/******FOR FILL THE DATA AND SHOWS ICON GREEN/
794	$scope.stagekeyPress = function() {	794	$scope.stagekeyPress = function() {
795	$('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)');	795	$('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)');
796	}	796	}
797	$scope.sectorkeyPress = function() {	797	$scope.sectorkeyPress = function() {
798	$('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)');	798	$('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)');
799	}	799	}
800		800
801	$scope.productLaunchkeyPress = function() {	801	$scope.productLaunchkeyPress = function() {
802	$('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)');	802	$('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)');
803	}	803	}
804		804
805	$scope.launchPeriodkeyPress = function() {	805	$scope.launchPeriodkeyPress = function() {
806	$('.icon-circle-abc').css('background-color', 'rgb(66, 181, 73)');	806	$('.icon-circle-abc').css('background-color', 'rgb(66, 181, 73)');
807	}	807	}
808		808
809	$scope.industrykeyPress = function() {	809	$scope.industrykeyPress = function() {
810	$scope.addOther = false;	810	$scope.addOther = false;
811	$scope.hideSelectBox = true;	811	$scope.hideSelectBox = true;
812	$('.icon-circle-abcdefg').css('background-color', 'rgb(66, 181, 73)');	812	$('.icon-circle-abcdefg').css('background-color', 'rgb(66, 181, 73)');
813	var e = document.getElementById("dataIndustry");	813	var e = document.getElementById("dataIndustry");
814	var dataIndustry = e.options[e.selectedIndex].value;	814	var dataIndustry = e.options[e.selectedIndex].value;
815	if(dataIndustry == "others") {	815	if(dataIndustry == "others") {
816	$scope.addOther = true;	816	$scope.addOther = true;
817	$scope.hideSelectBox = false;	817	$scope.hideSelectBox = false;
818	}	818	}
819	}	819	}
820		820
821	$scope.industryNamekeyPress = function(firstName) {	821	$scope.industryNamekeyPress = function(firstName) {
822	console.log("lastName==", firstName);	822	console.log("lastName==", firstName);
823	if (firstName == undefined) {	823	if (firstName == undefined) {
824	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');	824	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
825	} else {	825	} else {
826	$('.icon-circle-o').css('background-color', 'rgb(66, 181, 73)');	826	$('.icon-circle-o').css('background-color', 'rgb(66, 181, 73)');
827	}	827	}
828	}	828	}
829		829
830	$scope.amountkeyPress = function() {	830	$scope.amountkeyPress = function() {
831	$('.icon-circle-bc').css('background-color', 'rgb(66, 181, 73)');	831	$('.icon-circle-bc').css('background-color', 'rgb(66, 181, 73)');
832	}	832	}
833		833
834	$scope.firstNamekeyPress = function(name) {	834	$scope.firstNamekeyPress = function(name) {
835	console.log("lastName==", name);	835	console.log("lastName==", name);
836	if (name == undefined) {	836	if (name == undefined) {
837	$('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');	837	$('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
838	} else {	838	} else {
839	$('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)');	839	$('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)');
840	}	840	}
841	}	841	}
842		842
843	$scope.emailkeyPress = function(email) {	843	$scope.emailkeyPress = function(email) {
844	console.log("email", email);	844	console.log("email", email);
845	if (email == undefined) {	845	if (email == undefined) {
846	$('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');	846	$('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');
847	} else {	847	} else {
848	$('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)');	848	$('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)');
849	}	849	}
850	}	850	}
851		851
852	$scope.textCheck = function(){	852	$scope.textCheck = function(){
853	console.log("Val1:::", $scope.textCheck);	853	console.log("Val1:::", $scope.textCheck);
854	var e = document.getElementById("fundingDiv");	854	var e = document.getElementById("fundingDiv");
855	var funding = e.options[e.selectedIndex].value;	855	var funding = e.options[e.selectedIndex].value;
856	$scope.Textshow = "no";	856	$scope.Textshow = "no";
857	if(funding == "yes") {	857	if(funding == "yes") {
858	$scope.Textshow = "yes";	858	$scope.Textshow = "yes";
859	console.log("Val:::", $scope.Textshow);	859	console.log("Val:::", $scope.Textshow);
860	}	860	}
861		861
862	}	862	}
863		863
864	$scope.productCheck = function(){	864	$scope.productCheck = function(){
865	console.log("Val2:::", $scope.productCheck);	865	console.log("Val2:::", $scope.productCheck);
866	var e = document.getElementById("productDiv");	866	var e = document.getElementById("productDiv");
867	var product = e.options[e.selectedIndex].value;	867	var product = e.options[e.selectedIndex].value;
868	$scope.Productshow = "no";	868	$scope.Productshow = "no";
869	if(product == "yes") {	869	if(product == "yes") {
870	$scope.Productshow = "yes";	870	$scope.Productshow = "yes";
871	console.log("Val1:::", $scope.Productshow);	871	console.log("Val1:::", $scope.Productshow);
872	}	872	}
873		873
874	}	874	}
875		875
876	$scope.phonekeyPress = function(number) {	876	$scope.phonekeyPress = function(number) {
877	console.log("number", number);	877	console.log("number", number);
878	if (number == undefined \|\| number == '') {	878	if (number == undefined \|\| number == '') {
879	$('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');	879	$('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
880	} else {	880	} else {
881	$('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');	881	$('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');
882	}	882	}
883	}	883	}
884		884
885	$scope.citykeyPress = function(city) {	885	$scope.citykeyPress = function(city) {
886	console.log("city", city);	886	console.log("city", city);
887	if (city == undefined) {	887	if (city == undefined) {
888	$('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');	888	$('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');
889	} else {	889	} else {
890	$('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)');	890	$('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)');
891	}	891	}
892	}	892	}
893		893
894	$scope.startupNamekeyPress = function(q) {	894	$scope.startupNamekeyPress = function(q) {
895	if (q == undefined) {	895	if (q == undefined) {
896	$('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');	896	$('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
897	} else {	897	} else {
898	$('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)');	898	$('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)');
899	}	899	}
900	}	900	}
901		901
902	$scope.linkedInkeyPress = function(technology) {	902	$scope.linkedInkeyPress = function(technology) {
903	if (technology == undefined \|\| technology == '') {	903	if (technology == undefined \|\| technology == '') {
904	$('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');	904	$('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
905	} else {	905	} else {
906	$('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');	906	$('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');
907	}	907	}
908	}	908	}
909	$scope.companykeyPress = function(problem) {	909	$scope.companykeyPress = function(problem) {
910	if (problem == undefined) {	910	if (problem == undefined) {
911	$('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');	911	$('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
912	} else {	912	} else {
913	$('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)');	913	$('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)');
914	}	914	}
915	}	915	}
916	$scope.productNamekeyPress = function(solution) {	916	$scope.productNamekeyPress = function(solution) {
917	if (solution == undefined) {	917	if (solution == undefined) {
918	$('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');	918	$('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
919	} else {	919	} else {
920	$('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)');	920	$('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)');
921	}	921	}
922	}	922	}
923	$scope.businesskeyPress = function(business) {	923	$scope.businesskeyPress = function(business) {
924	$('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)');	924	$('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)');
925	}	925	}
926		926
927	$scope.websitekeyPress = function(prototype) {	927	$scope.websitekeyPress = function(prototype) {
928	if (prototype == undefined \|\| prototype == '') {	928	if (prototype == undefined \|\| prototype == '') {
929	$('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');	929	$('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
930	} else {	930	} else {
931	$('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');	931	$('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');
932	}	932	}
933	}	933	}
934		934
935	$scope.employeekeyPress = function(market) {	935	$scope.employeekeyPress = function(market) {
936	if (market == undefined \|\| market == '') {	936	if (market == undefined \|\| market == '') {
937	$('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');	937	$('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
938	} else {	938	} else {
939	$('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');	939	$('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');
940	}	940	}
941	}	941	}
942		942
943	$scope.annualkeyPress = function(risk) {	943	$scope.annualkeyPress = function(risk) {
944	if (risk == undefined \|\| risk == '') {	944	if (risk == undefined \|\| risk == '') {
945	$('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');	945	$('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
946	} else {	946	} else {
947	$('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');	947	$('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');
948	}	948	}
949	}	949	}
950		950
951	$scope.revenuekeyPress = function(team) {	951	$scope.revenuekeyPress = function(team) {
952	if (team == undefined \|\| team == '') {	952	if (team == undefined \|\| team == '') {
953	$('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');	953	$('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
954	} else {	954	} else {
955	$('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');	955	$('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');
956	}	956	}
957	}	957	}
958		958
959	$scope.descriptionkeyPress = function(pitch) {	959	$scope.descriptionkeyPress = function(pitch) {
960	if (pitch == undefined) {	960	if (pitch == undefined) {
961	$('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');	961	$('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
962	} else {	962	} else {
963	$('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)');	963	$('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)');
964	}	964	}
965	}	965	}
966		966
967	$scope.discountkeyPress = function(discount) {	967	$scope.discountkeyPress = function(discount) {
968	console.log("lastName==", name);	968	console.log("lastName==", name);
969	if (discount == undefined) {	969	if (discount == undefined) {
970	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');	970	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
971	} else {	971	} else {
972	$('.icon-circle-o').css('background-color', 'rgb(66, 181, 73)');	972	$('.icon-circle-o').css('background-color', 'rgb(66, 181, 73)');
973	}	973	}
974	}	974	}
975		975
976	$scope.removeNooError = function() {	976	$scope.removeNooError = function() {
977	$('#invalidIdea').css('display', 'block');	977	$('#invalidIdea').css('display', 'block');
978	$('#noExist').css('display', 'none');	978	$('#noExist').css('display', 'none');
979	};	979	};
980		980
981	$scope.ideakeyPress = function(financial) {	981	$scope.ideakeyPress = function(financial) {
982	console.log("financial", financial);	982	console.log("financial", financial);
983	if (financial == undefined) {	983	if (financial == undefined) {
984	$('#invalidIdea').css('display', 'block');	984	$('#invalidIdea').css('display', 'block');
985	$('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');	985	$('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');
986	} else {	986	} else {
987	$('#invalidIdea').css('display', 'none');	987	$('#invalidIdea').css('display', 'none');
988	$('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)');	988	$('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)');
989	}	989	}
990	}	990	}
991		991
992	$scope.fundkeyPress = function(financial) {	992	$scope.fundkeyPress = function(financial) {
993	console.log("financial", financial);	993	console.log("financial", financial);
994	if (financial == undefined) {	994	if (financial == undefined) {
995	$('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)');	995	$('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)');
996	} else {	996	} else {
997	$('.icon-circle-y').css('background-color', 'rgb(66, 181, 73)');	997	$('.icon-circle-y').css('background-color', 'rgb(66, 181, 73)');
998	}	998	}
999	}	999	}
1000		1000
1001	$scope.changeReferalIconColor = function(referalToken){	1001	$scope.changeReferalIconColor = function(referalToken){
1002	if (referalToken == undefined \|\| referalToken == '') {	1002	if (referalToken == undefined \|\| referalToken == '') {
1003	$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');	1003	$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
1004	}else {	1004	}else {
1005	$('.referel-icon').css('background-color', 'rgb(66, 181, 73)');	1005	$('.referel-icon').css('background-color', 'rgb(66, 181, 73)');
1006	}	1006	}
1007	}	1007	}
1008		1008
1009	});	1009	});
1010		1010
1011	scotchApp.controller('verifyController', function($scope, $http, $location, $route, BASE_URL, Analytics) {	1011	scotchApp.controller('verifyController', function($scope, $http, $location, $route, BASE_URL, Analytics) {
1012		1012
1013	$scope.pendingPaymentId = $route.current.params.id	1013	$scope.pendingPaymentId = $route.current.params.id
1014	$http({	1014	$http({
1015	method: "GET",	1015	method: "GET",
1016	url: BASE_URL + '/applicants/' + $scope.pendingPaymentId,	1016	url: BASE_URL + '/applicants/' + $scope.pendingPaymentId,
1017	}).then(function mySuccess(response) {	1017	}).then(function mySuccess(response) {
1018	$scope.data = response.data;	1018	$scope.data = response.data;
1019	console.log("response-1", response);	1019	console.log("response-1", response);
1020	$scope.pendingPaymentId = $route.current.params.id;	1020	$scope.pendingPaymentId = $route.current.params.id;
1021		1021
1022	$http({	1022	$http({
1023	method: "GET",	1023	method: "GET",
1024	url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}',	1024	url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}',
1025	}).then(function mySuccess(response) {	1025	}).then(function mySuccess(response) {
1026	$scope.paymentRecord = response.data;	1026	$scope.paymentRecord = response.data;
1027	}, function myError(response) {	1027	}, function myError(response) {
1028	console.log("response-2", response);	1028	console.log("response-2", response);
1029	});	1029	});
1030	}, function myError(response) {	1030	}, function myError(response) {
1031	$scope.myWelcome = response.statusText;	1031	$scope.myWelcome = response.statusText;
1032	});	1032	});
1033		1033
1034	$scope.checkView = false;	1034	$scope.checkView = false;
1035	$scope.verifyView = false;	1035	$scope.verifyView = false;
1036	$scope.searchResult = {}	1036	$scope.searchResult = {}
1037	$scope.pendingPaymentId = '';	1037	$scope.pendingPaymentId = '';
1038		1038
1039	$scope.update = function() {	1039	$scope.update = function() {
1040		1040
1041	$http({	1041	$http({
1042	method: 'GET',	1042	method: 'GET',
1043	url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}',	1043	url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}',
1044	headers: {}	1044	headers: {}
1045	}).then(function mySuccess(searchResult) {	1045	}).then(function mySuccess(searchResult) {
1046	if (searchResult.data[0].status == "created") {	1046	if (searchResult.data[0].status == "created") {
1047	//if (searchResult.data[0].status == "cancelled") {	1047	//if (searchResult.data[0].status == "cancelled") {
1048	$scope.checkView = true;	1048	$scope.checkView = true;
1049	$scope.verifyView = false;	1049	$scope.verifyView = false;
1050	$scope.amount = searchResult.data[0].amount;	1050	$scope.amount = searchResult.data[0].amount;
1051	$scope.searchResult = searchResult.data[0];	1051	$scope.searchResult = searchResult.data[0];
1052	console.log('====searchResult===', searchResult);	1052	console.log('====searchResult===', searchResult);
1053	console.log("searchResult=====",searchResult.data[0].razorOrderId)	1053	console.log("searchResult=====",searchResult.data[0].razorOrderId)
1054	var i = 0;	1054	var i = 0;
1055	$scope.amount = $scope.amount * 100;	1055	$scope.amount = $scope.amount * 100;
1056	var options = {	1056	var options = {
1057	"key": "rzp_live_mhSE1uOBlXvFyJ",	1057	"key": "rzp_live_mhSE1uOBlXvFyJ",
1058	//"key" : "rzp_test_YwHsVFiDIQ2WUQ",	1058	//"key" : "rzp_test_YwHsVFiDIQ2WUQ",
1059	"amount": $scope.amount,	1059	"amount": $scope.amount,
1060		1060
1061	"name": "Startup Jalsa",	1061	"name": "Startup Jalsa",
1062	"description": "amount",	1062	"description": "amount",
1063	"currency": "INR",	1063	"currency": "INR",
1064	"status": "done",	1064	"status": "done",
1065		1065
1066	"theme": {	1066	"theme": {
1067	"color": "#2196f3 ",	1067	"color": "#2196f3 ",
1068	"image_padding": "NO"	1068	"image_padding": "NO"
1069	},	1069	},
1070	"modal": {	1070	"modal": {
1071	"ondismiss": function() {}	1071	"ondismiss": function() {}
1072	},	1072	},
1073	"handler": function(response) {	1073	"handler": function(response) {
1074	createPayment(response);	1074	createPayment(response);
1075	}	1075	}
1076	};	1076	};
1077	var rzp1 = new Razorpay(options);	1077	var rzp1 = new Razorpay(options);
1078	rzp1.open();	1078	rzp1.open();
1079	$scope.paymentResponse = {};	1079	$scope.paymentResponse = {};
1080	function createPayment(response) {	1080	function createPayment(response) {
1081	console.log("response======retepaymen",response);	1081	console.log("response======retepaymen",response);
1082	$scope.amount = $scope.amount/100;	1082	$scope.amount = $scope.amount/100;
1083		1083
1084	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;	1084	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
1085	$scope.paymentResponse.razorOrderId = $scope.searchResult.razorOrderId;	1085	$scope.paymentResponse.razorOrderId = $scope.searchResult.razorOrderId;
1086	$scope.paymentResponse.amount = $scope.amount;	1086	$scope.paymentResponse.amount = $scope.amount;
1087	$scope.paymentResponse.currency = $scope.searchResult.currency;	1087	$scope.paymentResponse.currency = $scope.searchResult.currency;
1088	$scope.paymentResponse.status = $scope.searchResult.status;	1088	$scope.paymentResponse.status = $scope.searchResult.status;
1089	$scope.paymentResponse.applicantId = $scope.searchResult.applicantId;	1089	$scope.paymentResponse.applicantId = $scope.searchResult.applicantId;
1090	console.log("$scope.paymentResponse", $scope.paymentResponse)	1090	console.log("$scope.paymentResponse", $scope.paymentResponse)
1091	$http({	1091	$http({
1092	method: 'PUT',	1092	method: 'PUT',
1093	url: BASE_URL + '/payments/' + $scope.searchResult.id,	1093	url: BASE_URL + '/payments/' + $scope.searchResult.id,
1094	data: $scope.paymentResponse,	1094	data: $scope.paymentResponse,
1095	headers: {}	1095	headers: {}
1096	}).then(function mySuccess(searchResult) {	1096	}).then(function mySuccess(searchResult) {
1097	console.log("searchResult--->",searchResult)	1097	console.log("searchResult--->",searchResult)
1098	// if(paymentResult.data.status == "created"){	1098	// if(paymentResult.data.status == "created"){
1099	// Analytics.trackEvent('payments', 'click', 'Thankyou');	1099	// Analytics.trackEvent('payments', 'click', 'Thankyou');
1100	// }	1100	// }
1101	console.log("finalsearchResult",searchResult)	1101	console.log("finalsearchResult",searchResult)
1102	$location.path("/confirmation")	1102	$location.path("/confirmation")
1103	Analytics.trackEvent('payment','Successfully Done',$scope.data.email,$scope.paymentResponse.amount);	1103	Analytics.trackEvent('payment','Successfully Done',$scope.data.email,$scope.paymentResponse.amount);
1104	}, function myError(error) {	1104	}, function myError(error) {
1105		1105
1106	});	1106	});
1107	}	1107	}
1108	} else {	1108	} else {
1109		1109
1110	}	1110	}
1111		1111
1112	}, function myError(error) {});	1112	}, function myError(error) {});
1113	}	1113	}
1114	});	1114	});
1115		1115
1116	scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {	1116	scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {
1117	$scope.data = {};	1117	$scope.data = {};
1118	$scope.check = false;	1118	$scope.check = false;
1119	$scope.numberCheck = false;	1119	$scope.numberCheck = false;
1120		1120
1121	/open videos in modal/	1121	/open videos in modal/
1122	$scope.openyoutube16 = function(){	1122	$scope.openyoutube16 = function(){
1123	$('#videoModel').modal('show');	1123	$('#videoModel').modal('show');
1124	}	1124	}
1125		1125
1126	$scope.openyoutube17 = function(){	1126	$scope.openyoutube17 = function(){
1127	$('#videoModels').modal('show');	1127	$('#videoModels').modal('show');
1128	}	1128	}
1129		1129
1130	$scope.closeModal = function(){	1130	$scope.closeModal = function(){
1131	var url = $('#youtubePlayer').attr('src');	1131	var url = $('#youtubePlayer').attr('src');
1132	$('#youtubePlayer').attr('src', '');	1132	$('#youtubePlayer').attr('src', '');
1133	$('#youtubePlayer').attr('src', url);	1133	$('#youtubePlayer').attr('src', url);
1134	}	1134	}
1135	/open videos ends here/	1135	/open videos ends here/
1136		1136
1137	$scope.removeError = function() {	1137	$scope.removeError = function() {
1138	console.log("doooo")	1138	console.log("doooo")
1139	$('#invalidEmail').css('display', 'none');	1139	$('#invalidEmail').css('display', 'none');
1140	$('#alreadyExist').css('display', 'none');	1140	$('#alreadyExist').css('display', 'none');
1141	};	1141	};
1142		1142
1143	// $scope.emailcheck = function(val) {	1143	// $scope.emailcheck = function(val) {
1144	// consol.log("kdsbd")	1144	// consol.log("kdsbd")
1145	// $scope.space = /\s/g.test(val);	1145	// $scope.space = /\s/g.test(val);
1146	// console.log("space",$scope.space)	1146	// console.log("space",$scope.space)
1147	// if (val == undefined) {	1147	// if (val == undefined) {
1148	// $('#invalidEmail').css('display', 'block');	1148	// $('#invalidEmail').css('display', 'block');
1149	// } else {	1149	// } else {
1150	// $http({	1150	// $http({
1151	// method: 'GET',	1151	// method: 'GET',
1152	// 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"}}}',
1153	// headers: {}	1153	// headers: {}
1154	// }).then(function mySuccess(searchResult) {	1154	// }).then(function mySuccess(searchResult) {
1155	// console.log("searchResult1===>", searchResult)	1155	// console.log("searchResult1===>", searchResult)
1156	// if (searchResult.data.length == 0) {	1156	// if (searchResult.data.length == 0) {
1157	// $scope.check = false;	1157	// $scope.check = false;
1158	// } else {	1158	// } else {
1159	// $scope.check = true;	1159	// $scope.check = true;
1160	// $('#alreadyExist').css('display', 'block');	1160	// $('#alreadyExist').css('display', 'block');
1161	// }	1161	// }
1162	// }, function myError(error) {});	1162	// }, function myError(error) {});
1163	// }	1163	// }
1164	// };	1164	// };
1165		1165
1166	// $scope.removeNoError = function() {	1166	// $scope.removeNoError = function() {
1167	// $('#invalidNumber').css('display', 'none');	1167	// $('#invalidNumber').css('display', 'none');
1168	// $('#noExist').css('display', 'none');	1168	// $('#noExist').css('display', 'none');
1169	// };	1169	// };
1170		1170
1171	// $scope.numbercheck = function(number) {	1171	// $scope.numbercheck = function(number) {
1172	// // if (val == undefined) {	1172	// // if (val == undefined) {
1173	// // $('#invalidNumber').css('display', 'block');	1173	// // $('#invalidNumber').css('display', 'block');
1174	// // } else {	1174	// // } else {
1175	// $http({	1175	// $http({
1176	// method: 'GET',	1176	// method: 'GET',
1177	// url: BASE_URL + '/ambassadors?filter={"where": {"mobile": {"like":"%25' + number + '%25"}}}',	1177	// url: BASE_URL + '/ambassadors?filter={"where": {"mobile": {"like":"%25' + number + '%25"}}}',
1178	// data: $scope.data,	1178	// data: $scope.data,
1179	// headers: {}	1179	// headers: {}
1180	// }).then(function mySuccess(searchResult) {	1180	// }).then(function mySuccess(searchResult) {
1181	// console.log("searchResult===>", searchResult)	1181	// console.log("searchResult===>", searchResult)
1182	// if (searchResult.data.length == 0) {	1182	// if (searchResult.data.length == 0) {
1183	// $scope.numberCheck = false;	1183	// $scope.numberCheck = false;
1184	// } else {	1184	// } else {
1185	// $scope.numberCheck = true;	1185	// $scope.numberCheck = true;
1186	// $('#noExist').css('display', 'block');	1186	// $('#noExist').css('display', 'block');
1187	// }	1187	// }
1188	// }, function myError(error) {});	1188	// }, function myError(error) {});
1189	// //}	1189	// //}
1190		1190
1191	// };	1191	// };
1192		1192
1193	$scope.submit = function() {	1193	$scope.submit = function() {
1194	console.log($scope.data.name)	1194	console.log($scope.data.name)
1195	var randomNumber = ""+Math.random();	1195	var randomNumber = ""+Math.random();
1196	var nameSpliced = $scope.data.name.slice(0,3);	1196	var nameSpliced = $scope.data.name.slice(0,3);
1197	var numberSpliced = randomNumber.slice(2,5);	1197	var numberSpliced = randomNumber.slice(2,5);
1198	$scope.data.referalToken = nameSpliced+numberSpliced;	1198	$scope.data.referalToken = nameSpliced+numberSpliced;
1199	$scope.data.referalToken = $scope.data.referalToken.toUpperCase();	1199	$scope.data.referalToken = $scope.data.referalToken.toUpperCase();
1200		1200
1201	$http({	1201	$http({
1202	method: 'POST',	1202	method: 'POST',
1203	url: BASE_URL + '/ambassadors',	1203	url: BASE_URL + '/ambassadors',
1204	data: $scope.data,	1204	data: $scope.data,
1205	headers: {}	1205	headers: {}
1206	}).then(function mySuccess(result) {	1206	}).then(function mySuccess(result) {
1207	console.log("result", result)	1207	console.log("result", result)
1208	$scope.detail = result;	1208	$scope.detail = result;
1209	$('#myModal').modal('show');	1209	$('#myModal').modal('show');
1210	$scope.data.name = '';	1210	$scope.data.name = '';
1211	$scope.data.email = '';	1211	$scope.data.email = '';
1212	$scope.data.mobile = '';	1212	$scope.data.mobile = '';
1213	// $scope.data.discount = '';	1213	// $scope.data.discount = '';
1214		1214
1215	}, function myError(error) {	1215	}, function myError(error) {
1216	console.log(error)	1216	console.log(error)
1217	console.log(error.data.error.message)	1217	console.log(error.data.error.message)
1218	});	1218	});
1219	console.log($scope.data)	1219	console.log($scope.data)
1220	}	1220	}
1221	});	1221	});
1222		1222
1223		1223
1224		1224
1225		1225