{"version":3,"sources":["assets/img/whatsapp.svg","components/Home/contact.js"],"names":["module","exports","Banner","banner","state","name","email","mobile","project","buttonStage","ddlCallbackType","txtCallbackDate","showPicker","selectedDate","currentTime","currentDate","selectedTime","currentScheduleTime","scheduledTime","whatsapp_link","this","props","title","id","className","href","target","src","require","onClick","ShowCallbackModal","Component"],"mappings":"6GAAAA,EAAOC,QAAU,IAA0B,sC,gICCtBC,E,kDACjB,aAAe,IAAD,8BACV,gBACKC,OAAS,GACd,EAAKC,MAAM,CACPC,KAAM,GACNC,MAAO,GACPC,OAAQ,GACRC,QAAS,GACTC,aAAa,EACbC,gBAAiB,GACjBC,gBAAiB,GACjBC,YAAY,EACZC,aAAc,GACdC,YAAa,GACbC,YAAa,GACbC,aAAc,IAElB,EAAKC,oBAAoB,GACzB,EAAKC,cAAc,GAlBT,E,qDAwNL,IAAD,OACAC,EAAc,6FAA6FC,KAAKC,MAAMC,MAC1H,OACI,6BAASC,GAAG,UAAUC,UAAU,oBAC5B,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,6BAAf,kBACA,yBAAKA,UAAU,iBACjB,uBAAGC,KAAMN,EAAeO,OAAO,UAA/B,KAA0C,4BAAQF,UAAU,wBAAlB,0BAAgE,yBAAMG,IAAKC,EAAQ,KAAkCJ,UAAU,YAE3K,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,6BAAf,mCACA,yBAAKA,UAAU,iBACf,4BAAQA,UAAU,2BAA2BK,QAAS,kBAAI,EAAKR,MAAMS,sBAAqB,uBAAGN,UAAU,qBAAvG,oBACA,yBAAKA,UAAU,yB,GAvOHO","file":"static/js/5.c16eb5a8.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/whatsapp.2f7679c9.svg\";","import React, { Component } from 'react';\r\nexport default class Banner extends Component {\r\n    constructor() {\r\n        super()\r\n        this.banner = '';\r\n        this.state={\r\n            name: '',\r\n            email: '',\r\n            mobile: '',\r\n            project: '',\r\n            buttonStage: true,\r\n            ddlCallbackType: '',\r\n            txtCallbackDate: '',\r\n            showPicker: false,\r\n            selectedDate: '',\r\n            currentTime: '',\r\n            currentDate: '',\r\n            selectedTime: '',\r\n        }\r\n        this.currentScheduleTime=''\r\n        this.scheduledTime=''\r\n    }\r\n    // HandleChange = (e) => {\r\n    //     var re = /\\S+@\\S+\\.\\S+/;\r\n    //     if (e.target.name === 'mobile') {\r\n    //         var numbers = /^[0-9]+$/;\r\n    //         if (e.target.value.match(numbers) || e.target.value === '') {\r\n    //             this.setState({\r\n    //                 [e.target.name]: e.target.value\r\n    //             })\r\n    //         }\r\n    //     }\r\n       \r\n    //     if (e.target.name === \"ddlCallbackType\" ) {\r\n    //         this.currentScheduleTime=e.target.value\r\n    //        if(e.target.value === \"Schedule\"){\r\n    //         this.HandleDateTime('txtCallbackDate');\r\n    //         this.setState({\r\n    //             showPicker: true,\r\n    //             [e.target.name]: e.target.value\r\n    //         })\r\n           \r\n    //     }\r\n    //     else{\r\n    //         this.setState({\r\n    //             showPicker: false,\r\n    //             [e.target.name]: e.target.value,\r\n    //             txtCallbackDate: ''\r\n    //         })\r\n    //     }\r\n    //     }\r\n\r\n       \r\n    //     else {\r\n    //         this.setState({\r\n    //             [e.target.name]: e.target.value\r\n    //         })\r\n    //     }\r\n    //    if(e.target.name===\"ddlCallbackType\" && e.target.value === \"Schedule\"){\r\n    //     // this.HandleDateTime('txtCallbackDate');\r\n    //    }\r\n    //    else if ( e.target.value !== '') {\r\n    //         this.CheckValidation()\r\n    //     }\r\n    //     else {\r\n    //         this.setState({\r\n    //             buttonStage: true\r\n    //         })\r\n    //     }\r\n    // }\r\n    // CheckValidation=()=>{\r\n       \r\n    //     var re = /\\S+@\\S+\\.\\S+/;\r\n    //     if ((document.getElementById('name').value).trim() !== '' && (document.getElementById('email').value).trim() !== '' && re.test(document.getElementById(\"email\").value.trim()) == true && (document.getElementById('mobile').value).trim() !== '' && document.getElementById('project').value !== '-1' && this.currentScheduleTime!=='') {\r\n    //         if ( this.currentScheduleTime === \"Schedule\") {\r\n    //             // alert(\"CheckValidation\",this.state.selectedDate)\r\n    //             if (this.state.selectedDate !== null &&this.state.selectedDate !== \"\") {\r\n    //                 this.setState({\r\n    //                     buttonStage: false\r\n    //                 })\r\n    //             }\r\n    //             else {\r\n    //                 console.log(\"else\")\r\n    //                 this.setState({\r\n    //                     buttonStage: true\r\n    //                 })\r\n    //             }\r\n    //         }\r\n    //         else if(this.currentScheduleTime===\"Now\") {\r\n              \r\n    //             this.setState({\r\n    //                 buttonStage: false\r\n    //             })\r\n    //         }\r\n    //     }\r\n    //     else {\r\n    //         this.setState({\r\n    //             buttonStage: true\r\n    //         })\r\n    //     }\r\n    // }\r\n    // HandleDateTime = (field) => {\r\n    //     console.log(\"filed\", field)\r\n    //     var today = new Date();\r\n    //     let finaldatetime = '';\r\n    //     let timeoptions = {\r\n    //         lang: 'EN', // default 'EN'\r\n    //         format: 'HH:mm', // default 'HH:mm'\r\n    //         // default: '12:27', // default `new Date()`. If `default` type is string, then it will be parsed to `Date` instance by `format` . Or it can be a `Date` instance\r\n    //         minuteStep: 5, // default 5. Select minutes step, must be one of [1, 5, 10]\r\n    //         min: '08:00', // min time value, `{String | Date}`, default `new Date(1900, 0, 1, 0, 0, 0, 0)`\r\n    //         max: '22:00' // max time value, `{String | Date}`, default `new Date(2100, 11, 31, 23, 59, 59, 999)`\r\n\r\n    //     }\r\n    //     let config = {\r\n    //         // day: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\r\n    //         // shortDay: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\r\n    //         // MDW: 'D, MM-d',\r\n    //         // YM: 'yyyy-M',\r\n    //         OK: 'OK',\r\n\r\n    //     }\r\n    //     var DateTimePicker = require('date-time-picker')\r\n    //     let that = this;\r\n    //     var timePicker = new DateTimePicker.Time(timeoptions, config)\r\n    //     let hour = ((today.getHours()).toString()).length == 1 ? '0' + (today.getHours()) : (today.getHours());\r\n    //     let min = (today.getMinutes().toString()).length == 1 ? '0' + today.getMinutes() : today.getMinutes();\r\n    //     let time = hour + \":\" + min;\r\n    //     timePicker.on('selected', function (formatTime, now) {\r\n    //         // formatTime = 18:30\r\n    //         // now = Date instance -> Wed Oct 19 2016 18:30:13 GMT+0800 (CST)\r\n    //         finaldatetime = finaldatetime + ' ' + formatTime;\r\n\r\n    //         that.scheduledTime=finaldatetime\r\n    //         that.setState({\r\n    //             selectedTime: formatTime,\r\n    //             currentTime: time,\r\n    //             [field]: finaldatetime\r\n               \r\n    //         })\r\n    //         that.CheckValidation()\r\n           \r\n    //         // that.editDataObj['txtBookingDate'] = finaldatetime;\r\n    //         // that.setState({ txtBookingDate: finaldatetime })\r\n    //     })\r\n    //     timePicker.on('cleared', function () {\r\n    //         // clicked clear btn\r\n    //         finaldatetime = finaldatetime;\r\n    //         that.scheduledTime=finaldatetime\r\n    //         that.setState({ [field]: finaldatetime })\r\n           \r\n    //         // that.editDataObj['txtBookingDate'] = finaldatetime;\r\n    //         // that.setState({ txtBookingDate: finaldatetime })\r\n    //     })\r\n\r\n\r\n    //     let mon = ((today.getMonth() + 1).toString()).length == 1 ? '0' + (today.getMonth() + 1) : (today.getMonth() + 1);\r\n    //     let day = (today.getDate().toString()).length == 1 ? '0' + today.getDate() : today.getDate();\r\n    //     let date = today.getFullYear() + \"-\" + mon + \"-\" + day;\r\n\r\n\r\n    //     console.log(\"time\", time)\r\n    //     let options = {\r\n    //         lang: 'EN', // default 'EN'. One of 'EN', 'zh-CN'\r\n    //         format: 'yyyy-MM-dd', // default 'yyyy-MM-dd'\r\n    //         // default: '2016-10-19', // default `new Date()`. If `default` type is string, then it will be parsed to `Date` instance by `format` . Or it can be a `Date` instance\r\n    //         min: date, // min date value, `{String | Date}`, default `new Date(1900, 0, 1, 0, 0, 0, 0)`\r\n    //         // max: '2018-11-08' // max date value, `{String | Date}`, default `new Date(2100, 11, 31, 23, 59, 59, 999)`\r\n    //     }\r\n\r\n    //     var datePicker = new DateTimePicker.Date(options, config)\r\n    //     datePicker.on('selected', function (formatDate, now) {\r\n\r\n    //         // formatData = 2016-10-19\r\n    //         // now = Date instance -> Wed Oct 19 2016 20:28:12 GMT+0800 (CST)\r\n    //         finaldatetime = finaldatetime + formatDate;\r\n\r\n    //         that.scheduledTime=finaldatetime\r\n    //         that.setState({\r\n\r\n    //             selectedDate: finaldatetime,\r\n    //             currentDate: date\r\n    //         })\r\n           \r\n    //         that.CheckValidation()\r\n    //     })\r\n\r\n    //     datePicker.on('cleared', function () {\r\n    //         // clicked clear btn\r\n    //         finaldatetime = finaldatetime;\r\n    //     })\r\n       \r\n      \r\n    // }\r\n    //  Submit = () => {\r\n    //     let userBooking = \"\";\r\n    //     console.log(\"object\",this.scheduledTime)\r\n    //     if (this.state.currentDate < this.scheduledTime) {\r\n\r\n    //         userBooking = this.scheduledTime\r\n    //     }\r\n    //     else if (this.state.currentDate === this.scheduledTimete) {\r\n    //         if (this.state.currentTime < this.scheduledTime) {\r\n    //             userBooking = this.scheduledTime\r\n    //         }\r\n    //         else {\r\n    //             userBooking = \"Now\"\r\n    //         }\r\n\r\n    //     }\r\n    //     else if (this.scheduledTime === \"\" ) {\r\n    //         userBooking = \"Now\"\r\n    //     }\r\n    //     else {\r\n    //         userBooking = \"Now\"\r\n    //     }\r\n    //     this.props.parentCallback(this.state.name, this.state.email, this.state.mobile, this.state.project, userBooking)\r\n    // }\r\n    render(){\r\n        let whatsapp_link='https://wa.me/919353516504?text=Hello, I need more details about Residential Projects By  '+this.props.title\r\n        return(\r\n            <section id='contact' className='contact-main-div'>\r\n                <div className='contact-container'>\r\n                    <div className='contact-left-main-div'>\r\n                        <div className='contact-get-details-title'>Get Details by</div>\r\n                        <div className='contact-line'></div>\r\n                      <a href={whatsapp_link} target=\"_blank\">  <button className='contact-whatsapp-btn'>Get Details on WhatsApp<img  src={require('../../assets/img/whatsapp.svg')} className='ml-1'/></button></a>\r\n                    </div>\r\n                    <div className='contact-left-main-div'>\r\n                        <div className='contact-get-details-title'>Contact our Real Estate Experts</div>\r\n                        <div className='contact-line'></div>\r\n                        <button className='contact-get-callback-btn' onClick={()=>this.props.ShowCallbackModal()}><i className='fa fa-phone mr-1'></i> Get a call back</button>\r\n                        <div className='contact-line '></div>\r\n                    </div>\r\n                </div>\r\n                {/* <div className=\"row\"> */}\r\n                      \r\n                 \r\n                           \r\n                   {/* <!-- Modal --> */}\r\n                   {/* <div class=\"modal fade bd-example-modal-sm\" id=\"brochureModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalCenterTitle\" aria-hidden=\"true\">\r\n  <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n    <div class=\"modal-content brochure-modal-content\">\r\n      <div class=\"modal-header brochure-modal-header\">\r\n        <h5 class=\"modal-title brochure-modal-title\" id=\"exampleModalLongTitle\">Download Brochure</h5>\r\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body brochure-modal-body\">\r\n          <div className='row'>\r\n          <div className=\"col-sm-12 col-md-12 col-lg-12\">\r\n                        <form style={{ marginTop: -38 }}>\r\n                            <div class=\"form-row align-items-center\">\r\n                                <div class=\"col-sm-12 col-md-12 col-lg-12\">\r\n                                    <label class=\"sr-only\" for=\"inlineFormInput\">Enter name </label>\r\n                                    <input type=\"text\" class=\"form-control j_forminputf top-border-radius\" id=\"txtBrochureUserName\" name=\"txtBrochureUserName\" onChange={this.props.HandleUserInputsBrochure} placeholder=\"Enter name\" value={this.props.mystate.txtBrochureUserName} />\r\n                                </div>\r\n\r\n                                <div class=\"col-sm-12 col-md-12 col-lg-12\">\r\n                                    <label class=\"sr-only\" for=\"inlineFormInput\">Enter email ID</label>\r\n                                    <input sty type=\"email\" class=\"form-control j_forminputf \" id=\"txtBrochureUserEmail\" name=\"txtBrochureUserEmail\" onChange={this.props.HandleUserInputsBrochure} placeholder=\"Enter email ID\" value={this.props.mystate.txtBrochureUserEmail} />\r\n                                </div>\r\n\r\n                                <div class=\"col-sm-12 col-md-12 col-lg-12\">\r\n                                    <label class=\"sr-only\" for=\"inlineFormInputGroup\">Enter mobile number</label>\r\n                                    <div class=\"input-group\">\r\n                                        <div class=\"input-group-prepend\">\r\n                                            <div class=\"input-group-text bg-light\" style={{ borderRadius: 0 }}>+91</div>\r\n                                        </div>\r\n                                        <input type=\"text\" class=\"form-control j_forminputf  \" maxLength=\"10\" id=\"txtBrochureMobile\" name=\"txtBrochureMobile\" onChange={this.props.HandleUserInputsBrochure} value={this.props.txtBrochureMobile} placeholder=\"Enter mobile number\" />\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                               \r\n                                \r\n                                <div class=\"col-sm-12 col-md-12 col-lg-12\" style={{marginTop:'24px'}}>\r\n                                    <button type=\"button\" className=\"j_btn\" disabled={this.props.mystate.isBtnBrochureEnable} >Download Now</button>\r\n                                </div>\r\n                            </div>\r\n                        </form>\r\n                    </div>\r\n          </div>\r\n     \r\n      </div>\r\n    \r\n    </div>\r\n  </div>\r\n</div> */}\r\n            </section>\r\n        )\r\n    }\r\n}"],"sourceRoot":""}