{"version":3,"sources":["_helpers/HelperFunctions.js","components/Context.js","components/Header.js","components/Loading.js","components/Error.js","components/NavMenu.js","components/Footer.js","components/Layout.js","pages/AboutPage.js","components/ModalFilter.js","components/ServicesNewsCards.js","pages/HomePage.js","pages/ContactUsPage.js","components/Pagination.js","pages/ArticlesPage.js","pages/ServicesPage.js","components/ModalFilterProjects.js","pages/ProjectsPage.js","components/ReadMore.js","pages/ProjectPage.js","pages/PropertyPage.js","pages/NotFoundPage.js","pages/ApplicationPage.js","pages/SearchResultPage.js","pages/ArticlePage.js","pages/JobDetailsPage.js","pages/CareersPage.js","pages/SearchResultProjectsPage.js","pages/AllJobsPage.js","pages/ConnectPage.js","App.js","registerServiceWorker.js","components/Wrapper.js","components/ContextProvider.js","index.js"],"names":["numberWithCommas","x","toString","replace","IntegersRegex","RegExp","IntegersGreaterThanZeroRegex","validEmailRegex","validmobileRegex","validNumbersRegex","validSpacesRegex","validSpecialCharRegex","Toast","Swal","mixin","toast","position","showConfirmButton","timer","GetLang","localStorage","getItem","userLang","navigator","language","userLanguage","setItem","calcNavHeight","$","find","length","css","innerHeight","addClass","removeHeight","removeClass","Context","React","createContext","Header","Component","constructor","props","super","changeText","lang","toLowerCase","window","location","reload","this","state","whatsAppNumber","fetch","method","endpoint","body","response","JSON","stringify","headers","accept","LangCode","ok","json","message","statusText","error","console","setState","menuBodyHandler","top","bottom","handleClickNavMenu","fadeIn","componentDidMount","socialBtns","context","href","document","index","substr","lastIndexOf","filename","split","checkPageLang","substring","render","number","filter","obj","name","showlocale","_jsx","id","className","children","_jsxs","Link","to","src","alt","onClick","value","contextType","Loading","Error","class","style","FormattedMessage","defaultMessage","NavMenu","handleClick","fadeOut","loadingFetch","categories","tabs","url","renderSocialBtns","map","btn","idx","trim","target","rel","cat","indx","targetUrl","description","styleValue","Footer","handleChange","event","preventDefault","errors","email","test","log","validateForm","valid","Object","values","forEach","val","handleSubmit","async","info","isSubmitting","fire","icon","title","onSubmit","autoComplete","placeholder","type","disabled","onChange","_Fragment","textAlign","color","width","fontSize","Layout","_Layout","displayName","AboutPage","openInNewTab","newWindow","open","opener","aboutInfo","teamImages","images","image","isActive","i","onError","e","onerror","dangerouslySetInnerHTML","__html","string5","cursor","files","azureUri","richContent","priceFrom","priceTo","ModalFilter","propertyType","minPriceSearch","maxPriceSearch","minAreaSearch","maxAreaSearch","queryString","paddingRight","history","push","pathname","search","NotFoundHandle","handleClearSearch","rangePrice","data","rangeMeter","reset","slideUp","prop","minPrice","maxPrice","minArea","maxArea","locations","that","ready","SlimSelect","select","showSearch","ionRangeSlider","onStart","text","from","onUpdate","backToSPopupHandle","tabIndex","htmlFor","dir","defaultValue","ServicesNewsCards","sections","sectionsSliceDown","slice","objIndex","findIndex","displayOrdering","maxWidth","Swiper","use","Navigation","Pagination","HomePage","arrOfRent","category","nameENG","arrOfBuy","wantTo","imagesSlider","servicesInfo","projects","headerBottomScrollerChecker","mainHeaderBottom","outerHeight","scrollTop","backToSearchHandle","paddingTop","getElementById","classList","add","scroll","on","firstProjects","direction","loop","pagination","el","clickable","navigation","nextEl","prevEl","autoplay","speed","scrollbar","removeProperty","remove","infoVacation","sectionsSliceTop","video","autoPlay","muted","backgroundImage","section","project","logo","ContactUsPage","firstName","lastName","mobile","massage","showInMapClicked","contactUsInfo","latitude","longitude","address","contactmobileSplit","fax","telephone","float","rows","pager","componentWillMount","items","setPage","initialPage","componentDidUpdate","prevProps","prevState","page","pageSize","totalPages","getPager","pageOfItems","startIndex","endIndex","onChangePage","totalItems","currentPage","startPage","endPage","Math","ceil","min","pages","Array","keys","defaultProps","ArticlesPage","pageInfo","articles","bind","print","article","dateCreated","moment","format","ServicesPage","serviceCategories","serviceCat","services","service","ModalFilterProjects","newID","componentWillReceiveProps","nextProps","updatePropType","ProjectsPage","handleSearchChange","lowercasedValue","searchValue","filteredProjects","includes","match","params","isListProperties","loadFilteredProjects","disabledSearch","categoryInfo","apiCallResult","bool1","dropDown","dropdownElement","iconElement","display","slideDown","onSelect","container","colorCode","click","is","has","marginBottom","backgroundColor","projectLogo","ReadMore","_ref","isReadMore","setIsReadMore","useState","toggleReadMore","ProjectPage","typeID","projectInfo","handleReadMore","content","parents","attr","types","projectID","companyInfo","handleSwiperThumbPhotos","img","modifiedimg","handleSwiperThumbPlans","IsInt","IsGreateThanZero","assign","companyId","slidesPerView","spaceBetween","delay","breakpoints","slideToClickedSlide","observer","observeParents","autoHeight","loopedSlides","freeMode","watchSlidesVisibility","renderFraction","currentClass","totalClass","handleClickFormUp","handleClickFormDown","handleClickPrevPhoto","next","handleClickNextPhoto","handleClickPrevPlan","handleClickNextPlan","handleClickTab","tabName","tab","siblings","string2","contentWindow","postMessage","scrollTo","handleClickCloseModalTab","renderFractionImages","collapseShow","collpase","tmp","lowest","Number","POSITIVE_INFINITY","relatedItems","priceSales","companyLogo","copycompanyLogo","projectsOfSameCompany","each","parent","banner","photosTabSwiper","intialPhotoSwiper","plansTabSwiper","item","height","frameborder","allow","allowfullscreen","paymentPlans","downPayment","installmentsCount","deliveryDate","districtName","typesDetails","typeName","border","allowFullScreen","loading","selected","SwiperCore","Scrollbar","A11y","PropertyPage","propertyInfo","handleCopy","encodeurl","undefined","clipboard","writeText","then","copySatus","err","clipboardData","setData","propertyID","imagesSwiper","imagesShow","renderImgs","projectId","photosShow","genitemImages","photo","create","photo2","handleClickImage","attributes","nodeValue","uri","encodeURI","PhotoImagesCarosul","photosCount","imgsShow","plusNumber","itemImage","diff","divs","componentWillUpdate","nextState","fallbackCopyTextToClipboard","textArea","createElement","left","appendChild","focus","msg","execCommand","removeChild","copyTextToClipboard","adminmail","rentPropertiesOfSameProject","intialImgPhotosTab","intialPhotoShow","specList","spec","specificationIcon","specificationName","amenitiesList","Amenity","classificationName","relatedItem","NotFoundPage","ApplicationPage","hanldeChangeForm","questionID","qList","questID","answervalue","onFileChange","CheckExtension","selectedFile","onFileChangeAddionalFile","addionalFile","desc","quest","some","dynmicQuestions","AnswersQuestionsViewModels","responseFeedbackInfo","formData","FormData","append","axios","post","status","formData2","careerInfo","qaInfo","fileName","que","question","QTypeSwiper","questionType","string3","answerInfos","answer","answerID","marginTop","multiple","SearchResultPage","price","unit","searchResult","URLSearchParams","get","property","companyImage","ArticlePage","articleInfo","dateCreatedModel","JobDetailsPage","infoPage","handleAnimateDown","animate","offset","CareersPage","careers","targetHeight","spaceOfContainer","string1","SearchResultProjectsPage","AllJobsPage","ConnectPage","conatctInfoPage","wikis","wiki","App","ReactGA","initialize","send","hitType","Switch","Redirect","Route","exact","path","component","_App","isLocalhost","Boolean","hostname","registerValidSW","swUrl","serviceWorker","register","registration","onupdatefound","installingWorker","installing","onstatechange","controller","catch","local","Arabic","English","Wrapper","locale","setLocale","messages","setMessages","Provider","selectLanguage","newLocale","IntlProvider","ContextProvider","baseUrl","getElementsByTagName","getAttribute","rootElement","ReactDOM","BrowserRouter","basename","URL","process","origin","addEventListener","indexOf","unregister","checkValidServiceWorker","registerServiceWorker"],"mappings":"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","file":"static/js/main.ae2d1db1.chunk.js","sourcesContent":["import Swal from 'sweetalert2/dist/sweetalert2.all.min.js'\nimport $ from 'jquery';\n\nexport function numberWithCommas(x) {\n    return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n}\nexport const IntegersRegex = RegExp(/^\\d+$/);\nexport const IntegersGreaterThanZeroRegex = RegExp(/^[1-9][0-9]*$/);\nexport const validEmailRegex = RegExp(/^(([^<>()\\[\\]\\.,;:\\s@\\\"]+(\\.[^<>()\\[\\]\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@(([^<>()[\\]\\.,;:\\s@\\\"]+\\.)+[^<>()[\\]\\.,;:\\s@\\\"]{2,})$/i);\nexport const validmobileRegex = RegExp(/^01[0-2,5]\\d{8}$/);\nexport const validNumbersRegex = RegExp(/^([^0-9]*)$/);\nexport const validSpacesRegex = RegExp(/^\\S*$/);\nexport const validSpecialCharRegex = RegExp(/^[^<>'\\\"/;`%@]*$/);\n\nexport const Toast = Swal.mixin({\n    toast: true,\n    position: 'bottom-end',\n    showConfirmButton: false,\n    timer: 4000\n});\n\nexport const AboutIDParam = 5;\nexport const PressIDParam = 2;\nexport const ServiceIDParam = 1;\nexport const CareersApplicationIDParam = 2;\nexport const CareersIDParam = 2;\nexport const ConnectIDParam = 3;\nexport const HomeIDParam = 4;\nexport const TabsNavMenu = 10004;\n\n\n\n\n\n\nexport function GetLang() {\n    if (localStorage.getItem(\"lang\") === null) {\n        var userLang = navigator.language || navigator.userLanguage;\n        if (userLang === \"en\" || userLang === \"ar\") {\n            localStorage.setItem(\"lang\", userLang);\n            return userLang;\n        }\n        else {\n            localStorage.getItem(\"lang\",\"en\");\n            return \"en\";\n        }\n    } else\n        return localStorage.getItem(\"lang\");\n}\n\nexport function AddActiveNavAndPadding() {\n    document.body.style.paddingTop = '66.6406px';\n    var element = document.getElementById(\"nav\");\n    element.classList.add(\"active-page\");   \n}\n\n// Calc Nav height to set padding to body\nexport function calcNavHeight() {\n    if ($(\"body\").find(\"#headerScroller\").length == 0) {\n        $(\"body\").css(\"paddingTop\", $(\"#nav\").innerHeight() + \"px\");\n        $(\"#nav\").addClass(\"active-page\");\n    }\n}\n\n// Calc Nav height to set padding to body\nexport function removeHeight() {\n    if ($(\"body\").find(\"#headerScroller\").length == 0) {\n        $(\"body\").css(\"paddingTop\", \"\");\n        $(\"#nav\").removeClass(\"active-page\");\n    }\n}\n\n\n","import React from 'react';\n\nconst Context = React.createContext();\n\nexport default Context;\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport $ from 'jquery';\nimport SlimSelect from 'slim-select'\nimport 'bootstrap/dist/js/bootstrap.bundle.min';\nimport { GetLang } from '../_helpers/HelperFunctions'\nimport { FormattedMessage } from 'react-intl';\nimport Context from '../components/Context';\n\n\nexport class Header extends Component {\n    static contextType = Context;  \n\n    constructor(props) {\n        super(props);\n        this.state = {\n           whatsAppNumber: ''          \n        };\n    }\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    changeText = (lang) => {\n\n        if (lang.toLowerCase() ==\"arabic\")\n            localStorage.setItem(\"lang\", \"ar\");\n        else\n            localStorage.setItem(\"lang\", \"en\");\n\n        window.location.reload();\n\n        //if (context.locale == 'en') {\n        //    context.selectLanguage('ar')\n        //} else {\n        //    context.selectLanguage('en')\n        //}\n    }\n    // Flexable Menu Body\n    menuBodyHandler() {\n        var top = $(\"#menuTop\").innerHeight();\n        var bottom = $(\"#menuBottom\").innerHeight();\n        $(\"#menuBody\").css(\"height\", `calc(100vh - ${top + bottom}px)`);\n    }\n    handleClickNavMenu() {\n        $(\"#menuContainer\").fadeIn(600);\n        this.menuBodyHandler();\n    }\n    async componentDidMount() {\n        const { socialBtns } = this.context;\n\n        // let whatsAppNumber = await this.fetch('GET', \"Generic/GetSocialBtns\");\n        // Language\n        $(function () {\n            // Get Page Name\n             var href = document.location.href;\n             var lastPathSegment = href.substr(href.lastIndexOf(\"/\") + 1);\n\n             // Get Page Lang ar\n             var index = document.location.href.lastIndexOf(\"/\") + 1;\n             var filenameWithExtension = document.location.href.substr(index);\n             var filename = filenameWithExtension.split(\".\")[0]; // Get File Name Without Extension\n             var checkPageLang = filename.substr(filename.length - 2);\n             var removeLatestAr = filename.substring(0, filename.length - 3);\n\n             function checkPageUrlLang() {\n               if (localStorage.getItem(\"lang\") == \"en\" && checkPageLang == \"ar\") {\n                 window.location.href = \"index.html\";\n               }\n             }\n             checkPageUrlLang();\n\n            function checkLangDir() {\n                 if (localStorage.getItem(\"lang\") == \"ar\") {\n                   $(\"body\").addClass(\"rtl\");\n                 } else {\n                   $(\"body\").removeClass(\"rtl\");\n                 }\n            }\n            checkLangDir();\n\n             function redirectToPageLang() {\n               //if (localStorage.getItem(\"lang\") == \"ar\") {\n               //  window.location.href = `${filename}_ar.html`;\n               //} else {\n               //  window.location.href = `${removeLatestAr}.html`;\n                 //}\n                 window.location.reload();\n             }\n\n            //$(\n            //    \"select#changeLang option[value=\" + localStorage.getItem(\"lang\") + \"]\"\n            //).attr(\"selected\", \"selected\");\n            //$(\"#changeLang\").on(\"change\", function () {\n            //    var lang = $(this).val();\n            //    // Set Lang\n            //    localStorage.setItem(\"lang\", lang);\n            //    redirectToPageLang();\n            //});\n            //new SlimSelect({\n            //    select: \"#changeLang\",\n            //    showSearch: false,\n            //    hideSelectedOption: true,\n            //    // selected: localStorage.getItem(\"lang\"),\n            //    // disabled: false,\n            //    // selected: false,\n            //    // allowDeselectOption: false,\n            //    // hideSelectedOption: true,\n            //    onChange: (info) => {\n            //        console.log(info.value);\n            //    },\n            //});\n        });\n        await this.setState({ whatsAppNumber: socialBtns });\n\n    }\n    render() {\n        let { whatsAppNumber } = this.state;\n        let number = whatsAppNumber && whatsAppNumber.filter(obj => {\n            return obj.name == \"WhatsAppNumber\"\n        })\n        let className = 'nav';\n\n        var showlocale = 'English';\n\n        if (localStorage.getItem(\"lang\") == 'en') {\n            showlocale = 'Arabic'\n        } \n\n        return (\n            <nav id=\"nav\" className={className}>\n                <div className=\"container-fluid\">\n                    <div className=\"navbar\">\n                        <div className=\"nav-logo\">\n                            <Link to=\"/\"><img src=\"assets/img/logo.svg\" className=\"img-fluid\" alt=\"\" /></Link>\n                        </div>\n                        <div className=\"nav-icons flex-center\">\n                            <div className=\"nav-icon-btn nav-btn-select\">\n                                <div className=\"selectbox-slim selectbox-language\">\n                                    <button\n                                        className=\"btn btn-transparent text-white\"\n                                        onClick={() => { this.changeText(showlocale) }}>\n                                        {showlocale.toLowerCase() == \"arabic\" ? \"عربى\" :\"English\"}\n                                    </button>\n                                    {/*<select id=\"changeLang\">*/}\n                                    {/*    <option value=\"en\">ENG</option>*/}\n                                    {/*    <option value=\"ar\">عربي</option>*/}\n                                    {/*</select>*/}\n                                </div>\n                            </div>\n                            <div className=\"nav-icon-btn\"><span className=\"icon-telephone icon\" />\n                                <a href={number && number[0] && \"tel:\" + number[0].value} className=\"tel-dropdown\">{number && number[0] && number[0].value} </a>\n                            </div>\n                            {/*<div className=\"nav-icon-btn\"><a href=\"login.html\"><span className=\"icon-user icon\" /></a></div>*/}\n                            <div id=\"openMenu\" className=\"nav-icon-btn\" onClick={() => this.handleClickNavMenu()}>\n                                <div className=\"menu-bar\">\n                                    <span />\n                                    <span />\n                                    <span />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </nav>\n        )\n    }\n}\n","import React, { Component } from 'react'\n\nexport class Loading extends Component {\n    render() {\n        return (\n            <div className=\"windows8 loadDiv\" > {/*style={{margin:'0 auto',marginTop:'6%',paddingBottom:'10px'}}*/}\n                <div className=\"wBall\" id=\"wBall_1\">\n                    <div className=\"wInnerBall\"></div>\n                </div>\n                <div className=\"wBall\" id=\"wBall_2\">\n                    <div className=\"wInnerBall\"></div>\n                </div>\n                <div className=\"wBall\" id=\"wBall_3\">\n                    <div className=\"wInnerBall\"></div>\n                </div>\n                <div className=\"wBall\" id=\"wBall_4\">\n                    <div className=\"wInnerBall\"></div>\n                </div>\n                <div className=\"wBall\" id=\"wBall_5\">\n                    <div className=\"wInnerBall\"></div>\n                </div>\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport { FormattedMessage } from 'react-intl';\n\nexport class Error extends Component {\n    render() {\n        return (\n            <div class=\"wrapper-container\">\n                <div className=\"loadDiv\" style={{ \"marginLeft\": \"34%\", \"marginRight\": \"28%\" }}>  {/*style={{ marginLeft: 'auto', marginRight: 'auto' }}*/}\n                    <h1><img src={`assets/img/icons/error.svg`} className=\"img-fluid selected-item-logo\" alt=\"\" /><FormattedMessage\n                        id='error'\n                        defaultMessage='There is an error, Try later.'\n                    /></h1>\n                </div>\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport { Link } from 'react-router-dom';\nimport $ from 'jquery';\nimport { FormattedMessage } from 'react-intl';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { GetLang, TabsNavMenu } from '../_helpers/HelperFunctions';\nimport Context from '../components/Context';\n\n\nexport class NavMenu extends Component {\n    static contextType = Context;\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            error: '',\n            socialBtns: '',\n            loadingFetch: true,\n            categories: '',\n            tabs: '',\n        };\n    }\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    async componentDidMount() {\n        const { socialBtns, categories } = this.context;\n        \n        //await this.fetch('GET', \"Generic/GetCategories\")\n        this.setState({ categories: categories , tabs: await this.fetch('GET', \"Wiki/GetByCategory/\" + TabsNavMenu), socialBtns: socialBtns, loadingFetch: false });\n    }\n\n    handleClick = () => {\n        $(\"#menuContainer\").fadeOut(600);\n    }\n\n    render() {\n        let { categories, error, loadingFetch, tabs, socialBtns } = this.state;\n        var url;\n        var renderSocialBtns = socialBtns && socialBtns.map(function (btn, idx) {\n            switch (btn.name) {\n                case \"showfacebook\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"facebookurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '') {\n                        //console.log(true)\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" key={idx} className=\"social-icon opacity-hover\">\n                            <i className=\"fab fa-facebook-f\" />\n                        </a>\n                    }\n                    break;\n                case \"showlinkedin\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"linkedinurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" key={idx} className=\"social-icon opacity-hover\">\n                            <i className=\"fab fa-linkedin-in\" />\n                        </a>\n\n                    break;\n                case \"showinsta\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"instaUrl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" key={idx} className=\"social-icon opacity-hover\">\n                            <i className=\"fab fa-instagram\" />\n                        </a>\n                    break;\n                case \"showyoutube\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"youtubeurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" key={idx} className=\"social-icon opacity-hover\">\n                            <i className=\"fab fa-youtube\" />\n                        </a>\n                    break;\n                default:\n                    return null;\n\n            }\n        })\n\n        return (\n            <div id=\"menuContainer\" className=\"menu-container\">\n                <div className=\"menu-wrapper\">\n                    <div id=\"menuTop\" className=\"menu-top\">\n                        <nav className=\"nav\">\n                            <div className=\"container-fluid\">\n                                <div className=\"navbar\">\n                                    <div className=\"nav-logo\">\n                                        <Link to=\"/\"><img src=\"assets/img/logo-black.svg\" className=\"img-fluid\" alt=\"\" onClick={() => this.handleClick()} /></Link>\n                                    </div>\n                                    <div id=\"closeMenu\" className=\"nav-icons flex-center\" onClick={() => this.handleClick()}>\n                                        <div className=\"nav-icon-btn\"><span className=\"icon-cancel black-color icon\" /></div>\n                                    </div>\n                                </div>\n                            </div>\n                        </nav>\n                    </div>\n                    <div id=\"menuBody\" className=\"menu-body\">\n                        <div className=\"container-fluid\">\n                            {loadingFetch === true ? <Loading /> :\n                                <div className=\"menu-body-row d-flex justify-content-between\">\n                                    <div className=\"menu-sidebar\">\n\n\n                                        {tabs && tabs.length !== 0 && tabs.map((cat,indx) =>\n                                            <a className=\"ms-link flex-center\" key={indx} href={cat && cat.targetUrl} onClick={() => this.handleClick()} >\n                                                <div className=\"ms-text\">\n                                                    <div className=\"ms-sub-title text-uppercase\">\n                                                        {cat && cat.description}\n                                                    </div>\n                                                    <div className=\"title\">\n                                                        {cat && cat.name}\n                                                   </div>\n                                                </div>\n                                                <div className=\"ms-icon\">\n                                                    <span className=\"icon-arrow-right icon\" />\n                                                </div>\n                                            </a>\n                                        )}\n                                        {/*<Link className=\"ms-link flex-center\" to={\"/About\"} onClick={() => this.handleClick()} >*/}\n                                        {/*    <div className=\"ms-text\">*/}\n                                        {/*        <div className=\"ms-sub-title text-uppercase\"><FormattedMessage*/}\n                                        {/*            id='About_us'*/}\n                                        {/*            defaultMessage='About Us'*/}\n                                        {/*        /></div>*/}\n                                        {/*        <div className=\"title\"><FormattedMessage*/}\n                                        {/*            id='Who_we_are'*/}\n                                        {/*            defaultMessage='Who we are'*/}\n                                        {/*        /></div>*/}\n                                        {/*    </div>*/}\n                                        {/*    <div className=\"ms-icon\">*/}\n                                        {/*        <span className=\"icon-arrow-right icon\" />*/}\n                                        {/*    </div>*/}\n                                        {/*</Link>*/}\n                                        {/*<Link className=\"ms-link flex-center\" to={\"/Services\"} onClick={() => this.handleClick()} >*/}\n                                        {/*    <div className=\"ms-text\">*/}\n                                        {/*        <div className=\"ms-sub-title text-uppercase\"><FormattedMessage*/}\n                                        {/*            id='Our_services'*/}\n                                        {/*            defaultMessage='Our Services'*/}\n                                        {/*        /> </div>*/}\n                                        {/*        <div className=\"title\"><FormattedMessage*/}\n                                        {/*            id='Properties_Management'*/}\n                                        {/*            defaultMessage='Properties Management'*/}\n                                        {/*        /> </div>*/}\n                                        {/*    </div>*/}\n                                        {/*    <div className=\"ms-icon\">*/}\n                                        {/*        <span className=\"icon-arrow-right icon\" />*/}\n                                        {/*    </div>*/}\n                                        {/*</Link>*/}\n                                        {/*<Link className=\"ms-link flex-center\" to={\"/ContactUs\"} onClick={() => this.handleClick()} >*/}\n                                        {/*    <div className=\"ms-text\">*/}\n                                        {/*        <div className=\"title\"><FormattedMessage*/}\n                                        {/*            id='ContactUs'*/}\n                                        {/*            defaultMessage='Contact us'*/}\n                                        {/*        /></div>*/}\n                                        {/*    </div>*/}\n                                        {/*    <div className=\"ms-icon\">*/}\n                                        {/*        <span className=\"icon-arrow-right icon\" />*/}\n                                        {/*    </div>*/}\n                                        {/*</Link>*/}\n                                        {/*<Link className=\"ms-link flex-center\" to={\"/Careers\"} onClick={() => this.handleClick()} >*/}\n                                        {/*    <div className=\"ms-text\">*/}\n                                        {/*        <div className=\"title\"><FormattedMessage*/}\n                                        {/*            id='Careers'*/}\n                                        {/*            defaultMessage='Careers'*/}\n                                        {/*        /></div>*/}\n                                        {/*    </div>*/}\n                                        {/*    <div className=\"ms-icon\">*/}\n                                        {/*        <span className=\"icon-arrow-right icon\" />*/}\n                                        {/*    </div>*/}\n                                        {/*</Link>*/}\n                                    </div>\n                                    <div className=\"menu-body-cards\">\n                                        {error === '' ?\n                                            <div className=\"menu-body-grid\">\n                                                {categories && categories.length !== 0 && categories.map((cat,indx) =>\n                                                    <Link className=\"mbg-card flex-center\" key={indx} to={\"/Projects/\" + cat.id} onClick={() => this.handleClick()} >\n                                                        <span className={cat.styleValue + \" icon\"} />\n                                                        <div className=\"mbg-title\">\n                                                            {cat.name}\n                                                            {/*    <FormattedMessage*/}\n                                                            {/*    id={cat.name.toLowerCase()}*/}\n                                                            {/*    defaultMessage=*/}\n                                                            {/*/>*/}\n                                                        </div>\n                                                    </Link>\n                                                )}\n                                                {/*<Link className=\"mbg-card flex-center\" to={\"/Projects/All\"} onClick={() => this.handleClick()} >*/}\n                                                {/*    <span className=\"icon-diamond icon\" />*/}\n                                                {/*    <div className=\"mbg-title\"><FormattedMessage*/}\n                                                {/*        id='ExclusiveProjects'*/}\n                                                {/*        defaultMessage='Exclusive Projects'*/}\n                                                {/*    /></div>*/}\n                                                {/*</Link>*/}\n                                            </div> : ''}\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                    <div id=\"menuBottom\" className=\"menu-bottom\">\n                        <div className=\"container-fluid\">\n                            <div className=\"footer-bottom flex-center justify-content-between\">\n                                <div className=\"text black-color\"><FormattedMessage\n                                    id='rights'\n                                    defaultMessage='Capital Lords 2021 © All rights reserved'\n                                /></div>\n                                {/*<div className=\"footer-b-links\">*/}\n                                {/*    <a href=\"#\">Cookies Policy</a>*/}\n                                {/*    <a href=\"#\">Legal Notice</a>*/}\n                                {/*    <a href=\"#\">Privacy Policy </a>*/}\n                                {/*    <a href=\"#\">Sit map</a>*/}\n                                {/*</div>*/}\n                                <div className=\"menu-socialmedia flex-center\">\n                                    <div className=\"text ml-2 mr-2\"><FormattedMessage\n                                        id='Follow_us_on'\n                                        defaultMessage='Follow us on'\n                                    /></div>\n                                    <div className=\"menu-social\">\n                                        {renderSocialBtns}\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport { Link } from 'react-router-dom';\nimport { FormattedMessage } from 'react-intl';\nimport { GetLang, validEmailRegex, Toast } from '../_helpers/HelperFunctions';\nimport Context  from '../components/Context';\n\n\nexport class Footer extends Component {\n    static contextType = Context;  \n    constructor(props) {       \n        super(props);\n        this.state = {\n            categories: '',\n            socialBtns: '',\n            email: '',\n            isSubmitting: false,\n            errors: {\n                email: ''\n            }\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                if (method === \"POST\") {\n                    Toast.fire({\n                        icon: 'error',\n                        title: \"There is an error, Try later.\"\n                    })\n                } else\n                    throw error;\n            } else {\n                if (method == \"POST\") {\n                    Toast.fire({\n                        icon: 'success',\n                        title: \"Your massage was sent successfully.\"\n                    })\n                    await this.setState({ email: '' });\n                }\n                return await response.json();\n            }\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    handleChange = (event) => {\n        event.preventDefault();\n        let { name, value } = event.target;\n        let { errors } = this.state;\n        let emptyField = '';\n\n        switch (name) {\n            case 'email':\n                errors.email = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.email == '')\n                    errors.email = validEmailRegex.test(value) ? '' : 'Invalid_email';\n                break;\n            default:\n                break;\n        }\n\n        this.setState({ errors, [name]: value }, () => {\n            console.log(errors)\n        })\n    }\n\n    validateForm = (errors, state) => {\n        let valid = true;\n        if (state.email == '')\n            errors.email = \"This_field_is_required\";\n\n        Object.values(errors).forEach(\n            // if we have an error string set valid to false\n            (val) => val.length > 0 && (valid = false)\n        );\n\n        this.setState({ errors }, () => {\n            console.log(errors)\n        })\n        return valid;\n    }\n\n    handleSubmit = async (event) => {\n        event.preventDefault();\n        let { errors, email, } = this.state;\n        let body = { \"email\": email };\n\n        if (this.validateForm(errors, this.state)) {\n            console.info('Valid Form');\n            this.setState({ isSubmitting: true });\n            await this.fetch('POST', \"NewsLetter/AddSubscriber\", email)\n            this.setState({ isSubmitting: false, email: '' });\n        } else {\n            console.error('Invalid Form')\n        }\n    }\n\n\n\n    async componentDidMount() {\n        const { socialBtns, categories } = this.context;\n\n        //await this.fetch('GET', \"Generic/GetCategories\")\n        this.setState({ categories , socialBtns: socialBtns}); // socialBtns: await this.fetch('GET', \"Generic/GetSocialBtns\")\n    }\n\n    render() {\n        let { categories, email, errors, isSubmitting, socialBtns } = this.state;\n        let lang = GetLang();\n        var url;\n        var renderSocialBtns = socialBtns && socialBtns.map(function (btn, idx) {\n           // console.log(btn);\n            switch (btn.name) {\n                case \"showfacebook\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"facebookurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '') {\n                        //console.log(true)\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" key={idx} className=\"social-icon\">\n                            <i className=\"fab fa-facebook-f\" />\n                        </a>;\n                    }\n                    break;\n                case \"showlinkedin\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"linkedinurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" key={idx} className=\"social-icon\">\n                            <i className=\"fab fa-linkedin-in\" />\n                        </a>;\n                    break;\n                case \"showinsta\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"instaUrl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" key={idx} className=\"social-icon\">\n                            <i className=\"fab fa-instagram\" />\n                        </a>;\n                    break;\n                case \"showyoutube\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"youtubeurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" key={idx} className=\"social-icon\">\n                            <i className=\"fab fa-youtube\" />\n                        </a>;\n                    break;\n                default:\n                    return null;\n\n            }\n        })\n\n        return (\n            <footer className=\"footer\" >\n                <div className=\"container-fluid\">\n                    <div className=\"footer-content\">\n                        <div className=\"footer-top\">\n                            <div className=\"footer-logo\">\n                                <Link to=\"/\"><img src=\"assets/img/logo.svg\" className=\"img-fluid\" alt=\"\" /></Link>\n                            </div>\n                            <div className=\"footer-links\">\n                                <div className=\"footer-title\">Capital Lords</div>\n                                <div className=\"footer-link\"><Link to=\"/About\"><FormattedMessage\n                                    id='About_us'\n                                    defaultMessage='About Us'\n                                /></Link></div>\n                                <div className=\"footer-link\"><Link to=\"/ContactUs\"><FormattedMessage\n                                    id='ContactUs'\n                                    defaultMessage='Contact Us'\n                                /></Link></div>\n                                <div className=\"footer-link\"><Link to=\"/Press\"><FormattedMessage\n                                    id='Press'\n                                    defaultMessage='Press'\n                                /></Link></div>\n                                <div className=\"footer-link\"><Link to=\"/Careers\"><FormattedMessage\n                                    id='Careers'\n                                    defaultMessage='Careers'\n                                /></Link></div>\n                            </div>\n                            <div className=\"footer-links\">\n                                <div className=\"footer-title\"><FormattedMessage\n                                    id='Projects'\n                                    defaultMessage='Projects'\n                                /></div>\n                                {/*<div className=\"footer-link\">*/}\n                                {/*    <Link to={\"/Projects/All\"}><FormattedMessage*/}\n                                {/*    id='all'*/}\n                                {/*    defaultMessage='All'*/}\n                                {/*/></Link>*/}\n                                {/*</div>*/}\n                                {categories && categories.length !== 0 && categories.map((cat, indx) =>\n                                    <div className=\"footer-link\" key={indx}><Link to={\"/Projects/\" + cat.id}>\n                                        {cat.name}\n                                        {/*    <FormattedMessage*/}\n                                        {/*    id={cat.name.toLowerCase()}*/}\n                                        {/*    defaultMessage={cat.name}*/}\n                                        {/*/>*/}\n                                    </Link></div>\n                                )}\n                            </div>\n                            <div className=\"footer-links\">\n                                <div className=\"footer-title\"><FormattedMessage\n                                    id='Services'\n                                    defaultMessage='Services'\n                                /> </div>\n                                <div className=\"footer-link\"><Link to=\"/Services\"><FormattedMessage\n                                    id='Our_services'\n                                    defaultMessage='Our services'\n                                /></Link></div>\n                            </div>\n                            <div className=\"footer-contact\">\n                                <div className=\"footer-title\"><FormattedMessage\n                                    id='News&Offers'\n                                    defaultMessage='News &amp; Offers'\n                                />\n                                </div>\n                                <form onSubmit={this.handleSubmit} autoComplete=\"off\" method=\"post\">\n                                    <div className=\"footer-contact-group mb-3\">\n                                        <FormattedMessage id=\"YourEmailhere\"\n                                            defaultMessage=\"Your Email here\">\n                                            {placeholder =>\n                                                <input type=\"text\" disabled={isSubmitting} placeholder={placeholder} name=\"email\" value={email} onChange={this.handleChange} />\n                                            }\n                                        </FormattedMessage>\n                                        <div className=\"button-default bt-black\">\n                                            <button type=\"submit\" disabled={isSubmitting}>{isSubmitting ? <>\n                                                <i class=\"fab fa-spinner fa-pulse\"></i> <FormattedMessage\n                                                    id='Waiting'\n                                                    defaultMessage='Waiting...'\n                                                />\n                                            </> : <>\n                                                    <FormattedMessage\n                                                        id='Subscribe'\n                                                        defaultMessage='Subscribe'\n                                                    /> <span className=\"icon-arrow-right icon\" />\n                                                </>\n                                            }</button>\n                                        </div>\n                                    </div>\n                                    {errors.email.length > 0 &&\n                                        <div style={{\n                                            textAlign: lang == 'ar' ? 'right' : 'left'\n                                        }}>\n                                            <font style={{ color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                <FormattedMessage\n                                                    id={errors.email}\n                                                    defaultMessage=\"Invalid email\"\n                                                />\n                                            </font>\n                                        </div>\n                                    }\n                                </form>\n                                <div className=\"text mb-4 white-color\">\n                                    <FormattedMessage\n                                        id='SignUpNews'\n                                        defaultMessage='Sign up to receive exclusive news and offers about the latest launches'\n                                    />\n                                </div>\n                                <div className=\"socialmedia flex-center justify-content-between white-color\">\n                                    <div className=\"follow-text\"><FormattedMessage\n                                        id='Follow_us_on'\n                                        defaultMessage='Follow us on'\n                                    /></div>\n                                    <div className=\"follow-line\" />\n                                    <div className=\"social-icons\">\n                                        {renderSocialBtns}\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"footer-bottom flex-center justify-content-between\">\n                            <div className=\"text white-color\"><FormattedMessage\n                                id='rights'\n                                defaultMessage='Capital Lords 2021 © All rights reserved'\n                            /></div>\n                            {/*<div className=\"footer-b-links\">*/}\n                            {/*    <a href=\"#\">Cookies Policy</a>*/}\n                            {/*    <a href=\"#\">Legal Notice</a>*/}\n                            {/*    <a href=\"#\">Privacy Policy </a>*/}\n                            {/*    <a href=\"#\">Sit map</a>*/}\n                            {/*</div>*/}\n                        </div>\n                    </div>\n                </div>\n            </footer >\n        )\n    }\n}\n","import React, { Component } from 'react';\nimport { Header } from './Header';\nimport { NavMenu } from './NavMenu';\nimport { Footer } from './Footer';\n\n\nexport class Layout extends Component {\n    static displayName = Layout.name;\n    render() {\n        return (\n            <>\n                <Header />\n                <NavMenu />\n                {this.props.children}\n                <Footer />\n            </>\n        );\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/about-services.css';\nimport '../css/rtl.css';\nimport { Link } from 'react-router-dom';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { AboutIDParam, GetLang, calcNavHeight } from '../_helpers/HelperFunctions';\nimport { FormattedMessage } from 'react-intl';\n\nexport class AboutPage extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            aboutInfo: '',\n            loadingFetch: true,\n            error: '',\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n    openInNewTab = (url) => {\n        const newWindow = window.open(url, '_blank', 'noopener,noreferrer')\n        if (newWindow) newWindow.opener = null\n    }\n\n    async componentDidMount() {\n        calcNavHeight();\n        this.setState({ loadingFetch: true, aboutInfo: await this.fetch('GET', \"Wiki/GetAbout/\" + AboutIDParam), loadingFetch: false });\n        calcNavHeight();\n    }\n\n    openInNewTab = (url) => {\n        const newWindow = window.open(url, '_blank', 'noopener,noreferrer')\n        if (newWindow) newWindow.opener = null\n    }\n\n\n    render() {\n        document.title = \"About\";\n        let { error, aboutInfo, loadingFetch } = this.state;\n\n        const teamImages = aboutInfo && aboutInfo.images.filter(image => image.isActive != true);\n\n        for (var i = 0; i < teamImages.length; i++) {\n            if (teamImages[i].image)\n                teamImages[i].image = teamImages[i].image.replace(\"M_\", \"TI_\");           \n        }\n        \n        if (error)\n            return <Error />\n        return (\n            <div className=\"wrapper-container\">\n                {/* About Header */}               \n                {loadingFetch === true ? <Loading /> :\n                    <>\n                        <div className=\"about-header\">\n                            {(() => {\n                                if (aboutInfo && aboutInfo.image == null) {\n                                    return <img src=\"assets/img/about.png\" className=\"img-fluid animated fadeInLeft\" alt=\"\" />\n                                }\n                                else {\n                                    return <img src={aboutInfo && aboutInfo.image} className=\"img-fluid animated fadeInLeft\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/about.png\" }} />\n                                }\n                                })()}\n                        </div>\n                        <div className=\"about-container\">\n                            <div className=\"container-fluid\">\n                                <div className=\"about-content\">\n                                    <div className=\"about-flexable d-flex justify-content-between\">\n                                        <div className=\"about-data\">\n                                            <div className=\"about-text-container\">\n                                                <div className=\"sub-title\">{aboutInfo && aboutInfo.name}</div>\n                                                <div className=\"bg-title text-uppercase\">\n                                                    <FormattedMessage\n                                                        id=\"Who_we_are\"\n                                                        defaultMessage=\"Who we are\"\n                                                    />  </div>\n                                                <div className=\"text\">\n                                                    <div dangerouslySetInnerHTML={{ __html: aboutInfo && aboutInfo.string5 }}></div>\n                                                </div>\n                                            </div>\n                                            <div className=\"about-text-container\">\n                                                <div className=\"bg-title text-uppercase\">  <FormattedMessage\n                                                    id=\"What_Makes_Us_Different\"\n                                                    defaultMessage=\"What Makes Us Different?\"\n                                                /> </div>\n                                                <div className=\"text\">   {aboutInfo && aboutInfo.description}   </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"about-sidebar\">\n                                            <div className=\"download-btn mb-5\">\n                                                <div style={{ cursor: 'pointer' }} onClick={(e) => { this.openInNewTab(aboutInfo && aboutInfo.files && aboutInfo.files[0] && aboutInfo.files[0].azureUri) }} className=\"dl-btn text-center\"> <FormattedMessage\n                                                id=\"DownloadOurProfile\"\n                                                defaultMessage=\"Download Our Profile\"\n                                                /></div>\n                                            </div>\n                                            <div className=\"about-text-container\">\n                                                <div className=\"title text-uppercase\"><FormattedMessage\n                                                    id=\"VisionMission\"\n                                                    defaultMessage=\"Vision &amp; Mission\"\n                                                />  </div>\n                                                <div className=\"text\"> {aboutInfo && aboutInfo.richContent}</div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div className=\"about-team\">\n                                        <div className=\"bg-title text-uppercase\"><FormattedMessage\n                                            id=\"MeetOurTeam\"\n                                            defaultMessage=\"Meet Our Team\"\n                                        /></div>\n                                        <div className=\"team-grid\">\n                                            {teamImages && teamImages.map(image =>\n                                                <div className=\"person-card animated fadeInLeft\" key={image && image.id}>\n                                                    {image && image.image == null ? <img src=\"assets/img/notfound.png\" className=\"img-fluid animated fadeInLeft\" alt=\"\" />\n                                                        : <img src={image && image.image} className=\"img-fluid animated fadeInLeft\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                    <div className=\"person-data\">\n                                                        <div className=\"person-name\">{image && image.name}</div>\n                                                        <div className=\"person-position\">{image && image.description}</div>\n                                                    </div>\n                                                </div>\n                                            )}\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </>\n                }\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react';\nimport $ from 'jquery';\nimport 'bootstrap/dist/js/bootstrap.bundle.min';\nimport ionRangeSlider from 'ion-rangeslider';\nimport { numberWithCommas } from '../_helpers/HelperFunctions'\nimport { Loading } from '../components/Loading';\nimport SlimSelect from 'slim-select'\nimport { GetLang } from '../_helpers/HelperFunctions'\nimport { FormattedMessage } from 'react-intl';\nimport Context from '../components/Context';\n\n\n\nconst priceFrom = 500000;\nconst priceTo = 3000000;\nconst areaFrom = 50;\nconst areaTo = 300;\n\nexport class ModalFilter extends Component {\n    static contextType = Context;\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            minPriceSearch: 500000,\n            maxPriceSearch: 3500000,\n            minAreaSearch: 50,\n            maxAreaSearch: 1000,\n            propertyType: '',\n            location: '',\n            locations: '',\n            categories: '',\n            loadingFetch: true,\n            error: ''\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    async componentDidMount() {\n         const { categories } = this.context;\n\n         let that = this;\n         //let categories = await this.fetch('GET', \"Generic/GetCategories\");\n         let locations = await this.fetch('GET', \"Projects/GetDistricts\")\n         this.setState({ locations, location: locations && locations[0] && locations[0].id, categories, propertyType: categories && categories[0] && categories[0].id, loadingFetch: false }); \n\n        if (this.state.error === '' && this.state.loadingFetch === false) {\n            $(document).ready(function () {\n                new SlimSelect({\n                    select: \"#propertyTypeModal\",\n                    showSearch: false,\n                    onChange: (info) => {\n                        console.log(info.value);\n                    },\n                });\n                new SlimSelect({\n                    select: \"#locationModal\",\n                    showSearch: false,\n                    onChange: (info) => {\n                        console.log(info.value);\n                    },\n                });\n                $(\".js-range-slider-meter\").ionRangeSlider({\n                    onStart: function (data) {\n                        $(\"#mfgdInputValArea-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValArea-2\").text(numberWithCommas(data.to));\n                    },\n                    onChange: function (data) {\n                        $(\"#mfgdInputValArea-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValArea-2\").text(numberWithCommas(data.to));\n                        that.setState({ minAreaSearch: data.from })\n                        that.setState({ maxAreaSearch: data.to })\n                    },\n                    onUpdate: function (data) {\n                        $(\"#mfgdInputValArea-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValArea-2\").text(numberWithCommas(data.to));\n                        that.setState({ minAreaSearch: data.from })\n                        that.setState({ maxAreaSearch: data.to })\n                    },\n                });\n                $(\".js-range-slider-price\").ionRangeSlider({\n                    onStart: function (data) {\n                        $(\"#mfgdInputValPrice-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValPrice-2\").text(numberWithCommas(data.to));\n                    },\n                    onChange: function (data) {\n                        $(\"#mfgdInputValPrice-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValPrice-2\").text(numberWithCommas(data.to));\n                        that.setState({ minPriceSearch: data.from })\n                        that.setState({ maxPriceSearch: data.to })\n                    },\n                    onUpdate: function (data) {\n                        $(\"#mfgdInputValPrice-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValPrice-2\").text(numberWithCommas(data.to));\n                        that.setState({ minPriceSearch: data.from })\n                        that.setState({ maxPriceSearch: data.to })\n                    },\n                });\n            });\n        }\n        this.backToSPopupHandle();\n    }\n\n    handleChange = (event) => {\n        event.preventDefault();\n        let { name, value } = event.target;\n        this.setState({ [name]: value })\n        //console.log(value)\n    }\n\n    handleSubmit = async (event) => {\n        event.preventDefault();\n        let { location, propertyType, minPriceSearch, maxPriceSearch, minAreaSearch, maxAreaSearch } = this.state;\n        let queryString = \"?catID=\" + propertyType + \"&district=\" + location + \"&price=\" + minPriceSearch + \"-\" + maxPriceSearch + \"&unit=\" + minAreaSearch + \"-\" + maxAreaSearch;\n\n        let result = await this.fetch('GET', \"Search\" + queryString);\n        if (result.length > 0) {\n            $(\".modal-backdrop\").fadeOut(0);\n            document.body.className = document.body.className.replace(\"modal-open\", \"\");\n            document.body.style.paddingRight = \"\";\n            this.props.history.push({\n                pathname: '/SearchResult',\n                search: queryString,\n            })\n        }\n        else\n            this.NotFoundHandle();\n\n    }\n\n    handleClearSearch = () => {\n        let rangePrice = $(\".js-range-slider-price\").data(\"ionRangeSlider\");\n        let rangeMeter = $(\".js-range-slider-meter\").data(\"ionRangeSlider\");\n        rangePrice.reset();\n        rangeMeter.reset();\n        $(\"#modalCheckboxContainer\").slideUp(300);\n        $(\".multiple-checkbox-container\").slideUp(300);\n        $(\".input-checkbox\").prop(\"checked\", false);\n\n        this.setState({\n            minPrice: priceFrom,\n            maxPrice: priceTo,\n            minArea: areaFrom,\n            maxArea: areaTo,\n            propertyType: this.state.categories && this.state.categories[0] && this.state.categories[0].id,\n            location: ''\n        });\n    }\n\n    // Back To Search Popup\n    backToSPopupHandle() {\n        $(\"#backToSPopup\").fadeOut(0);\n        $(\".modal-s-center\").addClass('active');\n        $(\"#snr-popup\").fadeOut(0);\n        $(\"#clearAll\").addClass('active');\n    }\n\n    // Back To Search Popup\n    NotFoundHandle() {\n        $(\"#backToSPopup\").fadeIn(0);\n        $(\".modal-s-center\").removeClass('active');\n        $(\"#snr-popup\").fadeIn(0);\n        $(\"#clearAll\").removeClass('active');\n    }\n\n    render() {\n        let { error, locations, location, propertyType, loadingFetch, minPrice, maxPrice, minArea, maxArea, categories } = this.state;\n        //if (error)\n        //    return <Error/>        \n        return (\n            <div className=\"modal fade\" id=\"modalSearchFilter\" tabIndex={-1} aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n                <div className=\"modal-dialog modal-dialog-centered\">\n\n                    <div className=\"modal-content\">\n                        <div className=\"modal-body\">\n\n                            {loadingFetch === true ? <Loading /> :\n                                <>\n                                    <div className=\"modal-s-top flex-center justify-content-between\">\n                                        <button className=\"flex-center filter-title\"><span className=\"icon-filter icon\" />\n                                            <div className=\"title ml-3\"><FormattedMessage\n                                                id='FiltersModal'\n                                                defaultMessage='Filters'\n                                            /></div>\n                                        </button>\n                                        <button className=\"d-flex close-filter opacity-hover\" data-dismiss=\"modal\"><span className=\"icon-cancel icon\" /></button>\n                                    </div>\n\n                                    {/* No Results */}\n                                    <div id=\"snr-popup\" className=\"search-no-results\">\n                                        <div className=\"snr-dropdown\">\n                                            <div className=\"snr-title flex-center\">\n                                                <img src=\"assets/img/icons/search-no-results.svg\" className=\"img-fluid\" alt=\"\" />\n                                                <span><FormattedMessage\n                                                    id=\"NoResults\"\n                                                    defaultMessage=\"No Results\"\n                                                /></span>\n                                            </div>\n                                            <div className=\"snr-text\"><FormattedMessage\n                                                id=\"NoResultsContent\"\n                                                defaultMessage=\"Try adjusting your search by changing your location, removing filters\"\n                                            /></div>\n                                        </div>\n                                    </div>\n\n                                    <div className=\"modal-s-center\">\n                                        <div className=\"modal-filter-grid-double\">\n                                            <div className=\"modal-filter-dropdown\">\n                                                {/* Selectbox */}\n                                                <div className=\"selectbox-slim\">\n                                                    <label className=\"ss-label text-uppercase\">\n                                                        <FormattedMessage\n                                                            id='All_Locations'\n                                                            defaultMessage='All Locations'\n                                                        /></label>\n                                                    <select id=\"locationModal\" name=\"location\" value={location} onChange={this.handleChange} >\n                                                        <FormattedMessage id=\"Select_location\"\n                                                            defaultMessage=\"Select location\">\n                                                            {placeholder =>\n                                                                <option value=\"\" disabled>{placeholder}</option>\n                                                            }\n                                                        </FormattedMessage>\n                                                        {locations && locations.map(location =>\n                                                            <option value={location.id}>{location.name}</option>\n                                                        )}\n                                                    </select>\n                                                </div>\n                                            </div>\n                                            <div className=\"modal-filter-dropdown\">\n                                                <div className=\"selectbox-slim\">\n                                                    <label className=\"ss-label text-uppercase\"><FormattedMessage\n                                                        id='Property_Type'\n                                                        defaultMessage='Property Type'\n                                                    /></label>\n                                                    <select id=\"propertyTypeModal\" name=\"propertyType\" value={propertyType} onChange={this.handleChange}>\n                                                        {categories && categories.length !== 0 && categories.map(cat =>\n                                                            <option value={cat.id}>{cat.name}</option>                                                           \n                                                        )}\n                                                    </select>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div id=\"modalCheckboxContainer\" className=\"modal-checkbox-container mt-4\">\n                                            {/* Start Row */}\n                                            <div className=\"modal-checkbox-row\">\n                                                <div className=\"checkbox-toggle-header flex-center-between\">\n                                                    {/* if u want to check all inputs just add this class checkAll */}\n                                                    <div className=\"checkAll checkbox-group flex-center\">\n                                                        <div className=\"fake-checkbox\">\n                                                            <input id=\"modalCheckbox1\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                            <div className=\"fake-cb-child\">\n                                                                <span />\n                                                            </div>\n                                                        </div>\n                                                        <label className=\"checkbox-text\" htmlFor=\"modalCheckbox1\">Apartment\n                        </label>\n                                                    </div>\n                                                    <button className=\"checkbox-toggle-btn flex-center\">\n                                                        <div className=\"ml-2 mr-2\">All Types</div> <span className=\"icon-chevron-down icon\" />\n                                                    </button>\n                                                </div>\n                                                <div className=\"multiple-checkbox-container\">\n                                                    <div className=\"multiple-checkbox-grid\">\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox2\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox2\">Apartment\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox3\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox3\">Duplex\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox4\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox4\">Duplex\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox5\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox5\">Penthouse\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox7\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox7\">Twin House\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox8\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox8\">Studio\n                          </label>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            {/* Start Row */}\n                                            <div className=\"modal-checkbox-row\">\n                                                <div className=\"checkbox-toggle-header flex-center-between\">\n                                                    {/* if u want to check all inputs just add this class checkAll */}\n                                                    <div className=\"checkAll checkbox-group flex-center\">\n                                                        <div className=\"fake-checkbox\">\n                                                            <input id=\"modalCheckbox9\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                            <div className=\"fake-cb-child\">\n                                                                <span />\n                                                            </div>\n                                                        </div>\n                                                        <label className=\"checkbox-text\" htmlFor=\"modalCheckbox9\">Villa\n                        </label>\n                                                    </div>\n                                                    <button className=\"checkbox-toggle-btn flex-center\">\n                                                        <div className=\"ml-2 mr-2\">All Types</div> <span className=\"icon-chevron-down icon\" />\n                                                    </button>\n                                                </div>\n                                                <div className=\"multiple-checkbox-container\">\n                                                    <div className=\"multiple-checkbox-grid\">\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox11\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox11\">Villa\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox12\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox12\">Stand Alone\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox13\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox13\">TownHouse\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox14\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox14\">I Villa\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox15\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox15\">Palace\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox10\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox10\">Twin\n                          </label>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            {/* Start Row */}\n                                            <div className=\"modal-checkbox-row\">\n                                                <div className=\"checkbox-toggle-header flex-center-between\">\n                                                    <div className=\"checkbox-group flex-center\">\n                                                        <div className=\"fake-checkbox\">\n                                                            <input id=\"modalCheckbox18\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                            <div className=\"fake-cb-child\">\n                                                                <span />\n                                                            </div>\n                                                        </div>\n                                                        <label className=\"checkbox-text\" htmlFor=\"modalCheckbox18\">Chalet\n                        </label>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"filter-price-range\">\n                                            <div className=\"title\"><FormattedMessage\n                                                id='Price_Range'\n                                                defaultMessage='Price Range'\n                                            /> </div>\n                                            {/*<input type=\"range\" min={minPrice} max={maxPrice} value={minPrice} className=\"js-range-slider-price\" id=\"myRange\" id=\"propertyType\" name=\"propertyType\" value={propertyType} onChange={this.handleChange} />*/}\n                                            <input type=\"text\" dir=\"rtl\" data-drag-interval=\"false\" className=\"js-range-slider-price\" name=\"my_range\" defaultValue data-type=\"double\" data-min={0} data-max={150000000} data-from={priceFrom} data-to={priceTo} data-grid=\"false\" data-step={500000} />\n                                            <div className=\"modal-filter-grid-double\">\n                                                <div className=\"mfgd-input\">\n                                                    <div id=\"mfgdInputValPrice-1\" className=\"mfgd-input-val mr-2\"> </div> <FormattedMessage\n                                                        id='EGP'\n                                                        defaultMessage='EGP'\n                                                    />\n                                                </div>\n                                                <div className=\"mfgd-input\">\n                                                    <div id=\"mfgdInputValPrice-2\" className=\"mfgd-input-val mr-2\"> </div> <FormattedMessage\n                                                        id='EGP'\n                                                        defaultMessage='EGP'\n                                                    />\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"filter-price-range\">\n                                            <div className=\"title\"><FormattedMessage\n                                                id='Area'\n                                                defaultMessage='Area'\n                                            /> (<FormattedMessage\n                                                    id='m2'\n                                                    defaultMessage='m2'\n                                                />)</div>\n                                            {/*<input type=\"range\" min={minArea} max={maxArea} value={minArea} className=\"js-range-slider-price\" id=\"myRange\" id=\"propertyType\" name=\"propertyType\" value={propertyType} onChange={this.handleChange} />*/}\n                                            <input type=\"text\" data-drag-interval=\"false\" className=\"js-range-slider-meter\" name=\"my_range\" defaultValue data-type=\"double\" data-min={50} data-max={5000} data-from={areaFrom} data-to={areaTo} data-grid=\"false\" data-step={50} />\n                                            <div className=\"modal-filter-grid-double\">\n                                                <div className=\"mfgd-input\">\n                                                    <div id=\"mfgdInputValArea-1\" className=\"mfgd-input-val\"> </div>\n                                                </div>\n                                                <div className=\"mfgd-input\">\n                                                    <div id=\"mfgdInputValArea-2\" className=\"mfgd-input-val\"> </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div className=\"modal-s-bottom fadeInDown\">\n                                        <div className=\"modal-filter-grid-double mb-0\">\n                                            <div className=\"button-default cancel-btn opacity-hover\">\n                                                <button id=\"clearAll\" onClick={() => this.handleClearSearch()} className=\"justify-content-center width-fluid\"><FormattedMessage\n                                                    id='Clear_All'\n                                                    defaultMessage='Clear All'\n                                                /></button>\n                                                <button id=\"backToSPopup\" className=\"justify-content-center width-fluid\" onClick={() => this.backToSPopupHandle()}><FormattedMessage\n                                                    id=\"Back\"\n                                                    defaultMessage=\"Back\"\n                                                /></button>\n                                            </div>\n                                            <div className=\"button-default bt-black\">\n                                                <button className=\"justify-content-center width-fluid\" onClick={(e) => this.handleSubmit(e)}><FormattedMessage\n                                                    id='Search'\n                                                    defaultMessage='Search'\n                                                /></button>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </>\n                            }\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}\n\n","import React, { Component } from 'react';\nimport { GetLang } from '../_helpers/HelperFunctions';\nimport { FormattedMessage } from 'react-intl';\nimport Context from '../components/Context';\n\n\nexport class ServicesNewsCards extends Component {\n    static contextType = Context;  \n\n    constructor(props) {\n        super(props);\n        this.state = {\n            sections: []\n        };\n    }\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    async componentDidMount() {\n        const { sections } = this.context;\n        const sectionsSliceDown = sections && sections.slice(2, 4);\n\n        //Find index of specific object using findIndex method.    \n        var objIndex = sectionsSliceDown.findIndex((obj => obj.displayOrdering == 3));\n\n        if (objIndex !== null && sectionsSliceDown[objIndex] !== null) {\n            //Update object's name property.\n            if (sectionsSliceDown[objIndex].image)\n                sectionsSliceDown[objIndex].image = sectionsSliceDown[objIndex].image.replace(\"XL_\", \"SL_\");\n\n        }\n        \n        //let sections  = await this.fetch('GET', \"Wiki/GetByCategory/\" + HomeIDParam);\n        await this.setState({ sections });\n    }\n\n\n    render() {\n        let { sections } = this.state;\n        const sectionsSliceDown = sections && sections.slice(2, 4);\n        //let cleanText = sectionsSliceDown && sectionsSliceDown[1] && sectionsSliceDown[1].description && sectionsSliceDown[1].description.replace(/<\\/?[^>]+(>|$)/g, \"\");\n\n        return (\n            <>\n                <div className=\"services-about-container\">\n                    <div className=\"container-fluid\">\n                        <div className=\"sa-grid\">\n                            {sectionsSliceDown && sectionsSliceDown[0] != null ?\n                                <div className=\"sa-card service-card\">\n                                    <div className=\"sa-data\" style={{ maxWidth: \"50%\" }}>\n                                        <div className=\"width-fluid\">\n                                            <div className=\"sa-sub-title flex-center text-uppercase\">\n                                                {sectionsSliceDown && sectionsSliceDown[0] && sectionsSliceDown[0].name}\n                                                <div className=\"sub-title-vline\" />\n                                            </div>\n                                            <div title={sectionsSliceDown && sectionsSliceDown[0] && sectionsSliceDown[0].description} className=\"bg-title mb-4 text-uppercase\">{sectionsSliceDown && sectionsSliceDown[0] && sectionsSliceDown[0].description && sectionsSliceDown[0].description.length >= 60 ? sectionsSliceDown && sectionsSliceDown[0] && sectionsSliceDown[0].description && sectionsSliceDown[0].description.substring(0, 56) + \"...\" : sectionsSliceDown && sectionsSliceDown[0] && sectionsSliceDown[0].description}</div>\n                                        </div>\n                                        <div className=\"button-default bt-black\">\n                                            <a href={sectionsSliceDown && sectionsSliceDown[0] && sectionsSliceDown[0].targetUrl}>\n                                                <FormattedMessage\n                                                    id='Explore'\n                                                    defaultMessage='Explore'\n                                                />\n                                                <span className=\"icon-arrow-right icon\" /></a>\n                                        </div>\n                                    </div>\n                                    <div className=\"sa-img\">\n                                        {(() => {\n                                            if (sectionsSliceDown && sectionsSliceDown[0] && sectionsSliceDown[0].image == null)\n                                                return <img src=\"assets/img/home/service.png\" className=\"img-fluid\" alt=\"\" />\n                                            else\n                                                return <img src={sectionsSliceDown && sectionsSliceDown[0] && sectionsSliceDown[0].image} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/home/service.png\" }} />\n                                        })()}\n                                    </div>\n                                </div> : <div className=\"sa-card\"></div>\n                            }\n                            {sectionsSliceDown && sectionsSliceDown[1] != null ?\n                                <div className=\"sa-card about-card\">\n                                    <div className=\"sa-data\">\n                                        <div className=\"width-fluid\">\n                                            <div className=\"sa-sub-title flex-center text-uppercase\">\n                                                {sectionsSliceDown && sectionsSliceDown[1] && sectionsSliceDown[1].name}\n                                                <div className=\"sub-title-vline\" />\n                                            </div>\n                                            <div className=\"bg-title white-color mb-4 text-uppercase\">\n                                                {sectionsSliceDown && sectionsSliceDown[1] && sectionsSliceDown[1].description >= 89 ? sectionsSliceDown && sectionsSliceDown[1] && sectionsSliceDown[1].description && sectionsSliceDown[1].description.substring(0, 85) + \"...\" : sectionsSliceDown && sectionsSliceDown[1] && sectionsSliceDown[1].description && sectionsSliceDown[1].description}\n                                            </div>\n                                        </div>\n                                        <div className=\"button-default bt-white\">\n                                            <a href={sectionsSliceDown && sectionsSliceDown[1] && sectionsSliceDown[1].targetUrl}>\n                                                <FormattedMessage\n                                                    id='Explore'\n                                                    defaultMessage='Explore'\n                                                />\n                                                <span className=\"icon-arrow-right icon\" /></a>\n                                        </div>\n                                    </div>\n                                </div> : <div className=\"sa-card\"></div>}\n                        </div>\n                    </div>\n                </div>\n            </>\n        );\n    }\n}\n","import React, { Component } from 'react'\nimport { ModalFilter } from '../components/ModalFilter';\nimport { Link } from 'react-router-dom';\nimport { ServicesNewsCards } from '../components/ServicesNewsCards';\nimport SlimSelect from 'slim-select'\nimport Swiper, { Navigation, Pagination } from \"swiper\"\n// core version + navigation, pagination modules:\n//import 'swiper/swiper.scss';\n//import 'swiper/components/navigation/navigation.scss';\n//import 'swiper/components/pagination/pagination.scss';\n//import 'swiper/components/scrollbar/scrollbar.scss';\nimport $ from 'jquery';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { ServiceIDParam, GetLang } from '../_helpers/HelperFunctions';\nimport { FormattedMessage } from 'react-intl';\nimport '../css/swiper-bundle.min.css'\nimport '../css/main.css';\nimport '../css/rtl.css';\nimport '../css/paginationSwiper.css';\n//import \"swiper/swiper-bundle.min.css\";\nimport Context from '../components/Context';\n\n\n\n// configure Swiper to use modules\nSwiper.use([Navigation, Pagination]);\n\nexport class HomePage extends Component {\n    static contextType = Context;\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            wantTo: 'buy',\n            categories: '',\n            sections: [],\n            propertyType: '',\n            location: '',\n            locations: '',\n            imagesSlider: '',\n            servicesInfo: '',\n            projects: '',\n            loadingFetch: true,\n            error: ''\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    // Callback IF Condition Header Bottom\n    headerBottomScrollerChecker() {\n        var mainHeaderBottom =\n            $(\"#headerScroller\").position().top +\n            $(\"#headerScroller\").outerHeight(true);\n        if ($(window).scrollTop() >= mainHeaderBottom) {\n            $(\"#nav\").addClass(\"active\");\n            $(\".transition-title\").removeClass(\"active\");\n        } else {\n            $(\"#nav\").removeClass(\"active\");\n        }\n    }\n\n    // Back To Search\n    backToSearchHandle() {\n        $(\".main-adv-search\").addClass('active');\n        $(\"#back-to-search\").fadeOut(0);\n        $(\"#snr-header\").fadeOut(0);\n        $(\".filter-slider-bar\").addClass('active');\n    }\n\n    // Not found\n    NotFoundHandle() {\n        $(\".main-adv-search\").removeClass('active');\n        $(\"#back-to-search\").fadeIn(0);\n        $(\"#snr-header\").fadeIn(0);\n        $(\".filter-slider-bar\").removeClass('active');\n    }\n\n    async componentDidMount() {\n        //  func.load();\n        const { categories, locations, sections } = this.context;\n\n        document.body.style.paddingTop = '80.625px';\n        var element = document.getElementById(\"nav\");\n        element.classList.add(\"active-page\");\n\n        let that = this;\n\n        $(window).scroll(function () {\n            if ($(window).scrollTop() > 0) {\n                $(\"#navigationBar\").addClass(\"active\");\n            } else {\n                $(\"#navigationBar\").removeClass(\"active\");\n            }\n        });\n\n        // Header Scroller\n        $(window).on(\"scroll\", function () {\n            if ($(window).scrollTop() > 0 && $(\"#headerScroller\")[0]) {\n                $(\".transition-title\").addClass(\"active\");\n                that.headerBottomScrollerChecker();\n            } else {\n                $(\".transition-title\").removeClass(\"active\");\n                $(\"#nav\").removeClass(\"active\");\n            }\n        });\n\n        await this.setState({\n            loadingFetch: true\n        });\n        // let locations = await this.fetch('GET', \"Projects/GetDistricts\");\n        let projects = await this.fetch('GET', \"Projects/GetRecommended\");\n        let imagesSlider = await this.fetch('GET', \"HomeSlider/GetByCatName/Filter\");\n        let servicesInfo = await this.fetch('GET', \"Service/Category/\" + ServiceIDParam);\n        // let categories = await this.fetch('GET', \"Generic/GetCategories\");\n        // let sections = await this.fetch('GET', \"Wiki/GetByCategory/\" + HomeIDParam);\n\n\n        let firstProjects = projects && projects.slice(0, 12);\n\n        await this.setState({ locations, location: locations && locations[0] && locations[0].id, projects: firstProjects, imagesSlider, servicesInfo, categories, propertyType: categories && categories[0] && categories[0].id, sections, loadingFetch: false });\n        if (this.state.error === '' && this.state.loadingFetch === false) {\n            $(document).ready(function () {\n                new SlimSelect({\n                    select: \"#propertyType\",\n                    showSearch: false,\n                    onChange: (info) => {\n                        console.log(info.value);\n                    },\n                });\n                new SlimSelect({\n                    select: \"#wantTo\",\n                    showSearch: false,\n                    onChange: (info) => {\n                        console.log(info.value);\n                    },\n                });\n                new SlimSelect({\n                    select: \"#location\",\n                    showSearch: false,\n                    onChange: (info) => {\n                        console.log(info.value);\n                    },\n                });\n                new Swiper('.swiper-container', {\n                    // Optional parameters\n                    direction: 'horizontal',\n                    loop: false,\n                    // If we need pagination\n                    pagination: {\n                        el: '.swiper-pagination',\n                        clickable: true\n                    },\n\n                    // Navigation arrows\n                    navigation: {\n                        nextEl: '.arrow-next',\n                        prevEl: '.arrow-prev',\n                    },\n                    autoplay: false,\n                    speed: 700,\n\n                    // And if we need scrollbar\n                    scrollbar: {\n                        el: '.swiper-scrollbar',\n                    },\n                    //renderBullet: function (index, className) {\n                    //    return '<span class=\"' + className + '\" style=' + { \"height\": \"36px\", \"display\": \"block\", \"borderRadius\": \"0\", \"background\": \"#000\", \"opacity\": \".2\", \"margin\": \"5px 0 !important\", \"width\": \"3px\", \"position\": \"static\" }+'>' + (index + 1) + '</span>';\n                    //}\n                });\n                document.body.style.removeProperty(\"padding-top\")\n                var element = document.getElementById(\"nav\");\n                element.classList.remove(\"active-page\");\n            })\n        }\n        this.backToSearchHandle();\n    }\n\n    handleChange = (event) => {\n        event.preventDefault();\n        let { name, value } = event.target;\n        if (name === \"wantTo\") {\n            if (value.toLowerCase !== \"rent\") {\n                const arrOfRent = this.state.categories && this.state.categories.filter(category => category.nameENG.toLowerCase() === \"rent\" && category.nameENG.toLowerCase() !== \"all\");\n                this.setState({ propertyType: arrOfRent && arrOfRent[0] && arrOfRent[0].id })\n            } else {\n                const arrOfBuy = this.state.categories && this.state.categories.filter(category => category.nameENG.toLowerCase() !== \"rent\" && category.nameENG.toLowerCase() !== \"vacation\" && category.nameENG.toLowerCase() !== \"all\");\n                this.setState({ propertyType: arrOfBuy && arrOfBuy[0] && arrOfBuy[0].id })\n            }\n\n        }\n        this.setState({ [name]: value })\n    }\n\n    handleSubmit = async (event) => {\n        event.preventDefault();\n        let { location, propertyType } = this.state;       \n\n        let queryString = \"?catID=\" + propertyType + \"&district=\" + location;\n\n        let result = await this.fetch('GET', \"Search/SearchProjects\" + queryString)\n\n        if (result.length > 0) {\n            this.props.history.push({\n                pathname: '/SearchResultProjects',\n                search: queryString,\n            })\n        } else\n            this.NotFoundHandle();\n\n    }\n\n    render() {\n        document.title = \"Home\";\n\n        let { error, locations, sections, projects, location, wantTo, imagesSlider, propertyType, servicesInfo, loadingFetch, categories } = this.state;\n        if (error)\n            return <Error />\n        let lang = GetLang();\n        console.log(\"categories\",categories)\n        const arrOfBuy = categories && categories.filter(category => category.nameENG.toLowerCase() !== \"rent\" && category.nameENG.toLowerCase() !== \"vacation\"&& category.nameENG.toLowerCase() !== \"all\");\n        const arrOfRent = categories && categories.filter(category => category.nameENG.toLowerCase() === \"rent\" || category.nameENG.toLowerCase() === \"vacation\"&& category.nameENG.toLowerCase() !== \"all\");\n        const infoVacation = categories && categories.filter(category => category.nameENG.toLowerCase() === \"all\");\n        const sectionsSliceTop = sections && sections.slice(0, 2);\n        return (\n            <>\n                <ModalFilter history={this.props.history} />\n                <div id=\"Home\" className=\"wrapper-container\">\n                    {loadingFetch == true ? <Loading /> :\n                        <>\n                            <div id=\"headerScroller\" className=\"home-header animated fadeInDown\">\n                                <div className=\"swiper-container home-swiper-container\">\n                                    {/* Additional required wrapper */}\n                                    <div className=\"swiper-wrapper\" style={{ direction: lang === 'ar' ? 'rtl' : 'ltr' }}>\n                                        {imagesSlider && imagesSlider.map(image => {\n                                            if (image.video !== null) {\n                                                return <div className=\"swiper-slide animated fadeInDown\">\n                                                    <div className=\"slide-home-card\">\n                                                        <div className=\"slide-home-video\">\n                                                            <video autoPlay loop muted>\n                                                                <source src={image && image.video} type=\"video/mp4\" />\n                                                      Your browser does not support the video tag.\n                                                    </video>\n                                                        </div>\n                                                        <div className=\"overlay\" />\n                                                    </div>\n                                                </div>\n                                            } else {\n                                                return <div className=\"swiper-slide animated fadeInDown\" key={image && image.id}>\n                                                    <div className=\"slide-home-card\" style={{ backgroundImage: `url(${image.image}),url(\"assets/img/home/slider-1.png\")` }}>\n                                                        <div className=\"overlay\" />\n                                                    </div>\n                                                </div>\n                                            }\n                                        })}\n                                    </div>\n                                    {/* Swiper Pagination And Arrows */}\n                                    <div className=\"container-fluid position-relative\">\n                                        <div className=\"swiper-pagination-arrows\">\n                                            <div className=\"swiper-arrows\">\n                                                <button className=\"arrow-icon arrow-next\"><span className=\"icon-arrow-right icon\" /></button>\n                                                <button className=\"arrow-icon arrow-prev\"><span className=\"icon-arrow-left icon\" /></button>\n                                            </div>\n                                            <div className=\"swiper-pagination\" /> {/*style={{ \"background\": \"#fff\",\"display\": \"block\", \"margin\": \"5px 0 !important\", \"width\": \"3px\", \"height\": \"36px\", \"borderRadius\": \"0\", \"position\": \"static\" }} */}\n                                        </div>\n                                    </div>\n                                    {/* Search Filter */}\n                                    <div className=\"search-filter\">\n                                        <div className=\"search-filter-container\">\n                                            <div className=\"bg-title search-filter-header text-uppercase\"><FormattedMessage\n                                                id='Find_your_dream_property'\n                                                defaultMessage='Find your dream property.'\n                                            />\n                                            </div>\n                                            <form onSubmit={this.handleSubmit} autoComplete=\"off\" method=\"get\">\n                                                <div className=\"filter-slider-bar d-flex\">\n                                                    <div className=\"selectbox-slim\">\n                                                        <label className=\"ss-label text-uppercase\"><FormattedMessage\n                                                            id='I_Want_To'\n                                                            defaultMessage='I Want To'\n                                                        /></label>\n                                                        <select id=\"wantTo\" name=\"wantTo\" value={wantTo} onChange={this.handleChange}>\n                                                            {/* id for Run Select Box */}\n                                                            <FormattedMessage id=\"Buy\"\n                                                                defaultMessage=\"Buy\">\n                                                                {placeholder =>\n                                                                    <option value=\"buy\">{placeholder}</option>\n                                                                }\n                                                            </FormattedMessage>\n                                                            <FormattedMessage id=\"rent\"\n                                                                defaultMessage=\"Rent\">\n                                                                {placeholder =>\n                                                                    <option value=\"rent\">{placeholder}</option>\n                                                                }\n                                                            </FormattedMessage>\n                                                        </select>\n                                                    </div>\n                                                    <div className=\"selectbox-slim\">\n                                                        <label className=\"ss-label text-uppercase\"><FormattedMessage\n                                                            id='Property_Type'\n                                                            defaultMessage='Property Type'\n                                                        /></label>\n                                                        <select id=\"propertyType\" name=\"propertyType\" value={propertyType} onChange={this.handleChange}>\n                                                            {/* id for Run Select Box */}\n                                                            {wantTo === \"buy\" ?\n                                                                arrOfBuy && arrOfBuy.length !== 0 && arrOfBuy.map(cat =>\n                                                                    <option value={cat.id}>{cat.name}</option>\n                                                                    //<FormattedMessage id={cat.name.toLowerCase()}\n                                                                    //    defaultMessage={cat.name}>\n                                                                    //    {placeholder =>\n                                                                    //        <option value={cat.name.toLowerCase()}>{placeholder}</option>\n                                                                    //    }\n                                                                    //</FormattedMessage>\n                                                                )\n                                                                : arrOfRent && arrOfRent.length !== 0 && arrOfRent.map(cat =>\n                                                                    <option value={cat.id}>{cat.name}</option>\n                                                                    //<FormattedMessage id={cat.name.toLowerCase()}\n                                                                    //    defaultMessage={cat.name}>\n                                                                    //    {placeholder =>\n                                                                    //        <option value={cat.name.toLowerCase()}>{placeholder}</option>\n                                                                    //    }\n                                                                    //</FormattedMessage>\n                                                                )\n                                                            }\n\n                                                        </select>\n                                                    </div>\n                                                    <div className=\"selectbox-slim\">\n                                                        <label className=\"ss-label text-uppercase\"><FormattedMessage\n                                                            id='Locations'\n                                                            defaultMessage='Locations'\n                                                        /></label>\n                                                        <select id=\"location\" name=\"location\" value={location} onChange={this.handleChange} >\n                                                            <FormattedMessage id=\"Select_location\"\n                                                                defaultMessage=\"Select location\">\n                                                                {placeholder =>\n                                                                    <option value=\"\" disabled>{placeholder}</option>\n                                                                }\n                                                            </FormattedMessage>\n                                                            {locations && locations.map(location =>\n                                                                <option key={location && location.id} value={location.id}>{location.name}</option>\n                                                            )}\n                                                        </select>\n                                                    </div>\n                                                    {/* Filter Action */}\n                                                    <div className=\"filter-bar-action flex-center\">\n                                                        <div className=\"button-default bt-black flex-center-center width-fluid\">\n                                                            <button id=\"actionTest\" type=\"submit\" className=\"text-center width-fluid flex-center-center\"><span className=\"icon-search icon\" />\n                                                                <FormattedMessage\n                                                                    id='Search'\n                                                                    defaultMessage='Search'\n                                                                /></button>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </form>\n                                            <div id=\"snr-header\" className=\"search-no-results animated fadeInDown\">\n                                                <div className=\"snr-title flex-center\">\n                                                    <img src=\"assets/img/icons/search-no-results.svg\" className=\"img-fluid\" alt=\"\" />\n                                                    <span><FormattedMessage\n                                                        id=\"NoResults\"\n                                                        defaultMessage=\"No Results\"\n                                                    /></span>\n                                                </div>\n                                                <div className=\"snr-text\"><FormattedMessage\n                                                    id=\"NoResultsContent\"\n                                                    defaultMessage=\"Try adjusting your search by changing your location, removing filters\"\n                                                /></div>\n                                            </div>\n                                            <div className=\"search-filter-advanced\">\n                                                <div className=\"d-inline-block\">\n                                                    <button id=\"back-to-search\" className=\"advanced-search-link opacity-hover back-to-search flex-center\" onClick={() => { this.backToSearchHandle() }}>\n                                                        <span className=\"icon-arrow-left icon\"></span>\n                                                        <span className=\"asl-text text-uppercase\"><FormattedMessage\n                                                            id=\"Back\"\n                                                            defaultMessage=\"Back\"\n                                                        /></span>\n                                                    </button>\n\n                                                    <button data-toggle=\"modal\" data-target=\"#modalSearchFilter\" className=\"advanced-search-link main-adv-search opacity-hover flex-center\">\n                                                        <span className=\"asl-text text-uppercase\"><FormattedMessage\n                                                            id='Advanced_Search'\n                                                            defaultMessage='Advanced Search'\n                                                        /></span>\n                                                        <span className=\"icon-arrow-right icon\" />\n                                                    </button>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            {/* Home Grid */}\n                            <div className=\"home-grid-container\">\n                                <div className=\"container-fluid\">\n                                    <div className=\"home-grid-double\">\n                                        {sectionsSliceTop && sectionsSliceTop.map(section => {\n                                            if (section == null)\n                                                return <div className=\"home-grid-card\"> </div>\n                                            else\n                                                return <a className=\"home-grid-card\" href={section && section.targetUrl} >\n                                                    {(() => {\n                                                        if (section && section.image == null)\n                                                            return <img src=\"assets/img/home/card-1.png\" className=\"img-fluid\" alt=\"\" />\n                                                        else\n                                                            return <img src={section && section.image} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/home/card-1.png\" }} />\n                                                    })()}\n                                                    <div className=\"home-grid-card-data gradient-easing\">\n                                                        <div className=\"bg-title text-uppercase\">\n                                                            {section && section.name}\n                                                            <span className=\"icon-arrow-right icon\" />\n                                                        </div>\n                                                    </div>\n                                                </a>\n                                        }\n                                        )}\n\n\n                                        {/*<Link className=\"home-grid-card\" to={\"Projects/\" + infoVacation[0].id} >*/}\n                                        {/*    {(() => {*/}\n                                        {/*        if (imagesSlider && (imagesSlider.length == 0 || imagesSlider[1].image == null))*/}\n                                        {/*            return <img src=\"assets/img/home/card-2.png\" className=\"img-fluid\" alt=\"\" />*/}\n                                        {/*        else*/}\n                                        {/*            return <img src={imagesSlider && imagesSlider[0] && imagesSlider[1].image} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/home/card-2.png\" }} />*/}\n                                        {/*    })()}*/}\n                                        {/*    <div className=\"home-grid-card-data gradient-easing\">*/}\n                                        {/*        <div className=\"bg-title text-uppercase\">*/}\n                                        {/*            <FormattedMessage*/}\n                                        {/*                id='Find_Your'*/}\n                                        {/*                defaultMessage='Find Your'*/}\n                                        {/*            />*/}\n                                        {/*            <br /><FormattedMessage*/}\n                                        {/*                id='Vacation_Home'*/}\n                                        {/*                defaultMessage='Vacation Home'*/}\n                                        {/*            />*/}\n                                        {/*            <span className=\"icon-arrow-right icon\" />*/}\n                                        {/*        </div>*/}\n                                        {/*    </div>*/}\n                                        {/*</Link>*/}\n                                    </div>\n                                </div>\n                            </div>\n                            {/* Home Projects */}\n                            <div className=\"projects-container\">\n                                <div className=\"container-fluid\">\n                                    <div className=\"projects-title bg-title text-center text-uppercase\"><FormattedMessage\n                                        id='Explore_Real_Estate_Projects_in_Egypt'\n                                        defaultMessage='Explore 300+ Real Estate Projects in Egypt'\n                                    /> </div>\n                                    <div className=\"projects-grid\">\n                                        {projects && projects.map(project =>\n                                            <Link key={project && project.id} to={project && \"/Project/\" + project.id} className=\"project-card\">\n                                                <img src={project && project.logo} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                                            </Link>\n                                        )}\n                                    </div>\n                                    <div className=\"projects-grid-button text-center\">\n                                        <div className=\"d-inline-block\">\n                                            <Link to={\"Projects/\" + infoVacation[0].id} className=\"nl-btn flex-center-center\"><FormattedMessage\n                                                id='Explore'\n                                                defaultMessage='Explore'\n                                            /> <span className=\"icon-arrow-right icon\" /></Link>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <ServicesNewsCards />\n                        </>\n                    }\n                </div>\n            </>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/contact.css';\nimport '../css/rtl.css';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport {\n    GetLang, calcNavHeight, Toast, validEmailRegex, validmobileRegex, validNumbersRegex,\n    validSpacesRegex, validSpecialCharRegex\n} from '../_helpers/HelperFunctions';\nimport { FormattedMessage } from 'react-intl';\n\n\nexport class ContactUsPage extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            contactUsInfo: '',\n            firstName: '',\n            lastName: '',\n            email: '',\n            mobile: '',\n            massage: '',\n            loadingFetch: true,\n            isSubmitting: false,\n            error: '',\n            errors: {\n                firstName: '',\n                lastName: '',\n                email: '',\n                mobile: '',\n                massage: ''\n            }\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                if (method === \"POST\") {\n                    Toast.fire({\n                        icon: 'error',\n                        title: \"There is an error, Try later.\"\n                    })\n                } else\n                    throw error;\n            } else {\n                if (method == \"POST\") {\n                    Toast.fire({\n                        icon: 'success',\n                        title: \"Your massage was sent successfully.\"\n                    })\n                    await this.setState({ firstName: '', lastName: '', email: '', mobile: '', massage: '' });\n                }\n                return await response.json();\n            }\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n\n    async componentDidMount() {\n        calcNavHeight();\n        this.setState({ loadingFetch: true, contactUsInfo: await this.fetch('GET', \"Contact/GetContactUs\"), loadingFetch: false });\n        calcNavHeight();\n    }\n\n    handleChange = (event) => {\n        event.preventDefault();\n        let { name, value } = event.target;\n        let { errors } = this.state;\n        let emptyField = '';\n\n        switch (name) {\n            case 'firstName':\n                errors.firstName = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.firstName == '')\n                    errors.firstName = validSpacesRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.firstName == '')\n                    errors.firstName = validNumbersRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.firstName == '')\n                    errors.firstName = validSpecialCharRegex.test(value) ? '' : 'Invalid_name';\n                break;\n            case 'lastName':\n                errors.lastName = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.lastName == '')\n                    errors.lastName = validSpacesRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.lastName == '')\n                    errors.lastName = validNumbersRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.lastName == '')\n                    errors.lastName = validSpecialCharRegex.test(value) ? '' : 'Invalid_name';\n                break;\n            case 'email':\n                errors.email = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.email == '')\n                    errors.email = validEmailRegex.test(value) ? '' : 'Invalid_email';\n                break;\n            case 'mobile':\n                errors.mobile = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.mobile == '')\n                    errors.mobile = validmobileRegex.test(value) ? '' : 'Invalid_phone';\n                break;\n            case 'massage':\n                errors.massage = value.trim() == emptyField ? 'This_field_is_required!' : '';\n                if (errors.massage == '')\n                    errors.massage = validSpecialCharRegex.test(value) ? '' : 'Invalid_massage';\n                if (errors.massage == '')\n                    errors.massage = validSpacesRegex.test(value) ? '' : 'This_field_is_required';\n                break;\n            default:\n                break;\n        }\n\n        this.setState({ errors, [name]: value }, () => {\n            console.log(errors)\n        })\n    }\n\n    validateForm = (errors, state) => {\n        let valid = true;\n        if (state.firstName == '')\n            errors.firstName = \"This_field_is_required\";\n        if (state.lastName == '')\n            errors.lastName = \"This_field_is_required\";\n        if (state.email == '')\n            errors.email = \"This_field_is_required\";\n        if (state.mobile == '')\n            errors.mobile = \"This_field_is_required\";\n        if (state.massage == '')\n            errors.massage = \"This_field_is_required\";\n\n        Object.values(errors).forEach(\n            // if we have an error string set valid to false\n            (val) => val.length > 0 && (valid = false)\n        );\n\n        this.setState({ errors }, () => {\n            console.log(errors)\n        })\n        return valid;\n    }\n\n    showInMapClicked = () => {\n        let { contactUsInfo } = this.state;\n        window.open(\"https://maps.google.com?q=\" + contactUsInfo.latitude + \",\" + contactUsInfo.longitude);\n    };\n\n    handleSubmit = async (event) => {\n        event.preventDefault();\n        let { errors, firstName, lastName, email, mobile, massage } = this.state;\n        let name = firstName + \" \" + lastName;\n        let comment = massage;\n        let feedBackCategoryName = \"Users\";\n        let body = { \"name\": name, \"email\": email, \"mobile\": mobile, \"comment\": comment, \"feedBackCategoryName\": feedBackCategoryName };\n\n        if (this.validateForm(errors, this.state)) {\n            console.info('Valid Form');\n            this.setState({ isSubmitting: true });\n            await this.fetch('POST', \"Contact/\", body)\n            this.setState({ isSubmitting: false });\n        } else {\n            console.error('Invalid Form')\n        }\n    }\n\n    render() {\n        document.title = \"Contact us\";\n\n        let { errors, firstName, lastName, email, mobile, massage, isSubmitting, error, contactUsInfo, loadingFetch } = this.state;\n        if (error)\n            return <Error />\n\n        let address = contactUsInfo && contactUsInfo.address && contactUsInfo.address.split(\",\");\n        let contactmobileSplit = contactUsInfo && contactUsInfo.mobile && contactUsInfo.mobile.replace(/(\\d{3})(\\d{4})(\\d{4})/, '$1 $2 $3');\n        return (\n            <div className=\"wrapper-container\">\n                {loadingFetch === true ? <Loading /> :\n                    <>\n                        {/* Contact Header */}\n                        <div className=\"contact-header\">\n                            {(() => {\n                                if (contactUsInfo && contactUsInfo.image == null) {\n                                    return <img src=\"assets/img/contact.png\" className=\"img-fluid animated fadeInLeft\" alt=\"\" />\n                                }\n                                else {\n                                    return <img src={contactUsInfo && contactUsInfo.image} className=\"img-fluid animated fadeInLeft\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/contact.png\" }} />\n                                }\n                            })()}\n                        </div>\n                        {/* Contact Header */}\n                        {/* Contact Container */}\n                        <div className=\"contact-container\">\n                            <div className=\"container-fluid\">\n                                <div className=\"contact-content\">\n                                    <div className=\"contact-flexable d-flex justify-content-between\">\n                                        <div className=\"contact-data\">\n                                            <div className=\"contact-text-container mb-5\">\n                                                <div className=\"sub-title\"><FormattedMessage\n                                                    id='ContactUs'\n                                                    defaultMessage='Contact Us'\n                                                /></div>\n                                                <div className=\"bg-title text-uppercase\"><FormattedMessage\n                                                    id='How_can_we_help_you'\n                                                    defaultMessage='How can we help you?'\n                                                /></div>\n                                                <div className=\"text\">{contactUsInfo && contactUsInfo.description}</div>\n                                            </div>\n                                            <div className=\"contact-text-address-tel d-flex\">\n                                                <div className=\"ct-address\">\n                                                    <div className=\"text\" title=\"Address\">{contactUsInfo && address[0]},<br />{contactUsInfo && address[1]},<br />{contactUsInfo && address[2]},<br />{contactUsInfo && address[3]}, {contactUsInfo && address[4]}</div>\n                                                </div>\n                                                <div className=\"ct-tel\">\n                                                    <div className=\"text\" title=\"Fax\">{contactUsInfo && \"+2 \" + contactUsInfo.fax} </div>\n                                                    <div className=\"text\" title=\"Telephone\">{contactUsInfo && \"+2 \"+ contactUsInfo.telephone} </div>\n                                                    <div className=\"text\" title=\"Mobile\">{contactUsInfo && \"+2 \" + contactmobileSplit}</div>\n                                                    <div className=\"text\" title=\"Email\">{contactUsInfo && contactUsInfo.email}</div>\n                                                </div>\n                                            </div>\n                                            <div className=\"contact-directions pt-4\">\n                                                <div className=\"d-inline-block\">\n                                                    <a onClick={this.showInMapClicked} className=\"contact-direction-btn flex-center\"><FormattedMessage\n                                                        id='getDirections'\n                                                        defaultMessage='Get Directions'\n                                                    /> <span className=\"icon-arrow-right icon\" /></a>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"contact-form\">\n                                            <div className=\"cform-title\"><FormattedMessage\n                                                id='SendusAMessage'\n                                                defaultMessage='Send us A Message'\n                                            /></div>\n                                            <div className=\"cform-sub mb-4\"><FormattedMessage\n                                                id='For_all_other_inquiries_please_complete_the_form_below'\n                                                defaultMessage='For all other inquiries, please complete the form below.'\n                                            />\n                                                </div>\n                                            <fieldset disabled={isSubmitting}>\n                                                <form className=\"form-row\" onSubmit={this.handleSubmit} autoComplete=\"off\" method=\"post\">\n                                                    <div className=\"col-lg-6 col-sm-6\">\n                                                        <div className=\"cform-group\" >\n                                                            <FormattedMessage id=\"firstName\"\n                                                                defaultMessage=\"First name\">\n                                                                {placeholder =>\n                                                                    <input type=\"text\" placeholder={placeholder} name=\"firstName\" value={firstName} onChange={this.handleChange} />\n                                                                }\n                                                            </FormattedMessage>\n                                                        </div>\n                                                        {errors.firstName.length > 0 &&\n                                                            <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                            <FormattedMessage\n                                                                id={errors.firstName}\n                                                                defaultMessage=\"Invalid first name\"\n                                                            />\n                                                            </font>}\n                                                    </div>\n                                                    <div className=\"col-lg-6 col-sm-6\">\n                                                        <div className=\"cform-group\">\n                                                            <FormattedMessage id=\"lastName\"\n                                                                defaultMessage=\"Last name\">\n                                                                {placeholder =>\n                                                                    <input type=\"text\" placeholder={placeholder} name=\"lastName\" value={lastName} onChange={this.handleChange} />\n                                                                }\n                                                            </FormattedMessage>\n                                                        </div>\n                                                        {errors.lastName.length > 0 &&\n                                                            <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                            <FormattedMessage\n                                                                id={errors.lastName}\n                                                                defaultMessage=\"Invalid last name\"\n                                                            />\n                                                            </font>}\n                                                    </div>\n                                                    <div className=\"col-lg-12\">\n                                                        <div className=\"cform-group\">\n                                                            <FormattedMessage id=\"email\"\n                                                                defaultMessage=\"Email\">\n                                                                {placeholder =>\n                                                                    <input type=\"text\" placeholder={placeholder} name=\"email\" value={email} onChange={this.handleChange} />\n                                                                }\n                                                            </FormattedMessage>\n                                                        </div>\n                                                        {errors.email.length > 0 &&\n                                                            <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                            <FormattedMessage\n                                                                id={errors.email}\n                                                                defaultMessage=\"Invalid email\"\n                                                            />\n                                                            </font>}\n                                                    </div>\n                                                    <div className=\"col-lg-12\">\n                                                        <div className=\"cform-group d-flex\">\n                                                            <FormattedMessage id=\"mobile\"\n                                                                defaultMessage=\"Phone\">\n                                                                {placeholder =>\n                                                                    <input type=\"tel\" placeholder={placeholder} name=\"mobile\" value={mobile} onChange={this.handleChange} />\n                                                                }\n                                                            </FormattedMessage>\n                                                        </div>\n                                                        {errors.mobile.length > 0 &&\n                                                            <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                            <FormattedMessage\n                                                                id={errors.mobile}\n                                                                defaultMessage=\"Invalid mobile\"\n                                                            />\n                                                            </font>}\n                                                    </div>\n                                                    <div className=\"col-lg-12\">\n                                                        <div className=\"cform-group\">\n                                                            <FormattedMessage id=\"massage\"\n                                                                defaultMessage=\"Write your message\">\n                                                                {placeholder =>\n                                                                    <textarea rows={4} placeholder={placeholder} name=\"massage\" value={massage} onChange={this.handleChange} />\n                                                                }\n                                                            </FormattedMessage>\n                                                        </div>\n                                                        {errors.massage.length > 0 &&\n                                                            <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                            <FormattedMessage\n                                                                id={errors.massage}\n                                                                defaultMessage=\"Invalid massage\"\n                                                            />\n                                                            </font>}\n                                                    </div>\n                                                    <div className=\"col-lg-12\">\n                                                        <div className=\"cform-action\">\n                                                            <div className=\"button-default width-fluid bt-black\">\n                                                                <button type=\"submit\" disabled={isSubmitting}>{isSubmitting ? <><i class=\"fab fa-spinner fa-pulse\"></i> <FormattedMessage\n                                                                    id='Waiting'\n                                                                    defaultMessage='Waiting...'\n                                                                /></> : <FormattedMessage\n                                                                        id='SendNow'\n                                                                        defaultMessage='Send Now'\n                                                                    />\n                                                                }</button>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </form>\n                                            </fieldset>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </>\n                }\n            </div>\n        )\n    }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst propTypes = {\n    items: PropTypes.array.isRequired,\n    onChangePage: PropTypes.func.isRequired,\n    initialPage: PropTypes.number,\n    pageSize: PropTypes.number\n}\n\nconst defaultProps = {\n    initialPage: 1,\n    pageSize: 10\n}\n\nclass Pagination extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = { pager: {} };\n    }\n\n    componentWillMount() {\n        // set page if items array isn't empty\n        if (this.props.items && this.props.items.length) {\n            this.setPage(this.props.initialPage);\n        }\n    }\n\n    componentDidUpdate(prevProps, prevState) {\n        // reset page if items array has changed\n        if (this.props.items !== prevProps.items) {\n            this.setPage(this.props.initialPage);\n        }\n    }\n\n    setPage(page) {\n        var { items, pageSize } = this.props;\n        var pager = this.state.pager;\n\n        if (page < 1 || page > pager.totalPages) {\n            return;\n        }\n\n        // get new pager object for specified page\n        pager = this.getPager(items.length, page, pageSize);\n\n        // get new page of items from items array\n        var pageOfItems = items.slice(pager.startIndex, pager.endIndex + 1);\n\n        // update state\n        this.setState({ pager: pager });\n\n        // call change page function in parent component\n        this.props.onChangePage(pageOfItems);\n    }\n\n    getPager(totalItems, currentPage, pageSize) {\n        // default to first page\n        currentPage = currentPage || 1;\n\n        // default page size is 10\n        pageSize = pageSize || 10;\n\n        // calculate total pages\n        var totalPages = Math.ceil(totalItems / pageSize);\n\n        var startPage, endPage;\n        if (totalPages <= 10) {\n            // less than 10 total pages so show all\n            startPage = 1;\n            endPage = totalPages;\n        } else {\n            // more than 10 total pages so calculate start and end pages\n            if (currentPage <= 6) {\n                startPage = 1;\n                endPage = 10;\n            } else if (currentPage + 4 >= totalPages) {\n                startPage = totalPages - 9;\n                endPage = totalPages;\n            } else {\n                startPage = currentPage - 5;\n                endPage = currentPage + 4;\n            }\n        }\n\n        // calculate start and end item indexes\n        var startIndex = (currentPage - 1) * pageSize;\n        var endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1);\n\n        // create an array of pages to ng-repeat in the pager control\n        var pages = [...Array((endPage + 1) - startPage).keys()].map(i => startPage + i);\n\n        // return object with all pager properties required by the view\n        return {\n            totalItems: totalItems,\n            currentPage: currentPage,\n            pageSize: pageSize,\n            totalPages: totalPages,\n            startPage: startPage,\n            endPage: endPage,\n            startIndex: startIndex,\n            endIndex: endIndex,\n            pages: pages\n        };\n    }\n\n    render() {\n        var pager = this.state.pager;\n\n        if (!pager.pages || pager.pages.length <= 1) {\n            // don't display pager if there is only 1 page\n            return null;\n        }\n\n        return (\n            <ul className=\"pagination\">\n                <li className={pager.currentPage === 1 ? 'disabled page-item' : 'page-item'}>\n                    <a className=\"page-link\" onClick={() => this.setPage(1)}>First</a>\n                </li>\n                <li className={pager.currentPage === 1 ? 'disabled page-item' : 'page-item'}>\n                    <a className=\"page-link\" onClick={() => this.setPage(pager.currentPage - 1)}>Previous</a>\n                </li>\n                {pager.pages.map((page, index) =>\n                    <li key={index} className={pager.currentPage === page ? 'active page-item' : 'page-item'}>\n                        <a className=\"page-link\" onClick={() => this.setPage(page)}>{page}</a>\n                    </li>\n                )}\n                <li className={pager.currentPage === pager.totalPages ? 'disabled page-item' : 'page-item'}>\n                    <a className=\"page-link\" onClick={() => this.setPage(pager.currentPage + 1)}>Next</a>\n                </li>\n                <li className={pager.currentPage === pager.totalPages ? 'disabled page-item' : 'page-item'}>\n                    <a className=\"page-link\" onClick={() => this.setPage(pager.totalPages)}>Last</a>\n                </li>\n            </ul>\n\n        );\n    }\n}\n\nPagination.propTypes = propTypes;\nPagination.defaultProps = defaultProps;\nexport default Pagination;","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/articles.css';\nimport '../css/rtl.css';\nimport moment from 'moment'\nimport Pagination from '../components/Pagination';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { PressIDParam, GetLang, calcNavHeight } from '../_helpers/HelperFunctions';\nimport { Link } from 'react-router-dom';\nimport { FormattedMessage } from 'react-intl';\nimport Context from '../components/Context';\n\n\n\n\n\nexport class ArticlesPage extends Component {\n    static contextType = Context;  \n\n    constructor(props) {\n        super(props);\n        this.state = {\n            pageInfo: '',\n            articles: [],\n            socialBtns: '',\n            loadingFetch: true,\n            error: '',\n            pageOfItems: []\n        };\n        this.onChangePage = this.onChangePage.bind(this);\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    async componentDidMount() {\n        const { socialBtns } = this.context;\n\n        calcNavHeight();\n        this.setState({ loadingFetch: true, articles: await this.fetch('GET', \"Wiki/GetByCategory/\" + PressIDParam), socialBtns, pageInfo: await this.fetch('GET', \"Wiki/GetWikiCategoryById/\" + PressIDParam), loadingFetch: false }); //: await this.fetch('GET', \"Generic/GetSocialBtns\")\n        calcNavHeight();\n\n    }\n\n    onChangePage(pageOfItems) {\n        // update state with new page of items\n        this.setState({ pageOfItems });\n    }\n\n    openInNewTab = (url) => {\n        const newWindow = window.open(url, '_blank', 'noopener,noreferrer')\n        if (newWindow) newWindow.opener = null\n    }\n\n    render() {\n        document.title = \"Press\";\n\n        let { error, articles, loadingFetch, pageOfItems, pageInfo, socialBtns } = this.state;\n        if (error)\n            return <Error />\n\n        var url;\n        var renderSocialBtns = socialBtns && socialBtns.map(function (btn, idx) {\n            switch (btn.name) {\n                case \"showfacebook\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"facebookurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '') {\n                        return <a href={url[0].value} title={GetLang() === 'ar' ? \"������\" : \"facebook\"} target=\"_blank\" rel=\"noopener noreferrer\" className=\"news-social-icon\">\n                            <i className=\"fab fa-facebook-f icon\" />\n                        </a>\n\n                    }\n                    break;\n                case \"showlinkedin\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"linkedinurl\"\n                    })\n\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" title={GetLang() === 'ar' ? \"��������\" : \"linkedin\"} className=\"news-social-icon\">\n                            <i className=\"fab fa-linkedin-in icon\" />\n                        </a>;\n                    break;\n                case \"showinsta\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"instaUrl\"\n                    })\n\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" title={GetLang() === 'ar' ? \"��������\" : \"instagram\"} className=\"news-social-icon\">\n                            <i className=\"fab fa-instagram icon\" />\n                        </a>;\n                    break;\n                case \"showyoutube\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"youtubeurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" title={GetLang() === 'ar' ? \"������\" : \"youtube\"} className=\"news-social-icon\">\n                            <i className=\"fab fa-youtube icon\" />\n                        </a>;\n                    break;\n                default:\n                    return null;\n\n            }\n        })\n\n        return (\n            <div class=\"wrapper-container\">\n                {loadingFetch === true ? <Loading /> :\n                    <div className=\"news\">\n                        <div className=\"container-fluid\">\n                            <div className=\"news-wrapper\">\n                                <div className=\"news-main-title\">{pageInfo && pageInfo.name} </div>\n                                <div className=\"article-line\" />\n                                <div className=\"news-socialmedia\">\n                                    {renderSocialBtns}\n                                    <button target=\"_blank\" rel=\"noopener noreferrer\" className=\"news-social-icon\" onClick={() => window.print()}>\n                                        <span className=\"icon-printer icon\" />\n                                    </button>\n                                </div>\n                                <div className=\"news-main-text\">\n                                    {pageInfo && pageInfo.description}\n                                </div>\n                                {(() => {\n                                    if (articles && articles.length === 0)\n                                        return <FormattedMessage\n                                            id='There_is_any_article_until_now'\n                                            defaultMessage='There is any article until now.'\n                                        /> \n                                    else\n                                        return <>\n                                            <div className=\"articles-grid\">\n                                                {pageOfItems && pageOfItems.map(article =>\n                                                    <Link className=\"article-row animated fadeInLeft\" key={article && article.id} to={article && \"Article/\" + article.id}>\n                                                        <div className=\"article-img\">\n                                                            {(() => {\n                                                                if (article && article.images&& (article.images.length == 0 || article.images[0].image == null))\n                                                                    return <img src=\"assets/img/notfound.png\" className=\"img-fluid\" alt=\"\" />\n                                                                else\n                                                                    return < img src={article && article.images && article.images[0] && article.images[0].image} className=\"img-fluid\" alt=\"article image\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                                                            })()}\n                                                        </div>\n                                                        <div className=\"article-details\">\n                                                            <div className=\"article-title\">\n                                                                {article && article.name}\n                                                            </div>\n                                                            <div className=\"article-text\">\n                                                                {article && article.description}\n                                                            </div>\n                                                            <div className=\"article-date\">\n                                                                {article && article.dateCreated && moment(article.dateCreated).format('LLL')}\n                                                            </div>\n                                                        </div>\n                                                    </Link>\n                                                )}\n                                            </div>\n                                            <div className=\"articles-pagination\">\n                                                <div aria-label=\"Page navigation example\">\n                                                    <Pagination items={articles} onChangePage={this.onChangePage} />\n                                                </div>\n                                            </div>\n                                        </>\n                                })()}\n                            </div>\n                        </div>\n                    </div>\n                }\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/about-services.css';\nimport '../css/rtl.css';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { FormattedMessage } from 'react-intl';\nimport { ServiceIDParam, GetLang, calcNavHeight } from '../_helpers/HelperFunctions';\n\n\n\nexport class ServicesPage extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            serviceCategories: '',\n            serviceCat: '',\n            loadingFetch: true,\n            error: ''\n        };\n    }\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    async componentDidMount() {\n        calcNavHeight();\n        this.setState({ serviceCategories: await this.fetch('GET', \"Service/Category/\" + ServiceIDParam), serviceCat: await this.fetch('GET', \"Service/Cat/\" + ServiceIDParam), loadingFetch: false });\n        calcNavHeight();\n    }\n\n    render() {\n        document.title = \"Our services\";\n\n        let { error, serviceCategories, serviceCat, loadingFetch } = this.state;\n        if (error)\n            return <Error />\n        return (\n            <div className=\"wrapper-container\">\n                {/* Services Header */}\n                {loadingFetch === true ? <Loading /> :\n                    <>\n                        <div className=\"about-header\">\n                            {(() => {\n                                if (serviceCategories && serviceCategories.images && (serviceCategories.images.length == 0 || serviceCategories.images[0].image == null))\n                                    return <img src=\"assets/img/services.png\" className=\"img-fluid animated fadeInLeft\" alt=\"\" />\n                                else\n                                    return < img src={serviceCategories && serviceCategories.images && serviceCategories.images[0] && serviceCategories.images[0].image} className=\"img-fluid  animated fadeInLeft\" alt=\"service image\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/services.png\" }} />\n                            })()}\n                        </div>\n                        {/* Services Header */}\n                        {/* Services Container */}\n                        <div className=\"about-container\">\n                            <div className=\"container-fluid\">\n                                <div className=\"about-content\">\n                                    <div className=\"about-flexable d-flex justify-content-between\">\n                                        <div className=\"about-data\">\n                                            <div className=\"about-text-container\">\n                                                <div className=\"bg-title text-uppercase\"><FormattedMessage\n                                                    id='GENERAL_BRIEF'\n                                                    defaultMessage='GENERAL BRIEF'\n                                                /> </div>\n                                                <div className=\"text\">\n                                                    <div dangerouslySetInnerHTML={{ __html: serviceCategories && serviceCategories.description }}></div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"about-sidebar\">\n                                            {/*<div className=\"download-btn mb-5\">*/}\n                                            {/*    <a href=\"#\" className=\"dl-btn text-center\">Download Our Profile</a>*/}\n                                            {/*</div>*/}\n                                        </div>\n                                    </div>\n                                    {(() => {\n                                        if (serviceCat && serviceCat.services && serviceCat.services.length === 0)\n                                            return <FormattedMessage\n                                                id='There_is_any_Service'\n                                                defaultMessage='There is any Service until now.'\n                                            /> \n                                        else\n                                            return <div className=\"services-grid\">\n                                                {serviceCat && serviceCat.services.map((service, index) =>\n                                                    <div className={index % 2 == 0 ? \"sg-card animated fadeInLeft\" : \"sg-card animated fadeInRight\"} key={index}>\n                                                        <div className=\"sg-text\">\n                                                            <div className=\"bg-title text-uppercase\">{service && service.name}</div>\n                                                            <div className=\"text\">{service && service.description}</div>\n                                                        </div>\n                                                        <div className=\"sg-view\">\n                                                            {(() => {\n                                                                if (service && service.image == null) {\n                                                                    return <img src=\"assets/img/notfound.png\" className=\"img-fluid\" alt=\"\" />\n                                                                }\n                                                                else\n                                                                    return <img src={service && service.image} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                                                            })()}\n                                                        </div>\n                                                    </div>\n                                                )}\n                                            </div>\n                                    })()}\n                                </div>\n                            </div>\n                        </div>\n                        {/* Services Container */}\n                    </>\n                }\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react';\nimport $ from 'jquery';\nimport 'bootstrap/dist/js/bootstrap.bundle.min';\nimport ionRangeSlider from 'ion-rangeslider';\nimport { numberWithCommas } from '../_helpers/HelperFunctions'\nimport { Loading } from '../components/Loading';\nimport SlimSelect from 'slim-select'\nimport { GetLang } from '../_helpers/HelperFunctions'\nimport { FormattedMessage } from 'react-intl';\nimport Context from '../components/Context';\n\n\nconst priceFrom = 500000;\nconst priceTo = 3000000;\nconst areaFrom = 50;\nconst areaTo = 300;\n\nexport class ModalFilterProjects extends Component {\n    static contextType = Context;  \n\n    constructor(props) {\n        super(props);\n        this.state = {\n            minPriceSearch: 500000,\n            maxPriceSearch: 3500000,\n            minAreaSearch: 50,\n            maxAreaSearch: 1000,\n            propertyType: this.props.type,\n            location: '',\n            locations: '',\n            categories: '',\n            loadingFetch: true,\n            error: '',\n            newID: this.props.type\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n       \n    async componentDidMount() {\n        let that = this;\n        const { categories } = this.context;\n\n        // let categories = await this.fetch('GET', \"Generic/GetCategories\");\n        let locations = await this.fetch('GET', \"Projects/GetDistricts\")\n        this.setState({ loadingFetch: true, locations, location: locations && locations[0] && locations[0].id, categories, loadingFetch: false });\n\n        if (this.state.error === '' && this.state.loadingFetch === false) {\n            $(document).ready(function () {\n                new SlimSelect({\n                    select: \"#propertyTypeModal\",\n                    showSearch: false,                    \n                    onChange: (info) => {\n                        console.log(info.value);\n                    },\n                });\n                new SlimSelect({\n                    select: \"#locationModal\",\n                    showSearch: false,\n                    onChange: (info) => {\n                        console.log(info.value);\n                    },\n                });\n                $(\".js-range-slider-meter\").ionRangeSlider({\n                    onStart: function (data) {\n                        $(\"#mfgdInputValArea-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValArea-2\").text(numberWithCommas(data.to));\n                    },\n                    onChange: function (data) {\n                        $(\"#mfgdInputValArea-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValArea-2\").text(numberWithCommas(data.to));\n                        that.setState({ minAreaSearch: data.from })\n                        that.setState({ maxAreaSearch: data.to })\n                    },\n                    onUpdate: function (data) {\n                        $(\"#mfgdInputValArea-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValArea-2\").text(numberWithCommas(data.to));\n                        that.setState({ minAreaSearch: data.from })\n                        that.setState({ maxAreaSearch: data.to })\n                    },\n                });\n                $(\".js-range-slider-price\").ionRangeSlider({\n                    onStart: function (data) {\n                        $(\"#mfgdInputValPrice-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValPrice-2\").text(numberWithCommas(data.to));\n                    },\n                    onChange: function (data) {\n                        $(\"#mfgdInputValPrice-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValPrice-2\").text(numberWithCommas(data.to));\n                        that.setState({ minPriceSearch: data.from })\n                        that.setState({ maxPriceSearch: data.to })\n                    },\n                    onUpdate: function (data) {\n                        $(\"#mfgdInputValPrice-1\").text(numberWithCommas(data.from));\n                        $(\"#mfgdInputValPrice-2\").text(numberWithCommas(data.to));\n                        that.setState({ minPriceSearch: data.from })\n                        that.setState({ maxPriceSearch: data.to })\n                    },\n                });\n            });\n        }\n        this.backToSPopupHandle();\n    }\n    \n    handleChange = (event) => {\n        event.preventDefault();\n        let { name, value } = event.target;\n        this.setState({ [name]: value })\n    }\n\n    handleSubmit = async (event) => {\n        event.preventDefault();\n        let { location, propertyType, minPriceSearch, maxPriceSearch, minAreaSearch, maxAreaSearch } = this.state;\n        let queryString = \"?catID=\" + propertyType + \"&district=\" + location + \"&price=\" + minPriceSearch + \"-\" + maxPriceSearch + \"&unit=\" + minAreaSearch + \"-\" + maxAreaSearch;\n\n        let result = await this.fetch('GET', \"Search\" + queryString);\n        if (result.length > 0) {\n            $(\".modal-backdrop\").fadeOut(0);\n            document.body.className = document.body.className.replace(\"modal-open\", \"\");\n            document.body.style.paddingRight = \"\";\n            this.props.history.push({\n                pathname: '/SearchResult',\n                search: queryString,\n            })\n        }\n        else\n            this.NotFoundHandle();\n\n    }\n\n    handleClearSearch = () => {\n        let rangePrice = $(\".js-range-slider-price\").data(\"ionRangeSlider\");\n        let rangeMeter = $(\".js-range-slider-meter\").data(\"ionRangeSlider\");\n        rangePrice.reset();\n        rangeMeter.reset();\n        $(\"#modalCheckboxContainer\").slideUp(300);\n        $(\".multiple-checkbox-container\").slideUp(300);\n        $(\".input-checkbox\").prop(\"checked\", false);\n\n        this.setState({\n            minPrice: priceFrom,\n            maxPrice: priceTo,\n            minArea: areaFrom,\n            maxArea: areaTo,\n            propertyType: this.state.categories && this.state.categories[0] && this.state.categories[0].id,\n            location: ''\n        });\n    }\n\n    // Back To Search Popup\n    backToSPopupHandle() {\n        $(\"#backToSPopup\").fadeOut(0);\n        $(\".modal-s-center\").addClass('active');\n        $(\"#snr-popup\").fadeOut(0);\n        $(\"#clearAll\").addClass('active');\n    }\n\n    // Back To Search Popup\n    NotFoundHandle() {\n        $(\"#backToSPopup\").fadeIn(0);\n        $(\".modal-s-center\").removeClass('active');\n        $(\"#snr-popup\").fadeIn(0);\n        $(\"#clearAll\").removeClass('active');\n    }\n\n    async componentWillReceiveProps(nextProps) {\n        // console.log(nextProps)\n        //await this.setState({ newID: nextProps.type });\n        await this.setState({ propertyType: nextProps.type });\n\n    }\n    async updatePropType() {\n        await this.setState({ propertyType: this.state.newID });\n    }\n\n    render() {\n        let { error, locations, location, propertyType, loadingFetch, minPrice, maxPrice, minArea, maxArea, categories, newID } = this.state;\n        //if (newID !== propertyType)\n        //    this.updatePropType();\n\n        //if (error)\n        //    return <Error/>      \n        return (\n            <div className=\"modal fade\" id=\"modalSearchFilter\" tabIndex={-1} aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n                <div className=\"modal-dialog modal-dialog-centered\">\n\n                    <div className=\"modal-content\">\n                        <div className=\"modal-body\">\n\n                            {loadingFetch === true ? <Loading /> :\n                                <>\n                                    <div className=\"modal-s-top flex-center justify-content-between\">\n                                        <button className=\"flex-center filter-title\"><span className=\"icon-filter icon\" />\n                                            <div className=\"title ml-3\"><FormattedMessage\n                                                id='FiltersModal'\n                                                defaultMessage='Filters'\n                                            /></div>\n                                        </button>\n                                        <button className=\"d-flex close-filter opacity-hover\" data-dismiss=\"modal\"><span className=\"icon-cancel icon\" /></button>\n                                    </div>\n\n                                    {/* No Results */}\n                                    <div id=\"snr-popup\" className=\"search-no-results\">\n                                        <div className=\"snr-dropdown\">\n                                            <div className=\"snr-title flex-center\">\n                                                <img src=\"assets/img/icons/search-no-results.svg\" className=\"img-fluid\" alt=\"\" />\n                                                <span><FormattedMessage\n                                                    id=\"NoResults\"\n                                                    defaultMessage=\"No Results\"\n                                                /></span>\n                                            </div>\n                                            <div className=\"snr-text\"><FormattedMessage\n                                                id=\"NoResultsContent\"\n                                                defaultMessage=\"Try adjusting your search by changing your location, removing filters\"\n                                            /></div>\n                                        </div>\n                                    </div>\n\n                                    <div className=\"modal-s-center\">\n                                        <div className=\"modal-filter-grid-double\">\n                                            <div className=\"modal-filter-dropdown\">\n                                                {/* Selectbox */}\n                                                <div className=\"selectbox-slim\">\n                                                    <label className=\"ss-label text-uppercase\">\n                                                        <FormattedMessage\n                                                            id='All_Locations'\n                                                            defaultMessage='All Locations'\n                                                        /></label>\n                                                    <select id=\"locationModal\" name=\"location\" value={location} onChange={this.handleChange} >\n                                                        <FormattedMessage id=\"Select_location\"\n                                                            defaultMessage=\"Select location\">\n                                                            {placeholder =>\n                                                                <option value=\"\" disabled>{placeholder}</option>\n                                                            }\n                                                        </FormattedMessage>\n                                                        {locations && locations.map(location =>\n                                                            <option value={location.id}>{location.name}</option>\n                                                        )}\n                                                    </select>\n                                                </div>\n                                            </div>\n                                            <div className=\"modal-filter-dropdown\">\n                                                <div className=\"selectbox-slim\">\n                                                    <label className=\"ss-label text-uppercase\"><FormattedMessage\n                                                        id='Property_Type'\n                                                        defaultMessage='Property Type'\n                                                    /></label>\n                                                    <select id=\"propertyTypeModal\" name=\"propertyType\" value={propertyType} onChange={this.handleChange}>\n                                                        {categories && categories.length !== 0 && categories.map(cat =>\n                                                            <option value={cat.id}>{cat.name}</option>                                                           \n                                                        )}\n                                                    </select>                                                   \n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div id=\"modalCheckboxContainer\" className=\"modal-checkbox-container mt-4\">\n                                            {/* Start Row */}\n                                            <div className=\"modal-checkbox-row\">\n                                                <div className=\"checkbox-toggle-header flex-center-between\">\n                                                    {/* if u want to check all inputs just add this class checkAll */}\n                                                    <div className=\"checkAll checkbox-group flex-center\">\n                                                        <div className=\"fake-checkbox\">\n                                                            <input id=\"modalCheckbox1\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                            <div className=\"fake-cb-child\">\n                                                                <span />\n                                                            </div>\n                                                        </div>\n                                                        <label className=\"checkbox-text\" htmlFor=\"modalCheckbox1\">Apartment\n                        </label>\n                                                    </div>\n                                                    <button className=\"checkbox-toggle-btn flex-center\">\n                                                        <div className=\"ml-2 mr-2\">All Types</div> <span className=\"icon-chevron-down icon\" />\n                                                    </button>\n                                                </div>\n                                                <div className=\"multiple-checkbox-container\">\n                                                    <div className=\"multiple-checkbox-grid\">\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox2\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox2\">Apartment\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox3\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox3\">Duplex\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox4\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox4\">Duplex\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox5\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox5\">Penthouse\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox7\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox7\">Twin House\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox8\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox8\">Studio\n                          </label>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            {/* Start Row */}\n                                            <div className=\"modal-checkbox-row\">\n                                                <div className=\"checkbox-toggle-header flex-center-between\">\n                                                    {/* if u want to check all inputs just add this class checkAll */}\n                                                    <div className=\"checkAll checkbox-group flex-center\">\n                                                        <div className=\"fake-checkbox\">\n                                                            <input id=\"modalCheckbox9\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                            <div className=\"fake-cb-child\">\n                                                                <span />\n                                                            </div>\n                                                        </div>\n                                                        <label className=\"checkbox-text\" htmlFor=\"modalCheckbox9\">Villa\n                        </label>\n                                                    </div>\n                                                    <button className=\"checkbox-toggle-btn flex-center\">\n                                                        <div className=\"ml-2 mr-2\">All Types</div> <span className=\"icon-chevron-down icon\" />\n                                                    </button>\n                                                </div>\n                                                <div className=\"multiple-checkbox-container\">\n                                                    <div className=\"multiple-checkbox-grid\">\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox11\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox11\">Villa\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox12\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox12\">Stand Alone\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox13\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox13\">TownHouse\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox14\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox14\">I Villa\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox15\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox15\">Palace\n                          </label>\n                                                        </div>\n                                                        <div className=\"checkbox-group flex-center\">\n                                                            <div className=\"fake-checkbox\">\n                                                                <input id=\"modalCheckbox10\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                                <div className=\"fake-cb-child\">\n                                                                    <span />\n                                                                </div>\n                                                            </div>\n                                                            <label className=\"checkbox-text\" htmlFor=\"modalCheckbox10\">Twin\n                          </label>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            {/* Start Row */}\n                                            <div className=\"modal-checkbox-row\">\n                                                <div className=\"checkbox-toggle-header flex-center-between\">\n                                                    <div className=\"checkbox-group flex-center\">\n                                                        <div className=\"fake-checkbox\">\n                                                            <input id=\"modalCheckbox18\" type=\"checkbox\" className=\"input-checkbox\" />\n                                                            <div className=\"fake-cb-child\">\n                                                                <span />\n                                                            </div>\n                                                        </div>\n                                                        <label className=\"checkbox-text\" htmlFor=\"modalCheckbox18\">Chalet\n                        </label>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"filter-price-range\">\n                                            <div className=\"title\"><FormattedMessage\n                                                id='Price_Range'\n                                                defaultMessage='Price Range'\n                                            /> </div>\n                                            {/*<input type=\"range\" min={minPrice} max={maxPrice} value={minPrice} className=\"js-range-slider-price\" id=\"myRange\" id=\"propertyType\" name=\"propertyType\" value={propertyType} onChange={this.handleChange} />*/}\n                                            <input type=\"text\" dir=\"rtl\" data-drag-interval=\"false\" className=\"js-range-slider-price\" name=\"my_range\" defaultValue data-type=\"double\" data-min={0} data-max={150000000} data-from={priceFrom} data-to={priceTo} data-grid=\"false\" data-step={500000} />\n                                            <div className=\"modal-filter-grid-double\">\n                                                <div className=\"mfgd-input\">\n                                                    <div id=\"mfgdInputValPrice-1\" className=\"mfgd-input-val mr-2\"> </div> <FormattedMessage\n                                                        id='EGP'\n                                                        defaultMessage='EGP'\n                                                    />\n                                                </div>\n                                                <div className=\"mfgd-input\">\n                                                    <div id=\"mfgdInputValPrice-2\" className=\"mfgd-input-val mr-2\"> </div> <FormattedMessage\n                                                        id='EGP'\n                                                        defaultMessage='EGP'\n                                                    />\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"filter-price-range\">\n                                            <div className=\"title\"><FormattedMessage\n                                                id='Area'\n                                                defaultMessage='Area'\n                                            /> (<FormattedMessage\n                                                    id='m2'\n                                                    defaultMessage='m2'\n                                                />)</div>\n                                            {/*<input type=\"range\" min={minArea} max={maxArea} value={minArea} className=\"js-range-slider-price\" id=\"myRange\" id=\"propertyType\" name=\"propertyType\" value={propertyType} onChange={this.handleChange} />*/}\n                                            <input type=\"text\" data-drag-interval=\"false\" className=\"js-range-slider-meter\" name=\"my_range\" defaultValue data-type=\"double\" data-min={50} data-max={5000} data-from={areaFrom} data-to={areaTo} data-grid=\"false\" data-step={50} />\n                                            <div className=\"modal-filter-grid-double\">\n                                                <div className=\"mfgd-input\">\n                                                    <div id=\"mfgdInputValArea-1\" className=\"mfgd-input-val\"> </div>\n                                                </div>\n                                                <div className=\"mfgd-input\">\n                                                    <div id=\"mfgdInputValArea-2\" className=\"mfgd-input-val\"> </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div className=\"modal-s-bottom fadeInDown\">\n                                        <div className=\"modal-filter-grid-double mb-0\">\n                                            <div className=\"button-default cancel-btn opacity-hover\">\n                                                <button id=\"clearAll\" onClick={() => this.handleClearSearch()} className=\"justify-content-center width-fluid\"><FormattedMessage\n                                                    id='Clear_All'\n                                                    defaultMessage='Clear All'\n                                                /></button>\n                                                <button id=\"backToSPopup\" className=\"justify-content-center width-fluid\" onClick={() => this.backToSPopupHandle()}><FormattedMessage\n                                                    id=\"Back\"\n                                                    defaultMessage=\"Back\"\n                                                /></button>\n                                            </div>\n                                            <div className=\"button-default bt-black\">\n                                                <button className=\"justify-content-center width-fluid\" onClick={(e) => this.handleSubmit(e)}><FormattedMessage\n                                                    id='Search'\n                                                    defaultMessage='Search'\n                                                /></button>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </>\n                            }\n                        </div>\n                    </div>\n                </div>                \n            </div>\n        );       \n    }\n}\n\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/projects.css';\nimport '../css/rtl.css';\nimport { ModalFilterProjects } from '../components/ModalFilterProjects'\nimport $ from 'jquery';\nimport { Link } from 'react-router-dom';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { GetLang, calcNavHeight } from '../_helpers/HelperFunctions';\nimport { FormattedMessage } from 'react-intl';\nimport Context from '../components/Context';\n\n\n\nexport class ProjectsPage extends Component {\n    static contextType = Context;  \n\n    constructor(props) {\n        super(props);\n        this.state = {\n            type: this.props.match.params.id,\n            isListProperties:false,\n            projects: '',\n            filteredProjects: '',\n            loadingFetch: true,\n            loadFilteredProjects: false,\n            error: '',\n            disabledSearch: false,\n            searchValue: '',\n            categories: ''\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n\n    async componentDidMount() {\n        calcNavHeight();\n        const { categories } = this.context;\n\n        // let categories = await this.fetch('GET', \"Generic/GetCategories\");\n\n        let categoryInfo;\n        let isListProperties=false;\n\n        categoryInfo = categories.filter(obj => {\n            return obj.id == this.state.type\n        })\n\n        let apiCallResult;\n        if (categoryInfo && categoryInfo[0] && categoryInfo[0].bool1 == true) {\n            isListProperties = true;\n            apiCallResult = await this.fetch('GET', \"Items/GetByType/\" + this.state.type);\n        }\n        else {\n            apiCallResult = await this.fetch('GET', \"Projects/FilterProjects/\" + this.state.type);\n        }\n\n        this.setState({ loadingFetch: true, isListProperties: isListProperties, categories, projects: apiCallResult, filteredProjects: apiCallResult, loadingFetch: false });\n        calcNavHeight();\n    }\n\n    handleSearchChange = e => {\n        const { value } = e.target;\n        const lowercasedValue = value.toLowerCase();\n\n        if (this.state.projects.length > 0) {\n            this.setState({ searchValue: value });\n            this.setState(prevState => {\n                const filteredProjects = prevState.projects.filter(el =>\n                    el.name.toLowerCase().includes(lowercasedValue)\n                );\n                return { filteredProjects };\n            });\n        }\n    };\n\n    dropDown() {\n        var dropdownElement = document.getElementById(\"dropdownShapes\");\n        var iconElement = document.getElementById(\"icon\");\n        if (dropdownElement.style.display != \"block\") {\n            iconElement.classList.add(\"active\");\n            $(\"#dropdownShapes\").slideDown(400);\n        } else {\n            iconElement.classList.remove(\"active\");\n            $(\"#dropdownShapes\").slideUp(400);\n        }\n    }\n\n    async onSelect(type) {\n        let { categories, isListProperties } = this.state;\n\n        //let categoryInfo;\n        //categoryInfo = categories.filter(obj => {\n        //    return obj.id == type\n        //})\n        //let apiCallResult;\n        //await this.setState({ loadFilteredProjects: true, disabledSearch: true, searchValue: '' });\n        //if (categoryInfo && categoryInfo[0] && categoryInfo[0].bool1 == true) {\n        //    apiCallResult = await this.fetch('GET', \"Items/GetByType/\" + type);\n        //}\n        //else {\n        //    apiCallResult = await this.fetch('GET', \"Projects/GetByCategoryID/\" + type);\n        //}\n\n\n        this.props.history.push({\n            pathname: `/Projects/${type}`\n        })\n\n        var container = $(\".dropdown-shapes-container\");\n        $(\".dropdown-shapes-list\").slideUp();\n        container.find('.selected-item-icon').removeClass('active');\n\n        //let apiCallResult = await this.fetch('GET', \"Projects/GetByCategoryID/\" + type);\n\n        //await this.setState({ type: type, loadFilteredProjects: false, disabledSearch: false, searchValue: '' }); //, projects: apiCallResult, filteredProjects: apiCallResult\n    }\n\n    async componentWillReceiveProps(nextProps) {\n        await this.setState({ loadFilteredProjects: true, disabledSearch: true, searchValue: ''});\n\n        let { isListProperties, categories } = this.state;\n\n        let categoryInfo;\n        categoryInfo = categories.filter(obj => {\n            return obj.id == nextProps.match.params.id\n        })\n        let apiCallResult;\n        if (categoryInfo && categoryInfo[0] && categoryInfo[0].bool1 == true) {\n            isListProperties = true;\n            apiCallResult = await this.fetch('GET', \"Items/GetByType/\" + nextProps.match.params.id);\n        }\n        else {\n            isListProperties = false;\n            apiCallResult = await this.fetch('GET', \"Projects/FilterProjects/\" + nextProps.match.params.id);\n        }\n        await this.setState({ type: nextProps.match.params.id, projects: apiCallResult, filteredProjects: apiCallResult, isListProperties: isListProperties, loadFilteredProjects: false, disabledSearch: false });\n        //console.log('Component received new props', nextProps.match.params.id);\n    }\n\n    render() {\n        document.title = \"Projects\";\n\n        let { error, projects, loadingFetch, filteredProjects, type, loadFilteredProjects, disabledSearch, searchValue, categories, isListProperties } = this.state;\n        let lang = GetLang();\n        if (error) {\n            return <Error />\n        }\n      \n        let arrOfBuy = categories && categories.filter(category => category.id == type);\n\n        $(\"#ph-view\").removeClass();\n        $(\"#ph-view\").addClass(arrOfBuy && arrOfBuy[0] && arrOfBuy[0].styleValue + \" img-fluid icon\");\n\n        $(\"#ph-view-overlay\").removeClass();\n        $(\"#ph-view-overlay\").addClass(arrOfBuy && arrOfBuy[0] && arrOfBuy[0].styleValue + \" ph-view-overlay\");\n\n        // $('#ph-view').attr('src', `assets/img/icons/${type}.svg`);\n        // $(\"#ph-view-overlay\").attr('src', `assets/img/icons/${type}.svg`);\n\n        let color = arrOfBuy && arrOfBuy[0] && arrOfBuy[0].colorCode;\n        $(\".vh-data\").css('backgroundColor', `${color}`);\n\n        $(document).click(function (e) {\n            var container = $(\".dropdown-shapes-container\");\n            if (!container.is(e.target) && container.has(e.target).length === 0) {\n                $(\".dropdown-shapes-list\").slideUp();\n                container.find('.selected-item-icon').removeClass('active');\n            }\n        });\n\n        return (\n            <>\n                <ModalFilterProjects type={type} history={this.props.history} />\n                <div className=\"wrapper-container\">\n                    {loadingFetch === true ? <Loading /> :\n                        <>\n                            {/* Vacation Filter */}\n                            <div className=\"vacation-filter\">\n                                <div className=\"container-fluid\">\n                                    <div className=\"vacation-content\">\n                                        <div className=\"projects-row-bar d-flex\">\n                                            <div className=\"dropdown-shapes-container flex-center\">\n                                                <div className=\"selected-item flex-center-between\" onClick={() => this.dropDown()}>\n                                                    <div className=\"selected-item-header flex-center\">\n                                                        <span className={arrOfBuy && arrOfBuy[0] && arrOfBuy[0].styleValue + \" img-fluid selected-item-logo\"} style={{ fontSize: \"28px\" }} />\n                                                        {/*<img src={`assets/img/icons/${type}.svg`} className=\"img-fluid selected-item-logo\" alt=\"\" />*/}\n                                                        <div className=\"selected-item-title text-capitalize\">\n                                                            {arrOfBuy && arrOfBuy[0] && arrOfBuy[0].name}\n                                                        </div>\n                                                    </div>\n                                                    <span className=\"icon-chevron-down selected-item-icon\" id=\"icon\" />\n                                                </div>\n                                                <div className=\"dropdown-shapes-list\" id=\"dropdownShapes\">\n                                                    {categories && categories.length !== 0 && categories.map(cat =>\n                                                        <Link to={cat.id} onClick={() => { this.onSelect(cat.id) }} className=\"dropdown-shape-row flex-center\" data-text={cat.name}>\n                                                            <span className={cat.styleValue + \" img-fluid dropdown-item-logo\"} style={{ fontSize: \"28px\" }} />\n                                                            <div className=\"title text-capitalize\">\n                                                                {cat.name}\n                                                            </div>\n                                                        </Link>\n                                                    )}\n\n                                                    {/*<Link to=\"Commercial\" onClick={() => { this.onSelect(\"Commercial\") }} className=\"dropdown-shape-row flex-center\" data-text=\"Commercial\">*/}\n                                                    {/*    <img src=\"assets/img/icons/commercial.svg\" className=\"img-fluid dropdown-item-logo\" alt=\"\" />*/}\n                                                    {/*    <div className=\"title text-capitalize\"><FormattedMessage*/}\n                                                    {/*        id='Commercial'*/}\n                                                    {/*        defaultMessage='Commercial'*/}\n                                                    {/*    /></div>*/}\n                                                    {/*</Link>*/}\n                                                    {/*<Link to=\"Rent\" onClick={() => { this.onSelect(\"Rent\") }} className=\"dropdown-shape-row flex-center\" data-text=\"Rent\">*/}\n                                                    {/*    <img src=\"assets/img/icons/administrative.svg\" className=\"img-fluid dropdown-item-logo\" alt=\"\" />*/}\n                                                    {/*    <div className=\"title text-capitalize\"><FormattedMessage*/}\n                                                    {/*        id='Rent'*/}\n                                                    {/*        defaultMessage='Rent'*/}\n                                                    {/*    /></div>*/}\n                                                    {/*</Link>*/}\n                                                </div>\n                                            </div>\n                                            <div className=\"projects-search\">\n                                                <div className=\"ps-group flex-center height-fluid pl-3 pr-3\">\n                                                    <span className=\"icon-search icon\" />\n                                                    <FormattedMessage id=\"Search_for_Projects\"\n                                                        defaultMessage=\"Search by project name\">\n                                                        {placeholder =>\n                                                            <input type=\"text\" disabled={disabledSearch} placeholder={placeholder} name='searchValue' value={searchValue} onChange={this.handleSearchChange} />\n                                                        }\n                                                    </FormattedMessage>\n                                                </div>\n                                            </div>\n                                            <div>\n                                                <button className=\"projects-filter-btn flex-center\" data-toggle=\"modal\" data-target=\"#modalSearchFilter\">\n                                                    <span className=\"icon-filter icon\" />\n                                                    <div className=\"fil-txt\"><FormattedMessage\n                                                        id='Filters'\n                                                        defaultMessage='Filters'\n                                                    /></div>\n                                                </button>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            {(() => {\n                                if (loadFilteredProjects == true)\n                                    return <Loading />\n                                else if (projects && projects.length == 0)\n                                    return <h3 style={{ textAlign: 'center', marginBottom: \"15%\" }}><FormattedMessage\n                                        id='There_is_any_project'\n                                        defaultMessage='There is any project until now.'\n                                    /></h3>\n\n                                else\n                                    return <>\n                                        <div className=\"vacation-header animated fadeInDown\">\n                                            <div className=\"container-fluid\">\n                                                <div className=\"vh-row d-flex flex-wrap\">\n                                                    <div id=\"project-bg\" className=\"vh-bg\" style={{ backgroundImage: `url(${arrOfBuy && arrOfBuy[0] && arrOfBuy[0].image}),url(\"assets/img/projects.png\")` }} />\n                                                    <div className=\"vh-data\" style={{ backgroundColor: color }}>\n                                                        <div className=\"vh-icon flex-center\">\n                                                            <span id=\"ph-view\" className={arrOfBuy && arrOfBuy[0] && arrOfBuy[0].styleValue + \" img-fluid icon\"} style={{ fontSize: \"50px\" }} />\n                                                            {/*<img id=\"ph-view\" src={`assets/img/icons/${type}.svg`} className=\"img-fluid icon\" alt=\"\" />*/}\n                                                            <div id=\"ph-title\" className=\"vh-title text-uppercase title white-color\">\n                                                                {(() => {                                                                    \n                                                                    if (lang === \"en\") {\n                                                                        return <>\n                                                                            <FormattedMessage\n                                                                                id='Find_Your'\n                                                                                defaultMessage='Find your'\n                                                                            /> <br /> <span className=\"ph-name\">\n                                                                                {arrOfBuy && arrOfBuy[0] && arrOfBuy[0].name}\n                                                                               </span> <FormattedMessage\n                                                                                id=\"Property\"\n                                                                                defaultMessage=\"Property \"\n                                                                            />\n                                                                        </>\n\n                                                                    } else if (lang === \"ar\") {\n                                                                        return <>\n                                                                            <FormattedMessage\n                                                                                id='Find_Your'\n                                                                                defaultMessage='Find your'\n                                                                            /> <br /> <span className=\"ph-name\"><FormattedMessage\n                                                                                id=\"Property\"\n                                                                                defaultMessage=\"Property \"\n                                                                            /></span>\n                                                                            {arrOfBuy && arrOfBuy[0] && arrOfBuy[0].name}\n                                                                        </>\n                                                                    }\n                                                                })()}\n                                                            </div>\n                                                        </div>\n                                                        <span id=\"ph-view-overlay\" className={arrOfBuy && arrOfBuy[0] && arrOfBuy[0].styleValue + \" ph-view-overlay\"} style={{ fontSize: \"90px\" }} />                                                            \n\n                                                        {/*    <img id=\"ph-view-overlay\" className=\"ph-view-overlay\" src={`assets/img/icons/${type}.svg`} alt=\"\" />*/}\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"projects-container\">\n                                            <div className=\"container-fluid\">\n                                                <div className=\"projects-cards-container\">\n                                                    <div id className=\"projects-grid animated fadeInDown\" >\n                                                        {filteredProjects && filteredProjects.map(project =>\n                                                        {\n                                                            if (isListProperties == true) {\n                                                                return <Link to={{ pathname: project && \"/Property/\" + project.id }} className=\"project-card\" title={project && project.name}>\n                                                                    {project && project.projectLogo == null ? <img src=\"assets/img/notfound.png\" className=\"img-fluid\" alt=\"\" />\n                                                                        : <img src={project && project.projectLogo} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                                </Link>\n                                                            } else {\n                                                                return <Link to={{ pathname: project && \"/Project/\" + project.id }} className=\"project-card\" title={project && project.name}>\n                                                                    {project && project.logo == null ? <img src=\"assets/img/notfound.png\" className=\"img-fluid\" alt=\"\" />\n                                                                        : <img src={project && project.logo} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                                </Link>\n                                                            }\n                                                        }\n                                                        )}\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </>\n                            })()}\n                        </>\n                    }\n                </div>\n            </>\n        )\n    }\n}\n","import React, { useState } from \"react\";\nimport { FormattedMessage } from 'react-intl';\n\nexport const ReadMore = ({ children }) => {\n    const text = children;\n    const [isReadMore, setIsReadMore] = useState(true);\n    const toggleReadMore = () => {\n        setIsReadMore(!isReadMore);\n    };\n    return (\n        <p className=\"text\">\n            {isReadMore ? text && text.slice(0, 150) : text}\n            <span onClick={toggleReadMore} className=\"read-or-hide\">\n                {isReadMore ? <FormattedMessage\n                    id='read_more'\n                    defaultMessage='...read more'\n                /> : <FormattedMessage\n                        id='show_less'\n                        defaultMessage='show less'\n                    />}\n            </span>\n        </p>\n    );\n}","import React, { Component } from 'react'\nimport '../css/project-1.css';\nimport '../css/main.css';\nimport '../css/rtl.css';\nimport moment from 'moment'\nimport $ from 'jquery';\nimport { Link } from 'react-router-dom';\nimport Swiper, { SwiperOptions } from \"swiper\"\nimport SlimSelect from 'slim-select'\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { ReadMore } from '../components/ReadMore';\nimport { FormattedMessage } from 'react-intl';\nimport Context from '../components/Context';\n\nimport { numberWithCommas, validEmailRegex, IntegersGreaterThanZeroRegex, IntegersRegex, validmobileRegex, validNumbersRegex, validSpacesRegex, validSpecialCharRegex, Toast, GetLang, calcNavHeight } from '../_helpers/HelperFunctions'\n\nexport class ProjectPage extends Component {\n    static contextType = Context;\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            types: '',\n            name: '',\n            email: '',\n            mobile: '',\n            massage: '',\n            typeID: '',\n            whatsAppNumber: '',\n            isSubmitting: false,\n            errors: {\n                name: '',\n                email: '',\n                mobile: '',\n                massage: '',\n                typeID: ''\n            },\n            projectID: this.props.match.params.id,\n            projectInfo: '',\n            companyInfo: '',\n            loadingFetch: true,\n            error: '',\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                if (method === \"POST\") {\n                    Toast.fire({\n                        icon: 'error',\n                        title: \"There is error, try later.\"\n                    })\n                } else\n                    throw error;\n            } else {\n                if (method == \"POST\") {\n                    Toast.fire({\n                        icon: 'success',\n                        title: \"Your massage was send successfully.\"\n                    })\n                    this.setState({ name: '', email: '', massage: '', mobile: '', typeID: '' });\n                }\n                return await response.json();\n            }\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    handleSwiperThumbPhotos() {\n        let img = $(\".swiper-thumb-photos .swiper-slide.swiper-slide-active\")\n            .find(\"img\")\n            .attr(\"src\");\n        let modifiedimg = img && img.replace(\"PPTS_\", \"PPT_\");\n        $(\"#bgImageModalViewPhoto\").attr(\n            \"src\", modifiedimg\n        );\n    }\n\n    handleSwiperThumbPlans() {\n        let img = $(\".swiper-thumb-plan .swiper-slide.swiper-slide-active\")\n            .find(\"img\")\n            .attr(\"src\");\n        let modifiedimg = img && img.replace(\"IPTS_\", \"IPT_\");\n        $(\"#bgImageModalViewPlan\").attr(\n            \"src\", modifiedimg\n        );\n    }\n\n\n    async componentDidMount() {\n        let { errors } = this.state;\n\n        calcNavHeight();\n\n        //if (this.props && this.props.location && this.props.location.show && (this.props.location.show != 2 && this.props.location.show != 1)) {\n        //    window.location.assign('/404')\n        //}\n\n        let IsInt = IntegersRegex.test(this.state.projectID) ? true : false;\n        let IsGreateThanZero = IntegersGreaterThanZeroRegex.test(this.state.projectID) ? true : false;\n\n        if (IsInt !== true && IsGreateThanZero !== true) {\n            window.location.assign('/404')\n        } else {\n            let companyInfo = ''\n            let projectInfo = await this.fetch('GET', \"Projects/\" + this.state.projectID);\n\n            if (typeof (projectInfo) !== 'undefined' && projectInfo != null) {\n                companyInfo = await this.fetch('GET', \"Companies/\" + projectInfo.companyId);\n                const { socialBtns } = this.context;\n\n                // let whatsAppNumber = await this.fetch('GET', \"Generic/GetSocialBtns\");\n                let types = await this.fetch('GET', \"Generic/GetTypes\");\n\n                //console.log(projectInfo)\n\n                this.setState({ loadingFetch: true, projectInfo: projectInfo, whatsAppNumber: socialBtns, companyInfo: companyInfo, types, loadingFetch: false });\n                let that = this;\n                if (this.state.error === '' && this.state.loadingFetch === false) {\n                    $(document).ready(function () {\n                        new SlimSelect({\n                            select: '#typeID',\n                            showSearch: true,\n                            onChange: (info) => {\n                                errors.typeID = '';\n                                that.setState({ typeID: info.value, errors });\n                            }\n                        });\n\n                    });\n                }\n            } else {\n                console.log('Undefined or Null')\n            }\n            calcNavHeight();\n        }\n    }\n\n    componentDidUpdate(prevProps, prevState) {\n        new Swiper(\".properties\", {\n            // Optional parameters\n            direction: \"horizontal\",\n            loop: false,\n            slidesPerView: 4,\n            spaceBetween: 30,\n            autoplay: {\n                delay: 4000,\n            },\n            speed: 1000,\n            // Navigation arrows\n            navigation: {\n                nextEl: \".arrow-nextProperties\",\n                prevEl: \".arrow-prevProperties\",\n            },\n            breakpoints: {\n                // when window width is >= 320px\n                320: {\n                    slidesPerView: 1,\n                    spaceBetween: 20,\n                },\n                // when window width is >= 480px\n                480: {\n                    slidesPerView: 1.8,\n                    spaceBetween: 30,\n                },\n                // when window width is >= 640px\n                640: {\n                    slidesPerView: 2,\n                    spaceBetween: 30,\n                },\n                992: {\n                    slidesPerView: 3,\n                    spaceBetween: 30,\n                },\n                1200: {\n                    slidesPerView: 4,\n                    spaceBetween: 30,\n                },\n            },\n        });\n        new Swiper(\".projects\", {\n            // Optional parameters\n            direction: \"horizontal\",\n            loop: false,\n            slidesPerView: 4,\n            spaceBetween: 30,\n            autoplay: {\n                delay: 4000,\n            },\n            speed: 1000,\n            // Navigation arrows\n            navigation: {\n                nextEl: \".arrow-nextProjects\",\n                prevEl: \".arrow-prevProjects\",\n            },\n            breakpoints: {\n                // when window width is >= 320px\n                320: {\n                    slidesPerView: 1,\n                    spaceBetween: 20,\n                },\n                // when window width is >= 480px\n                480: {\n                    slidesPerView: 1.8,\n                    spaceBetween: 30,\n                },\n                // when window width is >= 640px\n                640: {\n                    slidesPerView: 2,\n                    spaceBetween: 30,\n                },\n                992: {\n                    slidesPerView: 3,\n                    spaceBetween: 30,\n                },\n                1200: {\n                    slidesPerView: 4,\n                    spaceBetween: 30,\n                },\n            },\n        });\n        new Swiper(\".swiper-thumb-photos\", {\n            spaceBetween: 15,\n            // touchRatio: 0.2,\n            slideToClickedSlide: true,\n            loop: true,\n            direction: \"vertical\",\n            observer: true,\n            observeParents: true,\n            autoHeight: false,\n            slidesPerView: \"auto\",\n            loopedSlides: 3,\n            freeMode: false,\n            watchSlidesVisibility: true,\n            slidesPerView: 3,\n            navigation: {\n                nextEl: \"#mssNextPhotoBtn\",\n                prevEl: \"#mssPrevPhotoBtn\",\n            },\n            slideToClickedSlide: true,\n            pagination: {\n                el: \".photos-fraction-counter\",\n                type: \"fraction\",\n\n                renderFraction: function (currentClass, totalClass) {\n                    return (\n                        '<span class=\"' +\n                        currentClass +\n                        '\"></span>' +\n                        \" \" +\n                        '<span class=\"' +\n                        totalClass +\n                        '\"></span>'\n                    );\n                },\n            },\n            breakpoints: {\n                // when window width is >= 320px\n                320: {\n                    slidesPerView: 3,\n                    spaceBetween: 10,\n                    direction: \"horizontal\",\n                },\n                // when window width is >= 480px\n                480: {\n                    slidesPerView: 3,\n                    spaceBetween: 10,\n                    direction: \"horizontal\",\n                },\n                // when window width is >= 640px\n                768: {\n                    slidesPerView: 4,\n                    spaceBetween: 15,\n                    direction: \"horizontal\",\n                },\n                992: {\n                    slidesPerView: 3,\n                    spaceBetween: 15,\n                    direction: \"vertical\",\n                },\n                1200: {\n                    slidesPerView: 3,\n                    spaceBetween: 15,\n                    direction: \"vertical\",\n                },\n            },\n        });\n        new Swiper(\".swiper-thumb-plan\", {\n            spaceBetween: 15,\n            // touchRatio: 0.2,\n            slideToClickedSlide: true,\n            loop: true,\n            direction: \"vertical\",\n            observer: true,\n            observeParents: true,\n            autoHeight: false,\n            slidesPerView: \"auto\",\n            loopedSlides: 3,\n            freeMode: false,\n            watchSlidesVisibility: true,\n            slidesPerView: 3,\n            navigation: {\n                nextEl: \"#mssNextPlanBtn\",\n                prevEl: \"#mssPrevPlanBtn\",\n            },\n            slideToClickedSlide: true,\n            pagination: {\n                el: \".plan-fraction-counter\",\n                type: \"fraction\",\n\n                renderFraction: function (currentClass, totalClass) {\n                    return (\n                        '<span class=\"' +\n                        currentClass +\n                        '\"></span>' +\n                        \" \" +\n                        '<span class=\"' +\n                        totalClass +\n                        '\"></span>'\n                    );\n                },\n            },\n            breakpoints: {\n                // when window width is >= 320px\n                320: {\n                    slidesPerView: 3,\n                    spaceBetween: 10,\n                    direction: \"horizontal\",\n                },\n                // when window width is >= 480px\n                480: {\n                    slidesPerView: 3,\n                    spaceBetween: 10,\n                    direction: \"horizontal\",\n                },\n                // when window width is >= 640px\n                768: {\n                    slidesPerView: 4,\n                    spaceBetween: 15,\n                    direction: \"horizontal\",\n                },\n                992: {\n                    slidesPerView: 3,\n                    spaceBetween: 15,\n                    direction: \"vertical\",\n                },\n                1200: {\n                    slidesPerView: 3,\n                    spaceBetween: 15,\n                    direction: \"vertical\",\n                },\n            },\n        });\n    }\n\n    handleClickFormUp() {\n        $(\"#toggleContactContainer\").slideDown(500);\n    }\n\n    handleClickFormDown() {\n        $(\"#toggleContactContainer\").slideUp(500);\n    }\n\n    handleClickPrevPhoto() {\n        let img = $(\".swiper-thumb-photos .swiper-slide.swiper-slide-active\")\n            .next()\n            .find(\"img\")\n            .attr(\"src\");\n        let modifiedimg = img && img.replace(\"PPTS_\", \"PPT_\");\n        $(\"#bgImageModalViewPhoto\").attr(\n            \"src\", modifiedimg\n\n        );\n    }\n    handleClickNextPhoto() {\n        let img = $(\".swiper-thumb-photos .swiper-slide.swiper-slide-active\")\n            .next()\n            .find(\"img\")\n            .attr(\"src\");\n        let modifiedimg = img && img.replace(\"PPTS_\", \"PPT_\");\n        $(\"#bgImageModalViewPhoto\").attr(\n            \"src\", modifiedimg\n\n        );\n    }\n    handleClickPrevPlan() {\n        let img = $(\".swiper-thumb-plan .swiper-slide.swiper-slide-active\")\n            .next()\n            .find(\"img\")\n            .attr(\"src\");\n        let modifiedimg = img && img.replace(\"IPTS_\", \"IPT_\");\n        $(\"#bgImageModalViewPlan\").attr(\n            \"src\", modifiedimg\n\n        );\n    }\n    handleClickNextPlan() {\n        let img = $(\".swiper-thumb-plan .swiper-slide.swiper-slide-active\")\n            .next()\n            .find(\"img\")\n            .attr(\"src\");\n        let modifiedimg = img && img.replace(\"IPTS_\", \"IPT_\");\n        $(\"#bgImageModalViewPlan\").attr(\n            \"src\", modifiedimg\n\n        );\n    }\n\n    handleClickTab(tabName, e) {\n        let { projectInfo } = this.state;\n        var tab = tabName;\n        $(\"#\" + tab + \"Btn\").addClass(\"active\").siblings().removeClass(\"active\");\n        $(\".modal-tab\").addClass(\"active\");\n        $(\".wrapper-container\").addClass(\"toggle-wrapper-active\");\n        $(\"#\" + tab)\n            .addClass(\"active\")\n            .siblings()\n            .removeClass(\"active\");\n        //$(\"#videoPlayer\").get(0).pause();        \n        $(\".vp-overlay\").addClass(\"active\");\n        $(\"#toggleVpBtn\").find(\"img\").attr(\"src\", \"assets/img/icons/play.svg\");\n        if (tab == \"planTab\") {\n            $(\".mtaf-plan\").addClass(\"active\");\n            $(\".mtaf-photos\").removeClass(\"active\");\n            if (projectInfo.string2 !== null) {\n                var frame = document.getElementById(\"videoPlayer\");\n                frame.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"stopVideo\",\"args\":\"\"}', '*')\n            }\n        } else if (tab == \"photosTab\") {\n            $(\".mtaf-plan\").removeClass(\"active\");\n            $(\".mtaf-photos\").addClass(\"active\");\n            if (projectInfo.string2 !== null) {\n                var frame = document.getElementById(\"videoPlayer\");\n                frame.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"stopVideo\",\"args\":\"\"}', '*')\n            }\n        } else {\n            $(\".mtaf-plan\").removeClass(\"active\");\n            $(\".mtaf-photos\").removeClass(\"active\");\n        }\n        window.scrollTo(0, 0);\n    }\n\n    handleClickCloseModalTab() {\n        let { projectInfo } = this.state;\n        $(\".modal-tab\").removeClass(\"active\");\n        $(\".wrapper-container\").removeClass(\"toggle-wrapper-active\");\n        //$(\"#videoPlayer\").get(0).pause();\n        if (projectInfo.string2 !== null) {\n            var frame = document.getElementById(\"videoPlayer\");\n            frame.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"stopVideo\",\"args\":\"\"}', '*')\n        }\n        $(\".vp-overlay\").addClass(\"active\");\n        $(\"#toggleVpBtn\").find(\"img\").attr(\"src\", \"assets/img/icons/play.svg\");\n    }\n\n    renderFractionImages(currentClass, totalClass) {\n        return (\n            '<span class=\"' +\n            currentClass +\n            '\"></span>' +\n            \" \" +\n            '<span class=\"' +\n            totalClass +\n            '\"></span>'\n        );\n    }\n\n    async onSelect(id) {\n        this.props.history.push({\n            pathname: `/Project/${id}`\n        })\n        await this.setState({ loadingFetch: true });\n        let projectInfo = await this.fetch('GET', \"Projects/\" + id);\n        let companyInfo = await this.fetch('GET', \"Companies/\" + projectInfo.companyId);\n\n        await this.setState({ projectID: id, projectInfo: projectInfo, companyInfo: companyInfo, loadingFetch: false });\n    }\n\n    handleChange = (event) => {\n        event.preventDefault();\n        let { name, value } = event.target;\n        let { errors } = this.state;\n        let emptyField = '';\n\n        switch (name) {\n            case 'name':\n                errors.name = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.name == '')\n                    errors.name = validSpacesRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.name == '')\n                    errors.name = validNumbersRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.name == '')\n                    errors.name = validSpecialCharRegex.test(value) ? '' : 'Invalid_name';\n                break;\n            case 'email':\n                errors.email = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.email == '')\n                    errors.email = validEmailRegex.test(value) ? '' : 'Invalid_email';\n                break;\n            case 'mobile':\n                errors.mobile = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.mobile == '')\n                    errors.mobile = validmobileRegex.test(value) ? '' : 'Invalid_phone';\n                break;\n            case 'massage':\n                errors.massage = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.massage == '')\n                    errors.massage = validSpecialCharRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.massage == '')\n                    errors.massage = validSpacesRegex.test(value) ? '' : 'This_field_is_required';\n                break;\n            default:\n                break;\n        }\n\n        this.setState({ errors, [name]: value }, () => {\n            console.log(errors)\n        })\n    }\n\n    validateForm = (errors, state) => {\n        let valid = true;\n        if (state.name == '')\n            errors.name = \"This_field_is_required\";\n        if (state.email == '')\n            errors.email = \"This_field_is_required\";\n        if (state.mobile == '')\n            errors.mobile = \"This_field_is_required\";\n        if (state.massage == '')\n            errors.massage = \"This_field_is_required\";\n        if (state.typeID == '')\n            errors.typeID = \"This_field_is_required\";\n\n        Object.values(errors).forEach(\n            // if we have an error string set valid to false\n            (val) => val.length > 0 && (valid = false)\n        );\n\n        this.setState({ errors }, () => {\n            console.log(errors)\n        })\n        return valid;\n    }\n\n    collapseShow(collpase) {\n    }\n\n    handleSubmit = async (event) => {\n        event.preventDefault();\n        let { errors, name, email, mobile, massage, typeID, projectInfo } = this.state;\n        let extendString1 = \"Project Id: \" + projectInfo.id + \", Project Name: \" + projectInfo.name;\n\n        let body = { \"name\": name, \"email1\": email, \"mobile1\": mobile, \"description\": massage, \"typeId\": typeID, \"extendString1\": extendString1 };\n\n        if (this.validateForm(errors, this.state)) {\n            console.info('Valid Form');\n            this.setState({ isSubmitting: true });\n            await this.fetch('POST', \"Generic/AddContact\", body)\n            this.setState({ isSubmitting: false });\n\n        } else {\n            console.error('Invalid Form')\n        }\n    }\n\n    handleReadMore = (id) => {\n        var content = $(\"#\" + id)\n            .parents(\".read-more-parent\")\n            .find(\".read-more-content\");\n        content.text(content.attr(\"data-text\"));\n        $(\"#\" + id).css(\"display\", \"none\");\n    }\n\n    render() {\n        document.title = \"Project\";\n\n        let { error, projectInfo, companyInfo, projectID, loadingFetch, isSubmitting, errors, email, whatsAppNumber, mobile, massage, types, typeID, name } = this.state;\n        if (error)\n            return <Error />\n        let lang = GetLang();\n        let number = whatsAppNumber && whatsAppNumber.filter(obj => {\n            return obj.name == \"WhatsAppNumber\"\n        })\n        // There's no real number bigger than plus Infinity\n        var lowest = Number.POSITIVE_INFINITY;\n        var tmp;\n        for (var i = projectInfo && projectInfo.relatedItems.length - 1; i >= 0; i--) {\n            if (projectInfo && projectInfo.relatedItems[i].priceSales > 0) {\n                tmp = projectInfo && projectInfo.relatedItems[i].priceSales;\n                if (tmp < lowest) lowest = tmp;\n            }\n        }\n\n        let projectsOfSameCompany = companyInfo && companyInfo.projects && companyInfo.projects.filter(function (el) {\n            return el.id != projectInfo.id;\n        });\n\n        for (var i = 0; i < projectsOfSameCompany.length; i++) {\n            if (projectsOfSameCompany[i].image)\n                projectsOfSameCompany[i].image = projectsOfSameCompany[i].image.replace(\"PI_\", \"PS_\");\n        }\n\n        let companyLogo;\n        let copycompanyLogo;\n\n\n        $(document).ready(function () {\n            // Add minus icon for collapse element which is open by default\n            $(\".collapse.show\").each(function () {\n                $(this)\n                    .parent()\n                    .find(\".icon-minus\")\n                    .removeClass(\"icon-minus\")\n                    .addClass(\"icon-plus\");\n            });\n\n            // Toggle plus minus icon on show hide of collapse element\n            $(\".collapse\")\n                .on(\"show.bs.collapse\", function () {\n                    $(this)\n                        .parent()\n                        .find(\".icon-plus\")\n                        .removeClass(\"icon-plus\")\n                        .addClass(\"icon-minus\");\n                })\n                .on(\"hide.bs.collapse\", function () {\n                    $(this)\n                        .parent()\n                        .find(\".icon-minus\")\n                        .removeClass(\"icon-minus\")\n                        .addClass(\"icon-plus\");\n                });\n        });\n        if (projectInfo && projectInfo.logo)\n            projectInfo.logo = projectInfo.logo && projectInfo.logo.replace(\"Lo_\", \"LOG_\");\n        if (companyInfo && companyInfo.image) {\n            companyInfo.image = companyInfo.image && companyInfo.image.replace(\"CL2_\", \"L_\");\n            copycompanyLogo = companyInfo.image;\n            companyLogo = copycompanyLogo && copycompanyLogo.replace(\"L_\", \"CL_\")\n        }\n\n        let banner = projectInfo && projectInfo.images && projectInfo.images[0] && projectInfo.images[0].image;\n\n        var photosTabSwiper = projectInfo && projectInfo.images;\n        for (var i = 0; i < photosTabSwiper.length; i++) {\n            if (photosTabSwiper[i].image)\n                photosTabSwiper[i].image = photosTabSwiper[i].image.replace(\"PI_\", \"PPTS_\");\n        }\n\n        let intialPhotoSwiper = photosTabSwiper && photosTabSwiper[0] && photosTabSwiper[0].image && photosTabSwiper[0].image.replace(\"PPTS_\", \"PPT_\");\n\n\n        var plansTabSwiper = projectInfo && projectInfo.relatedItems;\n        for (var i = 0; i < plansTabSwiper.length; i++) {\n            if (plansTabSwiper[i].image)\n                plansTabSwiper[i].image = plansTabSwiper[i].image.replace(\"IPT_\", \"IPTS_\");\n        }\n\n        return (\n            <>\n                {/* Modal Slider */}\n                <div className=\"modal-tab animated fadeInDown\">\n                    <div className=\"container-fluid\">\n                        <div className=\"modal-tab-container\">\n                            <div className=\"modal-tab-flexable\">\n                                <div className=\"modal-tab-content\">\n                                    {/* Photos Tab */}\n                                    <div id=\"photosTab\" className=\"modal-project-tab\">\n                                        <div className=\"ds-modal-tab-flexable d-flex\">\n                                            <div className=\"modal-tab-normal-main-image\">\n                                                <img id=\"bgImageModalViewPhoto\" src={intialPhotoSwiper} alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                                            </div>\n                                            <div id=\"modalPhotosContainer\" className=\"modal-tab-normal-images\">\n                                                <div className=\"modal-tab-overview\">\n                                                    <div className=\"swiper-container swiper-thumb-photos swiper-wrapper-modal-tab\" onClick={() => this.handleSwiperThumbPhotos()}>\n                                                        <div className=\"swiper-wrapper\" style={{ direction: lang === 'ar' ? 'rtl' : 'ltr' }}>\n                                                            {photosTabSwiper && photosTabSwiper.map(img =>  //projectInfo && projectInfo.images && projectInfo.images.map(img =>\n                                                                <div className=\"swiper-slide\">\n                                                                    <img src={img && img.image} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                                                                </div>\n                                                            )}\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    {/* Plan Tab */}\n                                    <div id=\"planTab\" className=\"modal-project-tab\">\n                                        <div className=\"ds-modal-tab-flexable d-flex\">\n                                            <div className=\"modal-tab-normal-main-image\">\n                                                <img id=\"bgImageModalViewPlan\" src={projectInfo && projectInfo.relatedItems && projectInfo.relatedItems[0] && projectInfo.relatedItems[0].image} alt=\"\" />\n                                            </div>\n                                            <div id=\"modalPlanContainer\" className=\"modal-tab-normal-images\">\n                                                <div className=\"modal-tab-overview\">\n                                                    <div className=\"swiper-container swiper-thumb-plan swiper-wrapper-modal-tab\" onClick={() => this.handleSwiperThumbPlans()}>\n                                                        <div className=\"swiper-wrapper\" style={{ direction: lang === 'ar' ? 'rtl' : 'ltr' }}>\n                                                            {plansTabSwiper && plansTabSwiper.map(item =>\n                                                                <div className=\"swiper-slide\">\n                                                                    <img src={item && item.image} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                                                                </div>\n                                                            )}\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    {/* Video Tab */}\n                                    <div id=\"videoTab\" className=\"modal-project-tab\">\n                                        <div className=\"ds-modal-tab-flexable md-video-container d-flex\">\n                                            {projectInfo && projectInfo.string2 !== null ? <iframe id=\"videoPlayer\" className=\"modal-video-player\" width=\"560\" height=\"315\" src={projectInfo && projectInfo.string2 + \"?enablejsapi=1&version=3&playerapiid=ytplayer\"} frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe> : <FormattedMessage\n                                                id='ThereisnVideo'\n                                                defaultMessage=\"There isn\\'t any video\"\n                                            />}\n                                            {/*<video id=\"videoPlayer\" src={projectInfo && projectInfo.string2} className=\"modal-video-player\" poster=\"assets/img/d2/d2-1.png\" />*/}\n                                            {/*<div className=\"vp-overlay active\">*/}\n                                            {/*    <button id=\"toggleVpBtn\"><img src=\"assets/img/icons/play.svg\" className=\"img-fluid\" alt=\"\" /></button>*/}\n                                            {/*</div>*/}\n                                        </div>\n                                    </div>\n                                </div>\n                                <div className=\"modal-tab-actions\">\n                                    <div className=\"modal-top-actions\">\n                                        <button id=\"exitModalTabBtn\" className=\"mss-btn mb-5\" onClick={() => this.handleClickCloseModalTab()}><span className=\"icon-cancel icon\" /></button>\n                                        <button id=\"photosTabBtn\" className=\"mss-btn md-tab-btn\" data-tab=\"photosTab\" onClick={() => this.handleClickTab(\"photosTab\")}><span className=\"icon-photo icon\" /></button>\n                                        <button id=\"planTabBtn\" className=\"mss-btn md-tab-btn\" data-tab=\"planTab\" onClick={() => this.handleClickTab(\"planTab\")}><span className=\"icon-plan icon-sm icon\" /></button>\n                                        <button id=\"videoTabBtn\" className=\"mss-btn md-tab-btn\" data-tab=\"videoTab\" onClick={() => this.handleClickTab(\"videoTab\")}><span className=\"icon-video icon-sm icon\" /></button>\n                                    </div>\n                                    <div className=\"modal-tab-tel\">\n                                        <a href=\"tel:01234567890\" data-toggle=\"tooltip\" data-placement=\"left\" title={\"01234567890\"} className=\"mss-btn mss-btn-black md-tab-btn\"><span className=\"icon-telephone icon\" /></a>\n                                    </div>\n                                    <div className=\"modal-tab-arrows-fraction\">\n                                        <div className=\"mtaf mtaf-photos\">\n                                            <div className=\"photos-fraction-counter fraction-counter\" />\n                                            <div className=\"modal-tab-arrows\">\n                                                <button id=\"mssPrevPhotoBtn\" onClick={() => this.handleClickPrevPhoto()} className=\"mss-btn-arrow\"><span className=\"icon-arrow-left icon\" /></button>\n                                                <button id=\"mssNextPhotoBtn\" onClick={() => this.handleClickNextPhoto()} className=\"mss-btn-arrow\"><span className=\"icon-arrow-right icon\" /></button>\n                                            </div>\n                                        </div>\n                                        <div className=\"mtaf mtaf-plan\">\n                                            <div className=\"plan-fraction-counter fraction-counter\" />\n                                            <div className=\"modal-tab-arrows\">\n                                                <button id=\"mssPrevPlanBtn\" onClick={() => this.handleClickPrevPlan()} className=\"mss-btn-arrow\"><span className=\"icon-arrow-left icon\" /></button>\n                                                <button id=\"mssNextPlanBtn\" onClick={() => this.handleClickNextPlan()} className=\"mss-btn-arrow\"><span className=\"icon-arrow-right icon\" /></button>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                {/* Modal Slider */}\n                {/* Content */}\n                <div className=\"wrapper-container\">\n                    {/* Project Header Cover */}\n                    {loadingFetch === true ? <Loading /> :\n                        <>\n                            <div className=\"project-cover-container animated fadeInLeft\">\n                                <div className=\"project-cover\">\n                                    <img src={banner} className=\"img-fluid project-cover-img\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/design-1.png\" }} />\n                                    <div className=\"container-fluid position-relative\">\n                                        <div className=\"project-profile-outer\">\n                                            <div className=\"project-profile-inner\">\n                                                {projectInfo && projectInfo.logo == null ? <img src=\"assets/img/notfound.png\" className=\"project-profile-view\" alt=\"\" />\n                                                    : <img src={projectInfo && projectInfo.logo} className=\"project-profile-view\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            {/* Project Details */}\n                            <div className=\"project-top-container\">\n                                <div className=\"container-fluid\">\n                                    {/* Project Structure Row */}\n                                    <div className=\"project-design-structure\">\n                                        <div className=\"project-bar-fake-profile\" />\n                                        <div className=\"project-bar-details justify-content-between d-flex\">\n                                            <div className=\"pd-data-text flex-center flex-wrap\">\n                                                <div className=\"pbd-row\">\n                                                    <div className=\"pbd-title\"><FormattedMessage\n                                                        id='Starting_Price'\n                                                        defaultMessage='Starting Price'\n                                                    /></div>\n                                                    <div className=\"pbd-data\">{lowest && numberWithCommas(lowest)} <FormattedMessage\n                                                        id='EGP'\n                                                        defaultMessage='EGP'\n                                                    /></div>\n                                                </div>\n                                                <div className=\"pbd-row\">\n                                                    <div className=\"pbd-title\"><FormattedMessage\n                                                        id='Down_Payment'\n                                                        defaultMessage='Down Payment'\n                                                    /> </div>\n                                                    <div className=\"pbd-data\">{projectInfo && projectInfo.paymentPlans && projectInfo.paymentPlans[0] && projectInfo.paymentPlans[0].downPayment}%</div>\n                                                </div>\n                                                <div className=\"pbd-row\">\n                                                    <div className=\"pbd-title\"><FormattedMessage\n                                                        id='Installments'\n                                                        defaultMessage='Installments'\n                                                    /></div>\n                                                    <div className=\"pbd-data\">{projectInfo && projectInfo.paymentPlans && projectInfo.paymentPlans[0] && projectInfo.paymentPlans[0].installmentsCount}</div>\n                                                </div>\n                                                <div className=\"pbd-row\">\n                                                    <div className=\"pbd-title\"><FormattedMessage\n                                                        id='Delivery_Date'\n                                                        defaultMessage='Delivery Date'\n                                                    /> </div>\n                                                    <div className=\"pbd-data\">{projectInfo && projectInfo.paymentPlans && projectInfo.paymentPlans[0] && projectInfo.paymentPlans[0].deliveryDate && moment(projectInfo.paymentPlans[0].deliveryDate).format('L')} </div>\n                                                </div>\n                                            </div>\n                                            {/*<div className=\"pbd-row pdb-date-row pr-0\">*/}\n                                            {/*    <div className=\"small-text\">Last Updated 28 Oct 2020</div>*/}\n                                            {/*</div>*/}\n                                        </div>\n                                        <div className=\"project-bar-actions\">\n                                            <button className=\"project-action-btn md-tab-btn\" data-tab=\"videoTab\" onClick={() => this.handleClickTab(\"videoTab\")}>\n                                                <span className=\"icon-video icon\" />\n                                                <div className=\"title\"><FormattedMessage\n                                                    id='Play_Video'\n                                                    defaultMessage='Play Video'\n                                                /></div>\n                                            </button>\n                                            <button className=\"project-action-btn\">\n                                                <span className=\"icon-pin icon\" />\n                                                <div className=\"title\">{projectInfo && projectInfo.districtName}</div>\n                                            </button>\n                                            <button className=\"project-action-btn md-tab-btn\" data-tab=\"planTab\" onClick={() => this.handleClickTab(\"planTab\")}>\n                                                <span className=\"icon-plan icon\" />\n                                                <div className=\"title\"><FormattedMessage\n                                                    id='2D_Plans'\n                                                    defaultMessage='2D Plans'\n                                                /></div>\n                                            </button>\n                                            <button className=\"project-action-btn md-tab-btn\" data-tab=\"photosTab\" onClick={() => this.handleClickTab(\"photosTab\")}>\n                                                <span className=\"icon-photo icon\" />\n                                                <div className=\"title\"><FormattedMessage\n                                                    id='Photo'\n                                                    defaultMessage='Photo'\n                                                /></div>\n                                            </button>\n                                        </div>\n                                    </div>\n                                    {/* Project Structure Row */}\n                                    <div className=\"project-design-structure\">\n                                        <div className=\"sidebar-accordion\">\n                                            <div className=\"accordion\" id=\"accordionExample\">\n                                                {projectInfo && projectInfo.typesDetails && projectInfo.typesDetails.map(type => {\n                                                    let collpase = type && type.typeName && type.typeName.replace(/\\s/g, '').toLowerCase();\n                                                    return <div className=\"card\">\n                                                        <div className=\"card-header accordion-card-header\" id=\"headingOne\">\n                                                            <button className=\"toggle-accordion-btn flex-center-between\" onClick={(collpase) => { this.collapseShow(collpase) }} type=\"button\" data-toggle=\"collapse\" data-target={\"#\" + collpase} aria-expanded=\"false\" aria-controls={collpase}>\n                                                                <div className=\"title\">{type && type.typeName}</div>\n                                                                <span className=\"icon-plus icon\" />\n                                                            </button>\n                                                        </div>\n                                                        <div id={collpase} className=\"collapse\" aria-labelledby=\"headingOne\" data-parent=\"#accordionExample\">\n                                                            <div className=\"card-body\">\n                                                                <div className=\"design-list-container\">\n                                                                    <div className=\"list-row\">\n                                                                        <div className=\"list-shape\">\n                                                                            <span className=\"list-circle\" />\n                                                                        </div>\n                                                                        <div className=\"list-text\"><FormattedMessage\n                                                                            id='Area_From'\n                                                                            defaultMessage='Area From'\n                                                                        />: {type && type.minArea} m2 </div>\n                                                                    </div>\n                                                                    <div className=\"list-row\">\n                                                                        <div className=\"list-shape\">\n                                                                            <span className=\"list-circle\" />\n                                                                        </div>\n                                                                        <div className=\"list-text\"><FormattedMessage\n                                                                            id='Area_To'\n                                                                            defaultMessage='Area To'\n                                                                        />: {type && type.maxArea} <FormattedMessage\n                                                                                id='m2'\n                                                                                defaultMessage='m2'\n                                                                            /> </div>\n                                                                    </div>\n                                                                    <div className=\"list-row\">\n                                                                        <div className=\"list-shape\">\n                                                                            <span className=\"list-circle\" />\n                                                                        </div>\n                                                                        <div className=\"list-text\"><FormattedMessage\n                                                                            id='Min_Price'\n                                                                            defaultMessage='Min Price'\n                                                                        />:  {type && type.minPrice && numberWithCommas(type.minPrice)} <FormattedMessage\n                                                                                id='EGP'\n                                                                                defaultMessage='EGP'\n                                                                            /></div>\n                                                                    </div>\n                                                                    <div className=\"list-row\">\n                                                                        <div className=\"list-shape\">\n                                                                            <span className=\"list-circle\" />\n                                                                        </div>\n                                                                        <div className=\"list-text\"><FormattedMessage\n                                                                            id='Max_Price'\n                                                                            defaultMessage='Max Price'\n                                                                        />:  {type && type.maxPrice && numberWithCommas(type.maxPrice)} <FormattedMessage\n                                                                                id='EGP'\n                                                                                defaultMessage='EGP'\n                                                                            /></div>\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                }\n                                                )}\n                                            </div>\n                                        </div>\n                                        <div className=\"text-location\">\n                                            <div className=\"tl-card\">\n                                                <div className=\"tl-title\">\n                                                    <FormattedMessage\n                                                        id='Project_Overview'\n                                                        defaultMessage='Project Overview'\n                                                    /></div>\n                                                <div className=\"tl-text read-more-parent\">\n                                                    <span id=\"readMoreProjectContent\" className=\"read-more-content\" data-length={447}>\n                                                        <div className=\"content\" dangerouslySetInnerHTML={{ __html: projectInfo && projectInfo.string5 }}></div>\n                                                    </span>\n                                                    {/*    <button id=\"readMoreProject\" className=\"read-more-btn\" onClick={() => { this.handleReadMore(\"readMoreProject\") }}> ...Read More</button>*/}\n                                                </div>\n                                            </div>\n                                            <div className=\"tl-card\">\n                                                <div className=\"tl-title\">  <FormattedMessage\n                                                    id='Location'\n                                                    defaultMessage='Location'\n                                                /></div>\n                                                <iframe src={projectInfo && 'https://maps.google.com/maps?q=' + projectInfo.latitude + ',' + projectInfo.longitude + '&t=&z=12&ie=UTF8&iwloc=&output=embed'} width=\"100%\" height={250} style={{ border: 0 }} allowFullScreen loading=\"lazy\" />\n                                            </div>\n                                        </div>\n                                        <div className=\"about-developer\">\n                                            <div className=\"design-contact\">\n                                                <a href={number && number[0] && number[0].value && \"https://wa.me/\" + number[0].value + \"?text=This is Capital Lords\"} target=\"_blank\" rel=\"noopener noreferrer\" className=\"dc-btn ask-btn align-center-center\">\n                                                    <span className=\"icon-whatsapp icon\" /> <FormattedMessage\n                                                        id='ASK_NOW'\n                                                        defaultMessage='ASK NOW'\n                                                    /></a>\n                                                <button id=\"toggleContact\" className=\"dc-btn register-btn\" onClick={() => this.handleClickFormUp()}>\n                                                    <FormattedMessage\n                                                        id='REGISTER_INTEREST'\n                                                        defaultMessage='REGISTER INTEREST'\n                                                    /></button>\n                                                <div id=\"toggleContactContainer\" className=\"contact-form project-contact-form\" style={{ width: \"100%\" }}>\n                                                    <div className=\"cform-title flex-center-between\">\n                                                        <div className=\"title\"><FormattedMessage\n                                                            id='REGISTER_INTEREST'\n                                                            defaultMessage='Register Interest'\n                                                        /></div>\n                                                        <button id=\"closeContactContainer\" onClick={() => this.handleClickFormDown()} className=\"close-contact opacity-hover\"><span className=\"icon-cancel icon\" /></button>\n                                                    </div>\n                                                    <fieldset disabled={isSubmitting}>\n                                                        <form className=\"form-row\" onSubmit={this.handleSubmit} autoComplete=\"off\" method=\"post\">\n                                                            <div className=\"col-lg-12\">\n                                                                <div className=\"cform-group\">\n                                                                    <FormattedMessage id=\"Enter_full_name\"\n                                                                        defaultMessage=\"Enter full name\">\n                                                                        {placeholder =>\n                                                                            <input type=\"text\" placeholder={placeholder} name=\"name\" value={name} onChange={this.handleChange} />\n                                                                        }\n                                                                    </FormattedMessage>\n                                                                </div>\n                                                                {errors.name.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.name}\n                                                                            defaultMessage=\"Invalid name\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-12\">\n                                                                <div className=\"cform-group\">\n                                                                    <FormattedMessage id=\"Enter_Email\"\n                                                                        defaultMessage=\"Enter Email\">\n                                                                        {placeholder =>\n                                                                            <input type=\"text\" placeholder={placeholder} name=\"email\" value={email} onChange={this.handleChange} />\n                                                                        }\n                                                                    </FormattedMessage>\n                                                                </div>\n                                                                {errors.email.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.email}\n                                                                            defaultMessage=\"Invalid email\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-12\">\n                                                                <div className=\"cform-group d-flex\">\n                                                                    <FormattedMessage id=\"Enter_Phone\"\n                                                                        defaultMessage=\"Enter Phone\">\n                                                                        {placeholder =>\n                                                                            <input type=\"text\" placeholder={placeholder} name=\"mobile\" value={mobile} onChange={this.handleChange} />\n                                                                        }\n                                                                    </FormattedMessage>\n                                                                </div>\n                                                                {errors.mobile.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.mobile}\n                                                                            defaultMessage=\"Invalid mobile\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-12\">\n                                                                <div className=\"cform-group\">\n                                                                    <FormattedMessage id=\"Im_interested\"\n                                                                        defaultMessage=\"I’m interested in Sale - Apartment New Cairo.\">\n                                                                        {placeholder =>\n                                                                            <textarea rows={3} placeholder={placeholder} defaultValue={\"\"} name=\"massage\" value={massage} onChange={this.handleChange} />\n                                                                        }\n                                                                    </FormattedMessage>\n                                                                </div>\n                                                                {errors.massage.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.massage}\n                                                                            defaultMessage=\"Invalid massage\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-12\">\n                                                                <div className=\"cform-group\" style={{ border: 'none' }}>\n                                                                    <select id=\"typeID\" name=\"typeID\" value={typeID} onChange={this.handleChange} >\n                                                                        <FormattedMessage id=\"Select_unit_type\"\n                                                                            defaultMessage=\"Select unit type\">\n                                                                            {placeholder =>\n                                                                                <option value=\"\" disabled selected>{placeholder}</option>\n                                                                            }\n                                                                        </FormattedMessage>\n                                                                        {types && types.map(type =>\n                                                                            <option value={type.id}>{type.name}</option>\n                                                                        )}\n                                                                    </select>\n                                                                </div>\n                                                                {errors.typeID.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.typeID}\n                                                                            defaultMessage=\"Invalid type\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-12\">\n                                                                <div className=\"cform-action\">\n                                                                    <div className=\"button-default width-fluid bt-black\">\n                                                                        <button type=\"submit\" disabled={isSubmitting}>{isSubmitting ? <><i class=\"fas fa-spinner fa-pulse\"></i> <FormattedMessage\n                                                                            id='Waiting'\n                                                                            defaultMessage='Waiting...'\n                                                                        /></> : <FormattedMessage\n                                                                                id='SendNow'\n                                                                                defaultMessage='Send Now'\n                                                                            />\n                                                                        }</button>\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                        </form>\n                                                    </fieldset>\n                                                </div>\n                                            </div>\n                                            <div className=\"developer-widget\">\n                                                <div className=\"dev-link mb-4 d-flex\">\n                                                    <div>\n                                                        {companyLogo == \"\" ? <img src=\"assets/img/notfound.png\" className=\"img-fluid\" alt=\"\" />\n                                                            : <img src={companyLogo} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                    </div>\n                                                    <div className=\"dev-widget-info flex-center\">\n                                                        <div className>\n                                                            <div className=\"title\"><FormattedMessage\n                                                                id='About_Developer'\n                                                                defaultMessage='About Developer'\n                                                            /></div>\n                                                            <div className=\"text\">{companyInfo && companyInfo.name}</div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                                <div className=\"read-more-parent dev-link-text\">\n                                                    <span id=\"readMoreCompanyContent\" className=\"text read-more-content\" data-length={100}>\n                                                        <ReadMore>{companyInfo && companyInfo.string5 && companyInfo.string5.replace(/<\\/?[^>]+(>|$)/g, \"\")}</ReadMore>\n                                                    </span>\n                                                    {/*    <button id=\"readMoreCompany\" className=\"read-more-btn\" onClick={() => { this.handleReadMore(\"readMoreCompany\")} }> ...Read More</button>*/}\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            {/*  <div className=\"projects-slider\">\n                                <div className=\"container-fluid\">\n                                    <div className=\"projects-slider-header flex-center-between\">\n                                        <div className=\"title\"><FormattedMessage\n                                            id='YouMayAlso'\n                                            defaultMessage='YOU MAY AlSO LIKE'\n                                        /> </div>\n                                        <div className=\"ps-arrows\">\n                                            <button id=\"arrow-prevProperties\" className=\"arrow-prevProperties arrow-prev\"><span className=\"icon-arrow-left icon\" /></button>\n                                            <button id=\"arrow-nextProperties\" className=\"arrow-nextProperties arrow-next\"><span className=\"icon-arrow-right icon\" /></button>\n                                        </div>\n                                    </div>\n                                    <div id=\"properties\" className=\"properties swiper-container swiper-similar-products\">\n                                        {projectInfo && projectInfo.relatedItems.length == 0 ? <FormattedMessage\n                                            id='ThereisnProperty'\n                                            defaultMessage=\"There isn't any property in project\"\n                                        /> :\n                                            <div className=\"swiper-wrapper\" style={{ direction: lang === 'ar' ?  'rtl': 'ltr' }}>\n                                                {projectInfo && projectInfo.relatedItems.map(relatedItem =>\n                                                    <div className=\"swiper-slide\">\n                                                        <div className=\"product-card\" >\n                                                            <Link to={relatedItem && \"/Property/\" + relatedItem.id}\n                                                            > {relatedItem && relatedItem.image == null ? <img src=\"assets/img/notfound.png\" className=\"product-card-view img-fluid\" alt=\"\" />\n                                                                : <img src={relatedItem && relatedItem.image} className=\"product-card-view img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                            </Link>\n                                                            <div className=\"product-card-title\">{relatedItem && relatedItem.name}</div>\n                                                            <div className=\"product-card-company\">\n                                                                <div className=\"pcc-logo\">\n                                                                    {projectInfo && projectInfo.logo == null ? <img src=\"assets/img/notfound.png\" className=\"img-fluid\" alt=\"\" />\n                                                                        : <img src={projectInfo && projectInfo.logo} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                                </div>\n                                                                <div className=\"pcc-data\">\n                                                                    <div className=\"pcc-title\"><FormattedMessage\n                                                                        id='Starting_Price'\n                                                                        defaultMessage='Starting Price'\n                                                                    /></div>\n                                                                    <div className=\"pcc-price\">{relatedItem && relatedItem.priceSales && numberWithCommas(relatedItem.priceSales)}  <FormattedMessage\n                                                                        id='EGP'\n                                                                        defaultMessage='EGP'\n                                                                    /></div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                )}\n                                            </div>\n                                        }\n                                    </div>\n                                </div>\n                            </div> */}\n                            <div className=\"projects-slider\">\n                                {/* Project Slider */}\n                                <div className=\"container-fluid\">\n                                    <div className=\"projects-slider-header flex-center-between\">\n                                        <div className=\"title\"><FormattedMessage\n                                            id='YouMayAlso'\n                                            defaultMessage='YOU MAY AlSO LIKE'\n                                        /></div>\n                                        <div className=\"ps-arrows\">\n                                            <button id=\"arrow-prevProjects\" className=\"arrow-prevProjects arrow-prev\"><span className=\"icon-arrow-left icon\" /></button>\n                                            <button className=\"arrow-nextProjects\" className=\"arrow-nextProjects arrow-next\"><span className=\"icon-arrow-right icon\" /></button>\n                                        </div>\n                                    </div>\n                                    <div id=\"projects\" className=\"projects swiper-container swiper-similar-products\">\n                                        {projectsOfSameCompany && projectsOfSameCompany.length == 0 ? <div style={{ textAlign: 'center' }}> <FormattedMessage\n                                            id='ThereisntProjects'\n                                            defaultMessage=\"There isn't any project to developer\"\n                                        /> </div> :\n                                            <div className=\"swiper-wrapper\" style={{ direction: lang === 'ar' ? 'rtl' : 'ltr' }}>\n                                                {projectsOfSameCompany && projectsOfSameCompany.map(item =>\n                                                    <div className=\"swiper-slide\">\n                                                        <div className=\"product-card\" >\n                                                            <Link to={\"/Project/\" + item.id} onClick={() => { this.onSelect(item && item.id) }}>\n                                                                {item.image == null ? <img src=\"assets/img/notfound.png\" className=\"product-card-view img-fluid\" alt=\"\" />\n                                                                    : <img src={item.image} className=\"product-card-view img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                            </Link>\n                                                            {/*<img src={item && item.images && item.images[0] && item.images[0].image} className=\"product-card-view img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} /> */}\n                                                            <div className=\"product-card-title\">{item && item.name}</div>\n                                                            <div className=\"product-card-company\">\n                                                                <div className=\"pcc-logo\">\n                                                                    {companyInfo && companyInfo.image == null ? <img src=\"assets/img/notfound.png\" className=\"img-fluid\" alt=\"\" />\n                                                                        : <img src={companyInfo && companyInfo.image} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                )}\n                                            </div>\n                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        </>\n                    }\n                </div>\n            </>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/project-1.css';\nimport '../css/project-2.css';\nimport '../css/main.css';\nimport '../css/rtl.css';\nimport { Link, Redirect } from 'react-router-dom';\n// import Swiper core and required modules\nimport SwiperCore, { Navigation, Pagination, Scrollbar, A11y } from 'swiper';\nimport Swiper, { SwiperOptions } from \"swiper\"\n//import { Swiper, SwiperSlide } from 'swiper/react';\n\n// Import Swiper styles\nimport 'swiper/swiper.scss';\nimport 'swiper/components/navigation/navigation.scss';\nimport 'swiper/components/pagination/pagination.scss';\nimport 'swiper/components/scrollbar/scrollbar.scss';\nimport Context from '../components/Context';\nimport Helmet from 'react-helmet'\n\n// CSS\n//swiper css must come first\nimport \"swiper/swiper.min.css\";\nimport SlimSelect from 'slim-select'\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { ReadMore } from '../components/ReadMore';\nimport $ from 'jquery';\nimport { FormattedMessage } from 'react-intl';\nimport { IntegersRegex, IntegersGreaterThanZeroRegex, numberWithCommas, validEmailRegex, validmobileRegex, validNumbersRegex, validSpacesRegex, validSpecialCharRegex, Toast, GetLang, calcNavHeight } from '../_helpers/HelperFunctions'\n\n// install Swiper modules\nSwiperCore.use([Navigation, Pagination, Scrollbar, A11y]);\n\nexport class PropertyPage extends Component {\n    static contextType = Context;  \n\n    constructor(props) {\n        super(props);\n        this.state = {\n            copySatus:'CopyLink',\n            types: '',\n            name: '',\n            email: '',\n            mobile: '',\n            massage: '',\n            typeID: '',\n            whatsAppNumber:'',\n            isSubmitting: false,\n            errors: {\n                name: '',\n                email: '',\n                mobile: '',\n                massage: '',\n                typeID: ''\n            },\n            propertyID: this.props.match.params.id,\n            propertyInfo: '',\n            projectInfo: '',\n            companyInfo: '',\n            loadingFetch: true,\n            error: '',\n            imagesSwiper: '',\n            imagesShow:''\n        };\n        this.renderImgs = this.renderImgs.bind(this);\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                if (method === \"POST\") {\n                    Toast.fire({\n                        icon: 'error',\n                        title: \"There is error, try later.\"\n                    })\n                } else\n                    throw error;\n            } else {\n                if (method == \"POST\") {\n                    Toast.fire({\n                        icon: 'success',\n                        title: \"Your massage was send successfully.\"\n                    })\n                    this.setState({ name: '', email: '', massage: '', mobile: '', typeID: '' });\n                }\n                return await response.json();\n            }\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    async componentDidMount() {\n        let { errors } = this.state;\n\n        let IsInt = IntegersRegex.test(this.state.propertyID) ? true : false;\n        let IsGreateThanZero = IntegersGreaterThanZeroRegex.test(this.state.propertyID) ? true : false;\n        calcNavHeight();\n        //document.body.style.paddingTop = '80.625px';\n        //var element = document.getElementById(\"nav\");\n        //element.classList.add(\"active-page\");\n        if (IsInt !== true && IsGreateThanZero !== true) {\n            window.location.assign('/404')\n        } else {\n            let projectInfo = '';\n            let companyInfo = '';\n            let propertyInfo = await this.fetch('GET', \"Items/\" + this.state.propertyID);\n            if (typeof (propertyInfo) !== 'undefined' && propertyInfo != null) {\n\n                projectInfo = await this.fetch('GET', \"Projects/\" + propertyInfo.projectId);\n                companyInfo = await this.fetch('GET', \"Companies/\" + propertyInfo.companyId);\n                let types = await this.fetch('GET', \"Generic/GetTypes\");\n                const { socialBtns } = this.context;\n                // let whatsAppNumber = await this.fetch('GET', \"Generic/GetSocialBtns\");\n                let that = this;\n\n                await this.setState({ loadingFetch: true, propertyInfo, projectInfo, companyInfo, types, whatsAppNumber: socialBtns, loadingFetch: false });\n\n                var photosTabSwiper = [];\n                var photosShow = [];\n\n\n                for (var i = 0; i < propertyInfo.genitemImages.length; i++) {\n                    var photo = Object.create(propertyInfo.genitemImages[i]);\n                    var photo2 = Object.create(propertyInfo.genitemImages[i]);\n\n                    photo.image = photo.image.replace(\"IPT_\", \"IPTS_\");\n                    photo2.image = photo2.image.replace(\"IPT_\", \"IIC_\");\n\n                    photosTabSwiper.push(photo);\n                    photosShow.push(photo2);\n\n                }\n\n                await this.setState({\n                    imagesSwiper: photosTabSwiper, imagesShow: photosShow\n                });\n\n\n                //var uri = window.location.href;\n                //var encodeurl = encodeURI(uri);\n                \n                //$('meta[property=og\\\\:url]').attr('content', encodeurl);\n                //$('meta[property=twitter\\\\:url]').attr('content', encodeurl);\n\n                //if (projectInfo && projectInfo.logo != null) {\n                //    $('meta[property=og\\\\:image]').attr('content', projectInfo && projectInfo.logo);\n                //    $('meta[property=twitter\\\\:image]').attr('content', projectInfo && projectInfo.logo);\n                //}\n                //if (propertyInfo && propertyInfo.name != null) {\n                //    $('meta[property=og\\\\:title]').attr('content', propertyInfo && propertyInfo.name);\n                //    $('meta[property=twitter\\\\:title]').attr('content', propertyInfo && propertyInfo.name);\n                //}\n                //if (propertyInfo && propertyInfo.string5 != null) {\n                //    $('meta[property=og\\\\:description]').attr('content', propertyInfo && propertyInfo.string5);\n                //    $('meta[property=twitter\\\\:description]').attr('content', propertyInfo && propertyInfo.string5);\n                //}\n\n\n                if (this.state.error === '' && this.state.loadingFetch === false) {\n                    $(document).ready(function () {\n                        new SlimSelect({\n                            select: '#typeID',\n                            showSearch: true,\n                            onChange: (info) => {\n                                errors.typeID = '';\n                                that.setState({ typeID: info.value, errors });\n                            }\n                        });\n                        // Swiper                           \n\n                    })\n                }\n            } else {\n                console.log('Undefined or Null')\n            }\n            calcNavHeight();\n        }\n    }\n\n\n    handleClickFormUp() {\n        $(\"#toggleContactContainer\").slideDown(500);\n    }\n\n    handleClickFormDown() {\n        $(\"#toggleContactContainer\").slideUp(500);\n    }\n\n    handleClickImage(id) {\n        let element = document.getElementById(id);\n        let src = element.attributes.src;\n        console.log(src && src.nodeValue)\n        let modifiedimg = src && src.nodeValue && src.nodeValue.replace(\"IPTS_\", \"IIS_\");\n        //var src = $(this).find('img').attr('src');\n        $('#shcView').fadeOut(200, function () {\n            $(this).attr('src', modifiedimg); // src.nodeValue);\n        }).fadeIn(200);\n        $(this).addClass('active').siblings().removeClass('active');\n    }\n\n    handleChange = (event) => {\n        event.preventDefault();\n        let { name, value } = event.target;\n        let { errors } = this.state;\n        let emptyField = '';\n\n        switch (name) {\n            case 'name':\n                errors.name = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.name == '')\n                    errors.name = validSpacesRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.name == '')\n                    errors.name = validNumbersRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.name == '')\n                    errors.name = validSpecialCharRegex.test(value) ? '' : 'Invalid_name';\n                break;\n            case 'email':\n                errors.email = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.email == '')\n                    errors.email = validEmailRegex.test(value) ? '' : 'Invalid_email';\n                break;\n            case 'mobile':\n                errors.mobile = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.mobile == '')\n                    errors.mobile = validmobileRegex.test(value) ? '' : 'Invalid_phone';\n                break;\n            case 'massage':\n                errors.massage = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.massage == '')\n                    errors.massage = validSpecialCharRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.massage == '')\n                    errors.massage = validSpacesRegex.test(value) ? '' : 'This_field_is_required';\n                break;\n            default:\n                break;\n        }\n\n        this.setState({ errors, [name]: value }, () => {\n            console.log(errors)\n        })\n    }\n\n    validateForm = (errors, state) => {\n        let valid = true;\n        if (state.name == '')\n            errors.name = \"This_field_is_required\";\n        if (state.email == '')\n            errors.email = \"This_field_is_required\";\n        if (state.mobile == '')\n            errors.mobile = \"This_field_is_required\";\n        if (state.massage == '')\n            errors.massage = \"This_field_is_required\";\n        if (state.typeID == '')\n            errors.typeID = \"This_field_is_required\";\n\n\n        Object.values(errors).forEach(\n            // if we have an error string set valid to false\n            (val) => val.length > 0 && (valid = false)\n        );\n\n        this.setState({ errors }, () => {\n            console.log(errors)\n        })\n        return valid;\n    }\n\n    handleSubmit = async (event) => {\n        event.preventDefault();\n        let { errors, name, email, mobile, massage, typeID, propertyInfo, projectInfo } = this.state;\n        let extendString1 = \"Project Id: \" + projectInfo.id + \", Project Name: \" + projectInfo.name + \", Unit Id: \" + propertyInfo.id\n            + \", Unit Name: \" + propertyInfo.name + \", Category: Rent\";\n\n        let body = { \"name\": name, \"email1\": email, \"mobile1\": mobile, \"description\": massage, \"typeId\": typeID, \"extendString1\": extendString1 };\n\n        if (this.validateForm(errors, this.state)) {\n            console.info('Valid Form');\n            this.setState({ isSubmitting: true });\n            await this.fetch('POST', \"Generic/AddContact\", body)\n            this.setState({ isSubmitting: false });\n\n        } else {\n            console.error('Invalid Form')\n        }\n    }\n\n    async onSelect(id) {\n        this.props.history.push({\n            pathname: `/Property/${id}`\n        })\n        await this.setState({ loadingFetch: true });\n\n        let propertyInfo = await this.fetch('GET', \"Items/\" + id);\n        let projectInfo = await this.fetch('GET', \"Projects/\" + propertyInfo.projectId);\n        let companyInfo = await this.fetch('GET', \"Companies/\" + propertyInfo.companyId);\n\n\n        var uri = window.location.href;\n        var encodeurl = encodeURI(uri);\n\n        //$('meta[property=og\\\\:url]').attr('content', encodeurl);\n        //$('meta[property=twitter\\\\:url]').attr('content', encodeurl);\n\n        //if (projectInfo && projectInfo.logo != null) {\n        //    $('meta[property=og\\\\:image]').attr('content', projectInfo && projectInfo.logo);\n        //    $('meta[property=twitter\\\\:image]').attr('content', projectInfo && projectInfo.logo);\n        //}\n        //if (propertyInfo && propertyInfo.name != null) {\n        //    $('meta[property=og\\\\:title]').attr('content', propertyInfo && propertyInfo.name);\n        //    $('meta[property=twitter\\\\:title]').attr('content', propertyInfo && propertyInfo.name);\n        //}\n        //if (propertyInfo && propertyInfo.string5 != null) {\n        //    $('meta[property=og\\\\:description]').attr('content', propertyInfo && propertyInfo.string5);\n        //    $('meta[property=twitter\\\\:description]').attr('content', propertyInfo && propertyInfo.string5);\n        //}\n\n        await this.setState({ propertyID: id, propertyInfo, projectInfo, companyInfo, loadingFetch: false });\n\n        var photosTabSwiper = [];\n        var photosShow = [];\n\n\n        for (var i = 0; i < propertyInfo.genitemImages.length; i++) {\n            var photo = Object.create(propertyInfo.genitemImages[i]);\n            var photo2 = Object.create(propertyInfo.genitemImages[i]);\n\n            photo.image = photo.image.replace(\"IPT_\", \"IPTS_\");\n            photo2.image = photo2.image.replace(\"IPT_\", \"IIC_\");\n\n            photosTabSwiper.push(photo);\n            photosShow.push(photo2);\n\n        }\n\n        await this.setState({\n            imagesSwiper: photosTabSwiper, imagesShow: photosShow\n        });       \n    }\n\n    renderImgs() {\n        let { imagesShow } = this.state;\n\n        var PhotoImagesCarosul = imagesShow; //propertyInfo && propertyInfo.genitemImages;\n\n        for (var i = 0; i < PhotoImagesCarosul.length; i++) {\n            if (PhotoImagesCarosul[i].image)\n                PhotoImagesCarosul[i].image = PhotoImagesCarosul[i].image.replace(\"IPT_\", \"IIC_\");\n        }\n\n        let photosCount = PhotoImagesCarosul && PhotoImagesCarosul.length;\n        if (photosCount > 4) {\n            let imgsShow = PhotoImagesCarosul && PhotoImagesCarosul.slice(0, 4);\n            let plusNumber = photosCount - 3;\n            return imgsShow && imgsShow.map((itemImage, i) => {\n                if (i === 3) {\n                    return (\n                        <div class=\"d2-image-view-mi d2-image-view\">\n                            <img id={itemImage.id} src={itemImage && itemImage.image} className=\"img-fluid\" alt=\"Image property\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                            <button data-tab=\"photosTab\" class=\"md-tab-btn more-imgs flex-center-center\" onClick={() => this.handleClickTab(\"photosTab\")} >+{plusNumber}</button>\n                        </div>\n                    )\n                } else\n                    return (\n                        <div class=\"d2-image-view\">\n                            <img id={itemImage.id} onClick={() => { this.handleClickImage(itemImage.id) }} src={itemImage && itemImage.image} className=\"img-fluid\" alt=\"Image property\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                        </div>\n                    )\n            })\n        } else if (photosCount == 4) {\n            return PhotoImagesCarosul && PhotoImagesCarosul.map(itemImage => {\n                return (\n                    <div class=\"d2-image-view\">\n                        <img id={itemImage.id} onClick={() => { this.handleClickImage(itemImage.id) }} src={itemImage && itemImage.image} className=\"img-fluid\" alt=\"Image property\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                    </div>\n                )\n            })\n        } else if (photosCount < 4 && photosCount !== 0) {\n            let diff = 4 - photosCount;\n            let divs = [];\n            for (var i = 1; i < diff; i++) {\n                divs.push(<div class=\"d2-image-view\">\n                </div>);\n            }\n            return (\n                <>\n                    {PhotoImagesCarosul && PhotoImagesCarosul.map(itemImage => {\n                        return (\n                            <div class=\"d2-image-view\">\n                                <img id={itemImage.id} onClick={() => { this.handleClickImage(itemImage.id) }} src={itemImage && itemImage.image} className=\"img-fluid\" alt=\"Image property\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                            </div>\n                        )\n                    }\n                    )}\n                    {divs}\n                </>\n            )\n        }\n        else if (photosCount == 0) {\n            return (\n                <>\n                    <div class=\"d2-image-view\">\n                    </div>\n                    <div class=\"d2-image-view\">\n                    </div>\n                    <div class=\"d2-image-view\">\n                    </div>\n                    <div class=\"d2-image-view\">\n                    </div>\n                </>\n            )\n        }\n    }\n\n    handleSwiperThumbPhotos() {\n        let img = $(\".swiper-thumb-photos .swiper-slide.swiper-slide-active\").find(\"img\").attr(\"src\");\n        let modifiedimg = img && img.replace(\"IPTS_\", \"IPT_\");\n        $(\"#bgImageModalViewPhoto\").attr(\n            \"src\",\n            modifiedimg           \n        );\n    }\n\n    handleClickCloseModalTab() {\n        //let { projectInfo } = this.state;\n        $(\".modal-tab\").removeClass(\"active\");\n        $(\".wrapper-container\").removeClass(\"toggle-wrapper-active\");\n        //$(\"#videoPlayer\").get(0).pause();\n        //if (projectInfo.string2 !== null) {\n        //    var frame = document.getElementById(\"videoPlayer\");\n        //    frame.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"stopVideo\",\"args\":\"\"}', '*')\n        //}\n        // $(\".vp-overlay\").addClass(\"active\");\n        // $(\"#toggleVpBtn\").find(\"img\").attr(\"src\", \"assets/img/icons/play.svg\");\n    }\n\n    handleClickTab(tabName, e) {\n        var tab = tabName;\n        $(\"#\" + tab + \"Btn\").addClass(\"active\").siblings().removeClass(\"active\");\n        $(\".modal-tab\").addClass(\"active\");\n        $(\".wrapper-container\").addClass(\"toggle-wrapper-active\");\n        $(\"#\" + tab)\n            .addClass(\"active\")\n            .siblings()\n            .removeClass(\"active\");\n        $(\".mtaf-photos\").addClass(\"active\");\n        window.scrollTo(0, 0);\n    }\n\n    handleClickPrevPhoto() {\n        let img = $(\".swiper-thumb-photos .swiper-slide.swiper-slide-active\")\n            .next()\n            .find(\"img\")\n            .attr(\"src\");\n        let modifiedimg = img && img.replace(\"IPTS_\", \"IPT_\");\n        $(\"#bgImageModalViewPhoto\").attr(\n            \"src\", modifiedimg            \n        );\n    }\n\n    handleClickNextPhoto() {\n        let img = $(\".swiper-thumb-photos .swiper-slide.swiper-slide-active\")\n            .next()\n            .find(\"img\")\n            .attr(\"src\");\n        let modifiedimg = img && img.replace(\"IPTS_\", \"IPT_\");\n        $(\"#bgImageModalViewPhoto\").attr(\n            \"src\", modifiedimg            \n        );\n    }\n\n    componentWillUpdate(nextProps, nextState) {\n        //console.log('Component WILL UPDATE!');\n    }\n\n    fallbackCopyTextToClipboard(text) {\n    let that = this;\n    var textArea = document.createElement(\"textarea\");\n    textArea.value = text;\n\n    // Avoid scrolling to bottom\n    textArea.style.top = \"0\";\n    textArea.style.left = \"0\";\n    textArea.style.position = \"fixed\";\n\n    document.body.appendChild(textArea);\n    textArea.focus();\n    textArea.select();\n\n    try {\n        var successful = document.execCommand('copy');\n        var msg = successful ? 'successful' : 'unsuccessful';\n        console.log('Fallback: Copying text command was ' + msg);\n        that.setState({ copySatus: \"CopyLinkDone\" })\n    } catch (err) {\n        console.error('Fallback: Oops, unable to copy', err);\n    }\n    document.body.removeChild(textArea);\n    }\n\n    copyTextToClipboard(text) {\n    let that = this;\n    if (!navigator.clipboard) {\n        this.fallbackCopyTextToClipboard(text);\n        return;\n    }\n    navigator.clipboard.writeText(text).then(function () {\n        console.log('Async: Copying to clipboard was successful!');\n        that.setState({ copySatus: \"CopyLinkDone\" })\n    }, function (err) {\n        console.error('Async: Could not copy text: ', err);\n    });\n}\n\n    handleCopy = (encodeurl) => {\n        let that = this;\n        if (navigator.clipboard != undefined) {//Chrome\n            navigator.clipboard.writeText(encodeurl).then(function () {\n                console.log('Copying to clipboard was successful!');\n                that.setState({ copySatus: \"CopyLinkDone\" })\n            }, function (err) {\n                console.error('Could not copy text: ', err);\n            });\n        }\n        else if (window.clipboardData) { // Internet Explorer\n            window.clipboardData.setData(\"Text\", encodeurl);\n        }\n    }\n      \n    componentDidUpdate(prevProps, prevState) {\n        new Swiper(\".otherProperties\", {\n            // Optional parameters\n            direction: \"horizontal\",\n            loop: false,\n            slidesPerView: 4,\n            spaceBetween: 30,\n            autoplay: {\n                delay: 4000,\n            },\n            speed: 1000,\n            // Navigation arrows\n            navigation: {\n                nextEl: \".arrow-nextProperties\",\n                prevEl: \".arrow-prevProperties\",\n            },\n            breakpoints: {\n                // when window width is >= 320px\n                320: {\n                    slidesPerView: 1,\n                    spaceBetween: 20,\n                },\n                // when window width is >= 480px\n                480: {\n                    slidesPerView: 1.8,\n                    spaceBetween: 30,\n                },\n                // when window width is >= 640px\n                640: {\n                    slidesPerView: 2,\n                    spaceBetween: 30,\n                },\n                992: {\n                    slidesPerView: 3,\n                    spaceBetween: 30,\n                },\n                1200: {\n                    slidesPerView: 4,\n                    spaceBetween: 30,\n                },\n            },\n        });\n        new Swiper(\".otherProjects\", {\n            // Optional parameters\n            direction: \"horizontal\",\n            loop: false,\n            slidesPerView: 4,\n            spaceBetween: 30,\n            autoplay: {\n                delay: 4000,\n            },\n            speed: 1000,\n            // Navigation arrows\n            navigation: {\n                nextEl: \".arrow-nextProjects\",\n                prevEl: \".arrow-prevProjects\",\n            },\n            breakpoints: {\n                // when window width is >= 320px\n                320: {\n                    slidesPerView: 1,\n                    spaceBetween: 20,\n                },\n                // when window width is >= 480px\n                480: {\n                    slidesPerView: 1.8,\n                    spaceBetween: 30,\n                },\n                // when window width is >= 640px\n                640: {\n                    slidesPerView: 2,\n                    spaceBetween: 30,\n                },\n                992: {\n                    slidesPerView: 3,\n                    spaceBetween: 30,\n                },\n                1200: {\n                    slidesPerView: 4,\n                    spaceBetween: 30,\n                },\n            },\n        });\n        new Swiper(\".swiper-thumb-photos\", {\n            spaceBetween: 15,\n            // touchRatio: 0.2,\n            slideToClickedSlide: true,\n            loop: true,\n            direction: \"vertical\",\n            observer: true,\n            observeParents: true,\n            autoHeight: false,\n            slidesPerView: \"auto\",\n            loopedSlides: 3,\n            freeMode: false,\n            watchSlidesVisibility: true,\n            slidesPerView: 3,\n            navigation: {\n                nextEl: \"#mssNextPhotoBtn\",\n                prevEl: \"#mssPrevPhotoBtn\",\n            },\n            slideToClickedSlide: true,\n            pagination: {\n                el: \".photos-fraction-counter\",\n                type: \"fraction\",\n\n                renderFraction: function (currentClass, totalClass) {\n                    return (\n                        '<span class=\"' +\n                        currentClass +\n                        '\"></span>' +\n                        \" \" +\n                        '<span class=\"' +\n                        totalClass +\n                        '\"></span>'\n                    );\n                },\n            },\n            breakpoints: {\n                // when window width is >= 320px\n                320: {\n                    slidesPerView: 3,\n                    spaceBetween: 10,\n                    direction: \"horizontal\",\n                },\n                // when window width is >= 480px\n                480: {\n                    slidesPerView: 3,\n                    spaceBetween: 10,\n                    direction: \"horizontal\",\n                },\n                // when window width is >= 640px\n                768: {\n                    slidesPerView: 4,\n                    spaceBetween: 15,\n                    direction: \"horizontal\",\n                },\n                992: {\n                    slidesPerView: 3,\n                    spaceBetween: 15,\n                    direction: \"vertical\",\n                },\n                1200: {\n                    slidesPerView: 3,\n                    spaceBetween: 15,\n                    direction: \"vertical\",\n                },\n            },\n        });\n    }\n    render() {\n        document.title = \"Property\";\n\n        let { error, propertyInfo, projectInfo, companyInfo, loadingFetch, imagesShow, copySatus, propertyID, whatsAppNumber, isSubmitting, errors, imagesSwiper, email, mobile, massage, types, typeID, name } = this.state;\n        if (error)\n            return <Error />\n        let lang = GetLang();\n        let number = whatsAppNumber && whatsAppNumber.filter(obj => {\n            return obj.name == \"WhatsAppNumber\"\n        })\n        let adminmail = whatsAppNumber && whatsAppNumber.filter(obj => {\n            return obj.name == \"AdminMail\"\n        })\n\n        var uri = window.location.href;\n        var encodeurl = encodeURI(uri);\n\n        //$('meta[property=og\\\\:url]').attr('content', encodeurl);\n        //$('meta[property=twitter\\\\:url]').attr('content', encodeurl);\n\n        //if (projectInfo && projectInfo.logo != null) {\n        //    $('meta[property=og\\\\:image]').attr('content', projectInfo && projectInfo.logo);\n        //    $('meta[property=twitter\\\\:image]').attr('content', projectInfo && projectInfo.logo);\n        //}\n        //if (propertyInfo && propertyInfo.name != null) {\n        //    $('meta[property=og\\\\:title]').attr('content', propertyInfo && propertyInfo.name);\n        //    $('meta[property=twitter\\\\:title]').attr('content', propertyInfo && propertyInfo.name);\n        //}\n        //if (propertyInfo && propertyInfo.string5 != null) {\n        //    $('meta[property=og\\\\:description]').attr('content', propertyInfo && propertyInfo.string5);\n        //    $('meta[property=twitter\\\\:description]').attr('content', propertyInfo && propertyInfo.string5);\n        //}\n               \n        let rentPropertiesOfSameProject = projectInfo && projectInfo.relatedItems && projectInfo.relatedItems.filter(function (el) {\n            return el.id != propertyID;\n        });\n\n        //let projectsOfSameCompany = companyInfo && companyInfo.projects && companyInfo.projects.filter(function (el) {\n        //    return el.id != propertyInfo.projectId;\n        //});\n        $(document).ready(function () {\n            // Add minus icon for collapse element which is open by default\n            $(\".collapse.show\").each(function () {\n                $(this)\n                    .parent()\n                    .find(\".icon-minus\")\n                    .removeClass(\"icon-minus\")\n                    .addClass(\"icon-plus\");\n            });\n\n            // Toggle plus minus icon on show hide of collapse element\n            $(\".collapse\")\n                .on(\"show.bs.collapse\", function () {\n                    $(this)\n                        .parent()\n                        .find(\".icon-plus\")\n                        .removeClass(\"icon-plus\")\n                        .addClass(\"icon-minus\");\n                })\n                .on(\"hide.bs.collapse\", function () {\n                    $(this)\n                        .parent()\n                        .find(\".icon-minus\")\n                        .removeClass(\"icon-minus\")\n                        .addClass(\"icon-plus\");\n                });\n        });\n\n        var uri = window.location.href;\n        var encodeurl = encodeURI(uri);\n\n        //console.log(\"propertyInfo.genitemImages\", propertyInfo && propertyInfo.genitemImages)\n        //console.log(\"imagesSwiper\", imagesSwiper)\n        //console.log(\"imagesShow\", imagesShow)\n\n        \n\n\n        let intialImgPhotosTab = propertyInfo && propertyInfo.genitemImages && propertyInfo.genitemImages[0] && propertyInfo.genitemImages[0].image;\n        let intialPhotoShow = propertyInfo && propertyInfo.genitemImages && propertyInfo.genitemImages[0] && propertyInfo.genitemImages[0].image && propertyInfo.genitemImages[0].image.replace(\"IPT_\", \"IIS_\");\n\n\n\n        if (projectInfo && projectInfo.logo)\n            projectInfo.logo = projectInfo.logo && projectInfo.logo.replace(\"Lo_\", \"LOG_\");\n\n        for (var i = 0; i < rentPropertiesOfSameProject.length; i++) {\n            if (rentPropertiesOfSameProject[i].image)\n                rentPropertiesOfSameProject[i].image = rentPropertiesOfSameProject[i].image.replace(\"IPT_\", \"II_\");\n\n            if (rentPropertiesOfSameProject[i].projectLogo)\n                rentPropertiesOfSameProject[i].projectLogo = rentPropertiesOfSameProject[i].projectLogo.replace(\"Lo_\", \"PLS_\");            \n        }\n                                              \n        return (\n                <>\n                    {/* <Helmet>\n\n                    <meta property=\"og:type\" content=\"website\" />\n                    <meta property=\"og:url\" content={encodeurl} />\n                    <meta property=\"og:title\" content={propertyInfo && propertyInfo.name} />\n                    <meta property=\"og:description\" content=\"Share Properties and projects with your friends, With Capital Lords!\" />\n                    <meta property=\"og:image\" content={projectInfo && projectInfo.logo} />\n                    <meta property=\"twitter:card\" content=\"summary_large_image\" />\n                    <meta property=\"twitter:url\" content={encodeurl}/>\n                    <meta property=\"twitter:title\" content={propertyInfo && propertyInfo.name} />\n                    <meta property=\"twitter:description\" content=\"Share Properties and projects with your friends, With Capital Lords!\" />\n                    <meta property=\"twitter:image\" content={projectInfo && projectInfo.logo} />\n                    \n                </Helmet> */}\n\n                    <div className=\"modal-tab animated fadeInDown\">\n                        <div className=\"container-fluid\">\n                            <div className=\"modal-tab-container\">\n                                <div className=\"modal-tab-flexable\">\n                                    <div className=\"modal-tab-content\">\n                                        {/* Photos Tab */}\n                                        <div id=\"photosTab\" className=\"modal-project-tab\">\n                                            <div className=\"ds-modal-tab-flexable d-flex\">\n                                                <div className=\"modal-tab-normal-main-image\">\n                                                <img id=\"bgImageModalViewPhoto\" src={intialImgPhotosTab} alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                                                </div>\n                                                <div id=\"modalPhotosContainer\" className=\"modal-tab-normal-images\">\n                                                    <div className=\"modal-tab-overview\">\n                                                        <div className=\"swiper-container swiper-thumb-photos swiper-wrapper-modal-tab\" onClick={() => this.handleSwiperThumbPhotos()}>\n                                                            <div className=\"swiper-wrapper\" style={{ direction: lang === 'ar' ? 'rtl' : 'ltr' }}>\n                                                            {imagesSwiper && imagesSwiper.map(itemImage =>\n                                                                    <div className=\"swiper-slide\">\n                                                                        <img id={itemImage.id} src={itemImage && itemImage.image} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                                                                    </div>\n                                                                )}\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div className=\"modal-tab-actions\">\n                                        <div className=\"modal-top-actions\">\n                                            <button id=\"exitModalTabBtn\" className=\"mss-btn mb-5\" onClick={() => this.handleClickCloseModalTab()}><span className=\"icon-cancel icon\" /></button>\n                                            <button id=\"photosTabBtn\" className=\"mss-btn md-tab-btn\" data-tab=\"photosTab\" onClick={() => this.handleClickTab(\"photosTab\")}><span className=\"icon-photo icon\" /></button>\n                                        </div>\n                                        {/*<div className=\"modal-tab-tel\">*/}\n                                        {/*    <a href=\"tel:01234567890\" data-toggle=\"tooltip\" data-placement=\"left\" title={\"01234567890\"} className=\"mss-btn mss-btn-black md-tab-btn\"><span className=\"icon-telephone icon\" /></a>*/}\n                                        {/*</div>*/}\n                                        <div className=\"modal-tab-arrows-fraction\">\n                                            <div className=\"mtaf mtaf-photos\">\n                                                <div className=\"photos-fraction-counter fraction-counter\" />\n                                                <div className=\"modal-tab-arrows\">\n                                                    <button id=\"mssPrevPhotoBtn\" onClick={() => this.handleClickPrevPhoto()} className=\"mss-btn-arrow\"><span className=\"icon-arrow-left icon\" /></button>\n                                                    <button id=\"mssNextPhotoBtn\" onClick={() => this.handleClickNextPhoto()} className=\"mss-btn-arrow\"><span className=\"icon-arrow-right icon\" /></button>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"modal fade\" id=\"modalShare\" tabIndex={-1} aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n                        <div className=\"modal-dialog modal-dialog-centered\">\n                            <div className=\"modal-content\">\n                                <div className=\"modal-body\">\n                                    <div className=\"ms-header flex-center-between\">\n                                        <button data-dismiss=\"modal\"><span className=\"icon-cancel icon\" /></button>\n                                        <div className=\"title\"><FormattedMessage\n                                            id='Share'\n                                            defaultMessage='Share'\n                                        /></div>\n                                        <div />\n                                    </div>\n                                    <div className=\"ms-body\">\n                                        <button id=\"copyboard\" onClick={() => { this.handleCopy(encodeurl) }} className=\"ms-row copyboard flex-center-between\" data-clipboard-text=\"copy capital lords link\">\n                                            <div className=\"ms-row-title\"><FormattedMessage\n                                                id={copySatus}\n                                                defaultMessage={copySatus}\n                                            /></div> <span className=\"icon-copy icon\" />\n                                        </button>\n                                        <a target=\"_blank\" rel=\"noopener noreferrer\" href={adminmail && adminmail[0] && \"mailto:\" + adminmail[0].value + \"?subject=Share&body=\" + encodeurl} className=\"ms-row flex-center-between\">\n                                            <div className=\"ms-row-title\"><FormattedMessage\n                                                id='email'\n                                                defaultMessage='email'\n                                            /></div> <span className=\"icon-envelope icon\" />\n                                        </a>\n                                        <a target=\"_blank\" rel=\"noopener noreferrer\" href={number && number[0] && \"https://wa.me/\" + number[0].value + \"?text=\" + encodeurl} className=\"ms-row flex-center-between\">\n                                            <div className=\"ms-row-title\"><FormattedMessage\n                                                id='WhatsApp'\n                                                defaultMessage='WhatsApp'\n                                            /></div> <span className=\"icon-whatsapp icon\" />\n                                        </a>\n                                        {/*<a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.messenger.com\" className=\"ms-row flex-center-between\">*/}\n                                        {/*    <div className=\"ms-row-title\"><FormattedMessage*/}\n                                        {/*        id='Messenger'*/}\n                                        {/*        defaultMessage='Messenger'*/}\n                                        {/*    /></div> <span className=\"icon-messenger icon\" />*/}\n                                        {/*</a>*/}\n                                        <a target=\"_blank\" rel=\"noopener noreferrer\" href={\"https://www.facebook.com/sharer.php?u=\" + encodeurl} className=\"ms-row flex-center-between\">\n                                            <div className=\"ms-row-title\"><FormattedMessage\n                                                id='Facebook'\n                                                defaultMessage='Facebook'\n                                            /></div> <span className=\"icon-facebook icon\" />\n                                        </a>\n                                        <a target=\"_blank\" rel=\"noopener noreferrer\" href={\"https://twitter.com/intent/tweet?url=\" + encodeurl} className=\"ms-row flex-center-between\">\n                                            <div className=\"ms-row-title\"><FormattedMessage\n                                                id='twitter'\n                                                defaultMessage='twitter'\n                                            /></div> <span className=\"icon-twitter icon\" />\n                                        </a>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"wrapper-container\">\n                        {loadingFetch === true ? <Loading /> :\n                            <>\n                                <div className=\"p2-container animated fadeInDown\">\n                                    <div className=\"container-fluid\">\n                                        {/* P2 Header */}\n                                        <div className=\"p2-header\">\n                                            <div className=\"breadcrumb-container flex-center-between\">\n                                                <div aria-label=\"breadcrumb\">\n                                                    <ol className=\"breadcrumb\">\n                                                        {/*<li className=\"breadcrumb-item\"><a href=\"#\">Vacation Compounds </a></li>*/}\n                                                        {/*<li className=\"breadcrumb-item\"><a href=\"#\">North Coast </a></li>*/}\n                                                        <li className=\"breadcrumb-item\"><a href={propertyInfo && \"Project/\" + propertyInfo.projectId}>{projectInfo && projectInfo.name}</a></li>\n                                                        <li className=\"breadcrumb-item active\" aria-current=\"page\">{propertyInfo && propertyInfo.name}</li>\n                                                    </ol>\n                                                </div>\n                                                <div className=\"breadcrumb-actions d-flex\">\n                                                    <button class=\"bc-ac-btn opacity-hover flex-center\" data-toggle=\"modal\" data-target=\"#modalShare\">\n                                                        <span class=\"icon-upload icon\"></span>\n                                                        <FormattedMessage\n                                                            id='Share'\n                                                            defaultMessage='Share'\n                                                        />\n                                                    </button>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        {/* P2 Slider */}\n                                        <div className=\"p2-slideshow\">\n                                        <div className=\"p2-slider-left\">\n                                            {propertyInfo && propertyInfo.genitemImages && propertyInfo.genitemImages.length === 0 ? <img id=\"shcView\" src=\"assets/img/notfound.png\" className=\"mg-fluid p2-slide-main-view\" alt=\"\" style={{ height: \"89.5%\" }} />\n                                                : <img id=\"shcView\" src={intialPhotoShow} className=\"mg-fluid p2-slide-main-view\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                {/*    <img id=\"shcView\" src={propertyInfo && propertyInfo.genitemImages && propertyInfo.genitemImages[0] && propertyInfo.genitemImages[0].image} className=\"img-fluid p2-slide-main-view\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />*/}\n                                            </div>\n                                            <div className=\"p2-slider-right\">\n                                                <div id=\"slidesGrid\" className=\"p2-slides-grid\">\n                                                    {this.renderImgs()}\n                                                    {/*{propertyInfo && propertyInfo.genitemImages && propertyInfo.genitemImages.map(itemImage =>*/}\n                                                    {/*    <div className=\"d2-image-view\"><img id={itemImage.id} onClick={() => { this.handleClickImage(itemImage.id) }} src={itemImage && itemImage.image} className=\"img-fluid\" alt=\"Image property\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} /></div>*/}\n                                                    {/*)}                                               */}\n                                                </div>\n                                                <div className=\"p2-actions\">\n                                                    <a href={number && number[0] && number[0].value && \"https://wa.me/\" + number[0].value + \"?text=This is Capital Lords\"} target=\"_blank\" rel=\"noopener noreferrer\" className=\"dc-btn ask-btn mb-0 align-center-center\"><span className=\"icon-whatsapp icon\" />\n                                                        <FormattedMessage\n                                                            id='ASK_NOW'\n                                                            defaultMessage='ASK NOW'\n                                                        />\n                                                    </a>\n                                                    <button id=\"toggleContact\" className=\"dc-btn mb-0 register-btn\" onClick={() => this.handleClickFormUp()}>\n                                                        <FormattedMessage\n                                                            id='REGISTER_INTEREST'\n                                                            defaultMessage='REGISTER INTEREST'\n                                                        /></button>\n                                                    <div id=\"toggleContactContainer\" className=\"contact-form project-contact-form\" style={{ width: \"100%\" }}>\n                                                        <div className=\"cform-title flex-center-between\">\n                                                            <div className=\"title\"><FormattedMessage\n                                                                id='REGISTER_INTEREST'\n                                                                defaultMessage='Register Interest'\n                                                            /></div>\n                                                            <button id=\"closeContactContainer\" onClick={() => this.handleClickFormDown()} className=\"close-contact opacity-hover\"><span className=\"icon-cancel icon\" /></button>\n                                                        </div>\n                                                        <fieldset disabled={isSubmitting}>\n                                                            <form className=\"form-row\" onSubmit={this.handleSubmit} autoComplete=\"off\" method=\"post\">\n                                                                <div className=\"col-lg-12\">\n                                                                    <div className=\"cform-group\">\n                                                                        <FormattedMessage id=\"Enter_full_name\"\n                                                                            defaultMessage=\"Enter full name\">\n                                                                            {placeholder =>\n                                                                                <input type=\"text\" placeholder={placeholder} name=\"name\" value={name} onChange={this.handleChange} />\n                                                                            }\n                                                                        </FormattedMessage>\n                                                                    </div>\n                                                                    {errors.name.length > 0 &&\n                                                                        <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                                            <FormattedMessage\n                                                                                id={errors.name}\n                                                                                defaultMessage=\"Invalid name\"\n                                                                            />\n                                                                        </font>}\n                                                                </div>\n                                                                <div className=\"col-lg-12\">\n                                                                    <div className=\"cform-group\">\n                                                                        <FormattedMessage id=\"Enter_Email\"\n                                                                            defaultMessage=\"Enter Email\">\n                                                                            {placeholder =>\n                                                                                <input type=\"text\" placeholder={placeholder} name=\"email\" value={email} onChange={this.handleChange} />\n                                                                            }\n                                                                        </FormattedMessage>\n                                                                    </div>\n                                                                    {errors.email.length > 0 &&\n                                                                        <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                                            <FormattedMessage\n                                                                                id={errors.email}\n                                                                                defaultMessage=\"Invalid email\"\n                                                                            />\n                                                                        </font>}\n                                                                </div>\n                                                                <div className=\"col-lg-12\">\n                                                                    <div className=\"cform-group d-flex\">\n                                                                        <FormattedMessage id=\"Enter_Phone\"\n                                                                            defaultMessage=\"Enter Phone\">\n                                                                            {placeholder =>\n                                                                                <input type=\"text\" placeholder={placeholder} name=\"mobile\" value={mobile} onChange={this.handleChange} />\n                                                                            }\n                                                                        </FormattedMessage>\n                                                                    </div>\n                                                                    {errors.mobile.length > 0 &&\n                                                                        <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                                            <FormattedMessage\n                                                                                id={errors.mobile}\n                                                                                defaultMessage=\"Invalid mobile\"\n                                                                            />\n                                                                        </font>}\n                                                                </div>\n                                                                <div className=\"col-lg-12\">\n                                                                    <div className=\"cform-group\">\n                                                                        <FormattedMessage id=\"Im_interested\"\n                                                                            defaultMessage=\"I’m interested in Sale - Apartment New Cairo.\">\n                                                                            {placeholder =>\n                                                                                <textarea rows={3} placeholder={placeholder} defaultValue={\"\"} name=\"massage\" value={massage} onChange={this.handleChange} />\n                                                                            }\n                                                                        </FormattedMessage>\n                                                                    </div>\n                                                                    {errors.massage.length > 0 &&\n                                                                        <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                                            <FormattedMessage\n                                                                                id={errors.massage}\n                                                                                defaultMessage=\"Invalid massage\"\n                                                                            />\n                                                                        </font>}\n                                                                </div>\n                                                                <div className=\"col-lg-12\">\n                                                                    <div className=\"cform-group\" style={{ border: 'none' }}>\n                                                                        <select id=\"typeID\" name=\"typeID\" value={typeID} onChange={this.handleChange} >\n                                                                            <FormattedMessage id=\"Select_unit_type\"\n                                                                                defaultMessage=\"Select unit type\">\n                                                                                {placeholder =>\n                                                                                    <option value=\"\" disabled selected>{placeholder}</option>\n                                                                                }\n                                                                            </FormattedMessage>\n                                                                            {types && types.map(type =>\n                                                                                <option value={type.id}>{type.name}</option>\n                                                                            )}\n                                                                        </select>\n                                                                    </div>\n                                                                    {errors.typeID.length > 0 &&\n                                                                        <font style={{ float: \"left\", color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                                            <FormattedMessage\n                                                                                id={errors.typeID}\n                                                                                defaultMessage=\"Invalid type\"\n                                                                            />\n                                                                        </font>}\n                                                                </div>\n                                                                <div className=\"col-lg-12\">\n                                                                    <div className=\"cform-action\">\n                                                                        <div className=\"button-default width-fluid bt-black\">\n                                                                            <button type=\"submit\" disabled={isSubmitting}>{isSubmitting ? <><i class=\"fas fa-spinner fa-pulse\"></i> <FormattedMessage\n                                                                                id='Waiting'\n                                                                                defaultMessage='Waiting...'\n                                                                            /></> : <FormattedMessage\n                                                                                    id='SendNow'\n                                                                                    defaultMessage='Send Now'\n                                                                                />\n                                                                            }</button>\n                                                                        </div>\n                                                                    </div>\n                                                                </div>\n                                                            </form>\n                                                        </fieldset>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        {/* P2 Body */}\n                                        <div className=\"p2-profile-bar-grid\">\n                                            <div className=\"p2-profile-left\">\n                                                <div className=\"p2-avatar\">\n                                                    <img src={projectInfo && projectInfo.logo} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                                                </div>\n                                                <div className=\"p2-profile-info\">\n                                                    <div className=\"p2-info-row\">\n                                                        <div className=\"p2-info-row-title\"><FormattedMessage\n                                                            id='PROJECT_NAME'\n                                                            defaultMessage='PROJECT NAME'\n                                                        />   </div>\n                                                        <div className=\"p2-info-row-desc\">{projectInfo && projectInfo.name}</div>\n                                                    </div>\n                                                    <div className=\"p2-info-row\">\n                                                        <div className=\"p2-info-row-title\"> <FormattedMessage\n                                                            id='Starting_Price'\n                                                            defaultMessage='STARTING PRICE'\n                                                        /> </div>\n                                                        <div className=\"p2-info-row-desc\">{propertyInfo && propertyInfo.priceSales && numberWithCommas(propertyInfo.priceSales)} <FormattedMessage\n                                                            id='EGP'\n                                                            defaultMessage='EGP'\n                                                        /></div>\n                                                        {/*    <div className=\"p2-info-row-date mt-2\">Last Updated 28 Oct 2020</div>*/}\n                                                    </div>\n                                                    <div className=\"p2-info-row\">\n                                                        <div className=\"p2-info-row-title\"><FormattedMessage\n                                                            id='PROPERTY_TYPE'\n                                                            defaultMessage='PROPERTY TYPE'\n                                                        /></div>\n                                                        <div className=\"p2-info-row-desc\">{propertyInfo && propertyInfo.typeName} </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div className=\"p2-profile-right\">\n                                                <div className=\"p2-place-grid\">\n                                                    {propertyInfo && propertyInfo.specList && propertyInfo.specList.slice(0, 5).map(spec => {\n                                                        if (spec && spec.name === null)\n                                                            return <button className=\"project-action-btn\">\n                                                                <span className={spec && spec.specificationIcon} />\n                                                                <div className=\"title\">{spec && spec.specificationName} {spec && spec.value}</div>\n                                                            </button>\n                                                        else\n                                                            return <button className=\"project-action-btn\">\n                                                                <span className={spec && spec.specificationIcon} />\n                                                                <div className=\"title\">{spec && spec.value} {spec && spec.specificationName}</div>\n                                                            </button>\n                                                    })}\n                                                </div>\n                                            </div>\n                                        </div>\n                                        {/* P2 Body */}\n                                        <div className=\"p2-body\">\n                                            <div className=\"p2-accordion-grid\">\n                                                {/* Accordion Left */}\n                                                <div className=\"p2-accordion-left\">\n                                                    <div className=\"accordion-card\">\n                                                        <div className=\"card\">\n                                                            <div className=\"card-header accordion-card-header\" id=\"headingOne\">\n                                                                <button className=\"toggle-accordion-btn flex-center-between\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseOne\" aria-expanded=\"true\" aria-controls=\"collapseOne\">\n                                                                    <div className=\"title\"><FormattedMessage\n                                                                        id='Description'\n                                                                        defaultMessage='Description'\n                                                                    /></div>\n                                                                    <span className=\"icon-plus icon\" />\n                                                                </button>\n                                                            </div>\n                                                            {/* multipleOPened if u want to open one only */}\n                                                            <div id=\"collapseOne\" className=\"collapse\" aria-labelledby=\"headingOne\">\n                                                                <div className=\"card-body\">\n                                                                    <div className=\"text accordion-text\">\n                                                                        <div className=\"content\" dangerouslySetInnerHTML={{ __html: propertyInfo && propertyInfo.string5 }}></div>\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                    <div className=\"accordion-card\">\n                                                        <div className=\"card\">\n                                                            <div className=\"card-header accordion-card-header\" id=\"headingThree\">\n                                                                <button className=\"toggle-accordion-btn flex-center-between\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseThree\" aria-expanded=\"true\" aria-controls=\"collapseThree\">\n                                                                    <div className=\"title\">\n                                                                        <FormattedMessage\n                                                                            id='About_Developer'\n                                                                            defaultMessage='About Developer'\n                                                                        /> </div>\n                                                                    <span className=\"icon-plus icon\" />\n                                                                </button>\n                                                            </div>\n                                                            <div id=\"collapseThree\" className=\"collapse\" aria-labelledby=\"headingThree\">\n                                                                <div className=\"card-body\">\n                                                                    <div className=\"accordion-img-text-widget d-flex\">\n                                                                        <div className=\"acc-img\">\n                                                                            <img src={companyInfo && companyInfo.image} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                                                                        </div>\n                                                                        <div className=\"acc-img-text\">\n                                                                            <div className=\"accordion-text\">\n                                                                                <ReadMore>{companyInfo && companyInfo.string5 && companyInfo.string5.replace(/<\\/?[^>]+(>|$)/g, \"\")}</ReadMore>\n                                                                            </div>\n                                                                            <div className=\"accordion-text mt-2\">{companyInfo && companyInfo.name}</div>\n                                                                        </div>\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                                {/* Accordion Right */}\n                                                <div className=\"p2-accordion-right\">\n                                                    <div className=\"accordion-card\">\n                                                        <div className=\"card\">\n                                                            <div className=\"card-header accordion-card-header\" id=\"headingTwo\">\n                                                                <button className=\"toggle-accordion-btn flex-center-between\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseTwo\" aria-expanded=\"true\" aria-controls=\"collapseTwo\">\n                                                                    <div className=\"title\"><FormattedMessage\n                                                                        id='Amenities'\n                                                                        defaultMessage='Amenities'\n                                                                    /></div>\n                                                                    <span className=\"icon-plus icon\" />\n                                                                </button>\n                                                            </div>\n                                                            <div id=\"collapseTwo\" className=\"collapse\" aria-labelledby=\"headingTwo\">\n                                                                <div className=\"card-body\">\n                                                                    <div className=\"accordion-list\">\n                                                                        {propertyInfo && propertyInfo.amenitiesList && propertyInfo.amenitiesList.slice(0, 4).map(Amenity => {\n                                                                            return <div className=\"accl-row\">\n                                                                                <div className=\"accl-title\">{Amenity && Amenity.classificationName}</div>\n                                                                                <div className=\"accl-info\"> {Amenity && Amenity.value}</div>\n                                                                            </div>\n                                                                        })}\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                    <div className=\"accordion-card\">\n                                                        <div className=\"card\">\n                                                            <div className=\"card-header accordion-card-header\" id=\"headingFour\">\n                                                                <button className=\"toggle-accordion-btn flex-center-between\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseFour\" aria-expanded=\"true\" aria-controls=\"collapseFour\">\n                                                                    <div className=\"title\"><FormattedMessage\n                                                                        id='Location'\n                                                                        defaultMessage='Location'\n                                                                    /></div>\n                                                                    <span className=\"icon-plus icon\" />\n                                                                </button>\n                                                            </div>\n                                                            <div id=\"collapseFour\" className=\"collapse\" aria-labelledby=\"headingFour\">\n                                                                <div className=\"card-body\">\n                                                                    <div className=\"accordion-map\">\n                                                                        <iframe src={propertyInfo && 'https://maps.google.com/maps?q=' + propertyInfo.latitude + ',' + propertyInfo.longitude + '&t=&z=12&ie=UTF8&iwloc=&output=embed'} width=\"100%\" height={180} style={{ border: 0 }} allowFullScreen loading=\"lazy\" />\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                {/* Project Details */}\n                                <div className=\"projects-slider\">\n                                    <div className=\"container-fluid\">\n                                        <div className=\"projects-slider-header flex-center-between\">\n                                            <div className=\"title\">\n                                                <FormattedMessage\n                                                    id='YouMayAlso'\n                                                    defaultMessage='YOU MAY AlSO LIKE'\n                                                />\n                                            </div>\n                                            <div className=\"ps-arrows\">\n                                                <button className=\"arrow-prevProperties arrow-prev\"><span className=\"icon-arrow-left icon\" /></button>\n                                                <button className=\"arrow-nextProperties arrow-next\"><span className=\"icon-arrow-right icon\" /></button>\n                                            </div>\n                                        </div>\n                                        <div id=\"otherProperties\" className=\"otherProperties swiper-container swiper-similar-products\">\n                                            {rentPropertiesOfSameProject && rentPropertiesOfSameProject.length == 0 ? <div style={{ textAlign: 'center' }}> <FormattedMessage\n                                                id='ThereisntProjects'\n                                                defaultMessage=\"There isn' t any property to same project\"\n                                            /> </div> :\n                                                <div className=\"swiper-wrapper\" style={{ direction: lang === 'ar' ? 'rtl' : 'ltr' }}>\n                                                    {rentPropertiesOfSameProject && rentPropertiesOfSameProject.map(relatedItem =>\n                                                        <div className=\"swiper-slide\">\n                                                            <div className=\"product-card\" >\n                                                                <Link to={\"/Property/\" + relatedItem.id} onClick={() => { this.onSelect(relatedItem.id) }}><img src={relatedItem && relatedItem.image} className=\"product-card-view img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} /> </Link>\n                                                                <div className=\"product-card-title\">{relatedItem && relatedItem.name}</div>\n                                                                <div className=\"product-card-company\">\n                                                                    <div className=\"pcc-logo\">\n                                                                        <img src={relatedItem && relatedItem.projectLogo} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                                                                    </div>\n                                                                    <div className=\"pcc-data\">\n                                                                        <div className=\"pcc-title\"><FormattedMessage\n                                                                            id='Starting_Price'\n                                                                            defaultMessage='STARTING PRICE'\n                                                                        /></div>\n                                                                        <div className=\"pcc-price\">{relatedItem && relatedItem.priceSales && numberWithCommas(relatedItem.priceSales)} <FormattedMessage\n                                                                            id='EGP'\n                                                                            defaultMessage='EGP'\n                                                                        /></div>\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    )}\n                                                </div>\n                                            }\n                                        </div>\n                                    </div>\n                                </div>\n\n                                {/* <div className=\"projects-slider\">\n                                <div className=\"container-fluid\">\n                                    <div className=\"projects-slider-header flex-center-between\">\n                                        <div className=\"title\"><FormattedMessage\n                                            id='YouMayAlso'\n                                            defaultMessage='YOU MAY AlSO LIKE'\n                                        /></div>\n                                        <div className=\"ps-arrows\">\n                                            <button id=\"arrow-prevProjects\" className=\"arrow-prevProjects arrow-prev\"><span className=\"icon-arrow-left icon\" /></button>\n                                            <button id=\"arrow-nextProjects\" className=\"arrow-nextProjects arrow-next\"><span className=\"icon-arrow-right icon\" /></button>\n                                        </div>\n                                    </div>\n                                    <div id=\"otherProjects\" className=\"otherProjects swiper-container swiper-similar-products\">\n                                        {projectsOfSameCompany && projectsOfSameCompany.length == 0 ? <FormattedMessage\n                                            id='ThereisntProjects'\n                                            defaultMessage=\"There isn't any project to developer\"\n                                        /> :\n                                            <div className=\"swiper-wrapper\" style={{ direction: lang === 'ar' ? 'rtl' : 'ltr' }}>\n                                                {projectsOfSameCompany && projectsOfSameCompany.map(item =>\n                                                    <div className=\"swiper-slide\">\n                                                        <div className=\"product-card\" >\n                                                            <Link to={\"/Project/\" + item.id}>\n                                                                {item && item.image == null ? <img src=\"assets/img/notfound.png\" className=\"product-card-view img-fluid\" alt=\"\" />\n                                                                    : <img src={item && item.image} className=\"product-card-view img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                            </Link>\n                                                            <div className=\"product-card-title\">{item && item.name}</div>\n                                                            <div className=\"product-card-company\">\n                                                                <div className=\"pcc-logo\">\n                                                                    <img src={item && item.logo} className=\"img-fluid\" alt=\"\" />\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                )}\n                                            </div>\n                                        }\n                                    </div>\n                                </div>\n                            </div>*/}\n                            </>\n                        }\n                    </div>\n                </>                \n        )\n    }\n}\n","import React, { Component } from 'react'\n\nexport class NotFoundPage extends Component {\n\n    render() {\n        document.title = \"Not found\";\n\n        return (\n            <div className=\"justify-content-center align-items-center\" style={{ height: \"auto\" }}>\n                <div className=\"d-flex justify-content-center align-items-center text-center\" style={{ paddingTop: \"16%\", marginBottom:\"28px\" }}>\n                    <div style={{ height: \"auto\" }}>\n                        <img id=\"bgImageModalViewPhoto\" src=\"assets/img/logo-black.svg\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />\n                    </div>\n                </div>\n                <div className=\"col-12 d-flex justify-content-center align-items-center\" style={{ height: \"auto\" }}>\n\n                    <h1 className=\"mr-3 pr-3 align-top border-right inline-block align-content-center\">404</h1>\n                    <div className=\"inline-block align-middle\">\n                        <h2 className=\"font-weight-normal lead\" id=\"desc\">The page you requested was not found.</h2>\n                    </div>\n                </div>\n            </div>\n\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/careers.css';\nimport '../css/application.css';\nimport '../css/rtl.css';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport axios from 'axios';\nimport $, { error } from 'jquery';\nimport {\n    GetLang, calcNavHeight, Toast, validmobileRegex, validNumbersRegex, validEmailRegex,\n    validSpacesRegex, validSpecialCharRegex, IntegersRegex, IntegersGreaterThanZeroRegex\n} from '../_helpers/HelperFunctions';\nimport { FormattedMessage } from 'react-intl';\n\nexport class ApplicationPage extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            email: '',\n            id: this.props.match.params.id,\n            careerInfo: '',\n            qaInfo: '',\n            name: '',\n            position: '',\n            mobile: '',\n            desc: '',\n            selectedFile: '',\n            addionalFile: [],\n            qList: [],\n            loadingFetch: true,\n            isSubmitting: false,\n            error: '',\n            errors: {\n                name: '',\n                mobile: '',\n                position: '',\n                desc: '',\n                selectedFile: '',\n                addionalFile: '',\n                email: '',\n                dynmicQuestions:''\n            }\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                if (method === \"POST\") {\n                    Toast.fire({\n                        icon: 'error',\n                        title: \"There is an error, Try later.\"\n                    })\n                } else\n                    throw error;\n            } else {\n                if (this.state.selectedFile == '' && this.state.addionalFile.length == 0 && method === \"POST\") {\n                    Toast.fire({\n                        icon: 'success',\n                        title: \"Your request was sent successfully.\"\n                    })\n                    await this.setState({\n                        name: '',\n                        position: '',\n                        mobile: '',\n                        desc: '',\n                        selectedFile: '',\n                        addionalFile: [],\n                        email: ''\n                    });\n                }\n                return await response.json();\n            }\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    CheckExtension(event) {\n        for (let i = 0; i < event.target.files.length; i++) {\n\n            var fileName = event.target.files[i].name\n            if (fileName == \"\") {\n                Toast.fire({\n                    icon: 'info',\n                    title: \"Browse to upload a valid File with (docx,pdf,png,jpg,jpeg) extensions\"\n                })\n                return false;\n            }\n            else if (\n                (fileName.slice((fileName.lastIndexOf(\".\") - 1 >>> 0) + 2)).toLowerCase() == \"jpg\" ||\n                (fileName.slice((fileName.lastIndexOf(\".\") - 1 >>> 0) + 2)).toLowerCase() == \"png\" ||\n                (fileName.slice((fileName.lastIndexOf(\".\") - 1 >>> 0) + 2)).toLowerCase() == \"jpeg\" ||\n                (fileName.slice((fileName.lastIndexOf(\".\") - 1 >>> 0) + 2)).toLowerCase() == \"pdf\" ||\n                (fileName.slice((fileName.lastIndexOf(\".\") - 1 >>> 0) + 2)).toLowerCase() == \"docx\"\n            ) {\n                return true;\n            }\n            else {\n                Toast.fire({\n                    icon: 'info',\n                    title: \"Select files with (docx,pdf,png,jpg,jpeg) extensions\"\n                })\n                return false;\n            }\n        }\n    }\n\n    async componentDidMount() {\n        calcNavHeight();\n        let that = this;\n        $(window).scroll(function () {\n            if ($(window).scrollTop() > 0) {\n                $(\"#navigationBar\").addClass(\"active\");\n            } else {\n                $(\"#navigationBar\").removeClass(\"active\");\n            }\n        });\n        // Header Scroller\n        $(window).on(\"scroll\", function () {\n            if ($(window).scrollTop() > 0 && $(\"#headerScroller\")[0]) {\n                $(\".transition-title\").addClass(\"active\");\n                that.headerBottomScrollerChecker();\n            } else {\n                $(\".transition-title\").removeClass(\"active\");\n                $(\"#nav\").removeClass(\"active\");\n            }\n        });\n        let IsInt = IntegersRegex.test(this.state.id) ? true : false;\n        let IsGreateThanZero = IntegersGreaterThanZeroRegex.test(this.state.id) ? true : false;\n        if (IsInt !== true && IsGreateThanZero !== true) {\n            window.location.assign('/404')\n        } else {\n            let qList = [];\n            let qaInfo = await this.fetch('GET', \"Service/GetApplicationJob/\" + this.state.id);\n            qaInfo && qaInfo.map(que =>\n                qList.push({ questID:que.questionID, quest:que.question, answervalue:\"\" })\n            )\n\n            this.setState({ loadingFetch: true, careerInfo: await this.fetch('GET', \"Service/\" + this.state.id), qaInfo, qList, loadingFetch: false });\n            if (this.state.error == '') {\n                $(\".js-range-slider-skills\").ionRangeSlider({\n                    onStart: function (data) {\n                        $(\".application-range-count\").text(data.from);\n                    },\n                    onChange: function (data) {\n                        $(\".application-range-count\").text(data.from);\n                        let { qList } = that.state;\n\n                        var QTypeSwiper = qaInfo.filter(function (el) {\n                            return el.questionType == 1;\n                        }\n                        );\n\n\n                        //Find index of specific object using findIndex method.    \n                        let objIndex = qList.findIndex((obj => obj.questID == QTypeSwiper[0].questionID));\n\n                        //Log object to Console.\n                       // console.log(\"Before update: \", qList[objIndex])\n\n                        //Update object's name property.\n                        qList[objIndex].answervalue = data.from;\n\n                        //Log object to console again.\n                        //console.log(\"After update: \", qList[objIndex])\n                    },\n                    onUpdate: function (data) {\n                       // $(\".application-range-count\").text(data.from);\n                    },\n                });\n            }\n\n        }\n        document.body.style.removeProperty(\"padding-top\")\n        var element = document.getElementById(\"nav\");\n        element.classList.remove(\"active-page\");\n        // Range \n    }\n\n    hanldeChangeForm = (event, questionID) => {\n        // console.log(event.target.value, question);\n        let { qList } = this.state;\n        \n        //Find index of specific object using findIndex method.    \n        let objIndex = qList.findIndex((obj => obj.questID == questionID));\n\n        //Log object to Console.\n        // console.log(\"Before update: \", qList[objIndex])\n\n        //Update object's name property.\n        qList[objIndex].answervalue = event.target.value;\n        \n    }\n\n    handleChange = (event) => {\n        event.preventDefault();\n        let { name, value } = event.target;\n        let { errors } = this.state;\n        let emptyField = '';\n\n        switch (name) {\n            case 'name':\n                errors.name = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.name == '')\n                    errors.name = validSpacesRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.name == '')\n                    errors.name = validNumbersRegex.test(value) ? '' : 'Invalid_name';\n                if (errors.name == '')\n                    errors.name = validSpecialCharRegex.test(value) ? '' : 'Invalid_name';\n                break;\n            case 'email':\n                errors.email = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.email == '')\n                    errors.email = validEmailRegex.test(value) ? '' : 'Invalid_email';\n                break;\n            case 'mobile':\n                errors.mobile = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.mobile == '')\n                    errors.mobile = validmobileRegex.test(value) ? '' : 'Invalid_phone';\n                break;\n            default:\n                break;\n        }\n        this.setState({ errors, [name]: value }, () => {\n            console.log(errors)\n        })\n        \n    }\n\n    // Callback IF Condition Header Bottom\n    headerBottomScrollerChecker() {\n        var mainHeaderBottom =\n            $(\"#headerScroller\").position().top +\n            $(\"#headerScroller\").outerHeight(true);\n        if ($(window).scrollTop() >= mainHeaderBottom) {\n            $(\"#nav\").addClass(\"active\");\n            $(\".transition-title\").removeClass(\"active\");\n        } else {\n            $(\"#nav\").removeClass(\"active\");\n        }\n    }\n\n    validateForm = (errors, state) => {\n        let valid = true;\n        if (state.name == '')\n            errors.name = \"This_field_is_required\";\n        if (state.mobile == '')\n            errors.mobile = \"This_field_is_required\";\n        if (state.email == '')\n            errors.email = \"This_field_is_required\";        \n\n        Object.values(errors).forEach(\n            // if we have an error string set valid to false\n            (val) => val.length > 0 && (valid = false)\n        );\n\n        this.setState({ errors }, () => {\n            console.log(errors)\n        })\n        return valid;\n    }\n\n    // On file select (from the pop up) \n    onFileChange = event => {\n        // Update the state \n        if (event.target.files.length !== 0) {\n            let isValid = this.CheckExtension(event);\n            if (isValid == true)\n                this.setState({ selectedFile: event.target.files[0] });\n        } else\n            this.setState({ selectedFile: '' });\n    };\n\n    // On file select (from the pop up) \n    onFileChangeAddionalFile = event => {\n        let { addionalFile } = this.state;\n        // Update the state \n        if (event.target.files.length !== 0) {\n            let isValid = this.CheckExtension(event);\n            if (isValid == true) {\n                addionalFile.push(event.target.files[0]);\n                this.setState({ addionalFile: addionalFile });\n            }\n        } else\n            this.setState({ addionalFile: addionalFile });\n    };\n\n    handleSubmit = async (event) => {\n        event.preventDefault();\n        let { errors, name, mobile, desc, position, selectedFile, email, addionalFile, qList } = this.state;\n        let feedBackCategoryName = \"Careers\";\n\n        let text = \"\";\n        for (let i = 0; i < qList.length; i++) {\n            text += \"Q\" + i + \"):\" + qList[i].quest + \"\\n\" + \"A\" + i + \"):\" + qList[i].answervalue + \"\\n\";\n        }    \n       \n        function nullExists() {\n            return qList.some(function (el) {\n                return el.answervalue == \"\";\n            });\n        }\n\n        if (nullExists() == true) \n            errors.dynmicQuestions = 'Answerallquestions';\n        else\n            errors.dynmicQuestions = '';\n\n        let body = { \"name\": name, \"subject\": position, \"mobile\": mobile, \"comment\": desc, \"email\": email, \"feedBackCategoryName\": feedBackCategoryName, AnswersQuestionsViewModels: qList, description: text };\n\n        if (this.validateForm(errors, this.state)) {\n            console.info('Valid Form');\n            this.setState({ isSubmitting: true });\n\n            let FeedbackInsert;\n            let responseCV;\n            let responseAddionalFiles;\n\n\n            let responseFeedbackInfo = await this.fetch('POST', \"Contact/PostApplication\", body);\n            if (selectedFile !== '') {\n                // Create an object of formData \n                const formData = new FormData();\n                // Update the formData object   \n                formData.append(\n                    \"file\",\n                    selectedFile,\n                    selectedFile.name\n                );\n\n                // Details of the uploaded file \n                // console.log(selectedFile);\n\n                // Request made to the backend api \n                // Send formData object \n                try {\n                    let response = await axios.post(\"api/Feedback/UploadFile/\" + responseFeedbackInfo.message, formData);\n                    const error = (response && response.data) || response.statusText;\n                    if (response.status !== 200) {\n                        throw error;\n                    }\n                    else {\n                        if (addionalFile.length == 0) {\n                            Toast.fire({\n                                icon: 'success',\n                                title: \"Your request was sent successfully.\"\n                            })\n                            await this.setState({\n                                name: '',\n                                position: '',\n                                mobile: '',\n                                desc: '',\n                                selectedFile: '',\n                                email: ''\n                            });\n                        }\n                    }\n                } catch (error) {\n                    this.setState({ error });\n                }\n            }\n            if (addionalFile.length !== 0) {\n                // Create an object of formData \n                const formData2 = new FormData();\n                // Update the formData object   \n                for (let i = 0; i < addionalFile.length; i++) {\n                    formData2.append(\"files\", addionalFile[i]);\n                }\n                // Details of the uploaded file \n                // console.log(addionalFile);\n                // Request made to the backend api \n                // Send formData object \n                try {\n                    let response = await axios.post(\"api/Feedback/UploadAddtionalFiles/\" + responseFeedbackInfo.message, formData2);\n                    const error = (response && response.data) || response.statusText;\n                    if (response.status !== 200)\n                        throw error;\n                    else {\n                        Toast.fire({\n                            icon: 'success',\n                            title: \"Your request was sent successfully.\"\n                        })\n                        await this.setState({\n                            name: '',\n                            position: '',\n                            mobile: '',\n                            desc: '',\n                            selectedFile: '',\n                            addionalFile: [],\n                            email: ''\n                        });\n                    }\n                } catch (error) {\n                    this.setState({ error });\n                }\n            }\n\n            this.setState({ isSubmitting: false });\n        } else {\n            console.error('Invalid Form')\n        }\n    }\n\n    render() {\n        document.title = \"Application\";\n\n        let { errors, name, desc, email, position, mobile, selectedFile, isSubmitting, error, careerInfo, loadingFetch, addionalFile, qaInfo } = this.state;\n        if (error)\n            return <Error />\n        let img = careerInfo && careerInfo.image;\n        var rows = [];\n\n        for (let i = 0; i < addionalFile.length; i++) {\n            rows.push(addionalFile[i].name + \" \");\n        }\n        // console.log(addionalFile)\n        return (\n            <div className=\"wrapper-container\">\n                {/* Slider main container */}\n                {loadingFetch === true ? <Loading /> :\n                    <>\n                        <div id=\"headerScroller\" className=\"home-header\">\n                            <div className=\"careers-header\" style={{ backgroundImage: img === null ? 'assets/img/application.png' : `url(${img}),url(\"assets/img/services/service-1.png\")` }}>\n                                <div className=\"overlay\" />\n                                <div className=\"careers-data text-center\">\n                                    <div className=\"sub-title mb-3\"><FormattedMessage\n                                        id='ApplyFor'\n                                        defaultMessage='Apply for'\n                                    /></div>\n                                    <div className=\"bg-title\">\n                                        {careerInfo && careerInfo.name}\n                                    </div>\n                                    <div className=\"sub-title\">\n                                        {careerInfo && careerInfo.string3}\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"careers\">\n                            <div className=\"container-fluid\">\n                                <div className=\"careers-content\">\n                                    <div className=\"careers-st-container\">\n                                        <div className=\"application-container\">\n                                            <fieldset disabled={isSubmitting}>\n                                                <form onSubmit={this.handleSubmit} autoComplete=\"off\" method=\"post\">\n                                                    <div className=\"form-fields\">\n                                                        <div className=\"form-row\">\n                                                            {qaInfo && qaInfo.map((question, indx) =>\n                                                                question && question.questionType == 1 ?\n                                                                    <div key={question.questionID} className=\"application-row\">\n                                                                        <div className=\"application-title mb-2\">\n                                                                            {question && question.question}\n                                                                        </div>\n                                                                        <div className=\"application-range text-center\">\n                                                                            <div className=\"application-range-count\">-</div>\n                                                                            <div className=\"application-range-dash\">-</div>\n                                                                            <input type=\"text\" dir=\"rtl\" onChange={(e) => { this.hanldeChangeForm(e, question.questionID) }} data-drag-interval=\"false\" className=\"js-range-slider-skills\" name=\"my_range\" data-type=\"single\" data-min={1} data-max={10} data-from={1} data-grid=\"false\" data-step={1} />\n                                                                        </div>\n                                                                    </div> : <div key={question.questionID} className=\"application-row\">\n                                                                        <div className=\"application-title mb-2\">\n                                                                            {question && question.question}\n                                                                        </div>\n                                                                        <div className=\"application-checkbox\">\n                                                                            {\n                                                                                question && question.answerInfos && question.answerInfos.map((answer,indx) => {\n                                                                                    return <div className=\"app-checkbox-card\" key={indx} onChange={(e) => { this.hanldeChangeForm(e, question.questionID) }}>\n                                                                                        < label htmlFor={\"ANS_\" + answer.answerID}  >\n                                                                                            <input id={\"ANS_\" + answer.answerID} type=\"radio\" name={\"Inp_\" + question.questionID} value={answer.answer} />\n                                                                                            <span className=\"app-fake-checkbox\" />\n                                                                                            {answer && answer.answer}\n                                                                                        </label>\n                                                                                    </div>\n                                                                                }\n                                                                                )}\n                                                                        </div>\n                                                                    </div>\n                                                            )}\n                                                            {errors.dynmicQuestions.length > 0 &&\n                                                                <font style={{ float: \"left\", color: \"#ffc107\", width: \"100%\", fontSize: \"100%\", marginTop: '9px' }}>\n                                                                    <FormattedMessage\n                                                                    id={errors.dynmicQuestions}\n                                                                        defaultMessage=\"Answer all questions\"\n                                                                    />\n                                                                </font>}\n                                                        </div>\n                                                        <div className=\"form-row\">\n                                                            {/*Info Form*/}\n                                                            <div className=\"col-lg-6 col-md-6 mb-4\">\n                                                                <div className=\"application-title mb-2\"><FormattedMessage\n                                                                    id='Name'\n                                                                    defaultMessage='Name*'\n                                                                />\n                                                                </div>\n                                                                <div className=\"form-group-row\">\n                                                                    <FormattedMessage id=\"Enter_full_name\"\n                                                                        defaultMessage=\"Enter full name\">\n                                                                        {placeholder =>\n                                                                            <input type=\"text\" id=\"Name\" className=\"form-group-input\" placeholder={placeholder} name=\"name\" value={name} onChange={this.handleChange} />\n                                                                        }\n                                                                    </FormattedMessage>\n                                                                </div>\n                                                                {errors.name.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#ffc107\", width: \"100%\", fontSize: \"100%\", marginTop: '9px' }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.name}\n                                                                            defaultMessage=\"Invalid name\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-6 col-md-6 mb-4\">\n                                                                <div className=\"application-title mb-2\"><FormattedMessage\n                                                                    id='Phone'\n                                                                    defaultMessage='Phone*'\n                                                                />\n                                                                </div>\n                                                                <div className=\"form-group-row\">\n                                                                    <FormattedMessage id=\"Enter_Phone\"\n                                                                        defaultMessage=\"Enter phone\">\n                                                                        {placeholder =>\n                                                                            <input type=\"text\" className=\"form-group-input\" placeholder={placeholder} name=\"mobile\" value={mobile} onChange={this.handleChange} />\n                                                                        }\n                                                                    </FormattedMessage>\n                                                                </div>\n                                                                {errors.mobile.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#ffc107\", width: \"100%\", fontSize: \"100%\", marginTop: '9px' }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.mobile}\n                                                                            defaultMessage=\"Invalid mobile\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-12 col-md-6 mb-4\">\n                                                                <div className=\"application-title mb-2\"><FormattedMessage\n                                                                    id='emailApp'\n                                                                    defaultMessage='email*'\n                                                                />\n                                                                </div>\n                                                                <div className=\"form-group-row\">\n                                                                    <FormattedMessage id=\"Enter_Email\"\n                                                                        defaultMessage=\"Enter Email\">\n                                                                        {placeholder =>\n                                                                            <input type=\"text\" className=\"form-group-input\" placeholder={placeholder} name=\"email\" value={email} onChange={this.handleChange} />\n                                                                        }\n                                                                    </FormattedMessage>\n                                                                </div>\n                                                                {errors.email.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#ffc107\", width: \"100%\", fontSize: \"100%\", marginTop: '9px' }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.email}\n                                                                            defaultMessage=\"Invalid email\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-12 col-md-6 mb-4\">\n                                                                <div className=\"application-title mb-2\"><FormattedMessage\n                                                                    id='PositionTitle'\n                                                                    defaultMessage='Position title'\n                                                                />\n                                                                </div>\n                                                                <div className=\"form-group-row\">\n                                                                    <FormattedMessage id=\"EnterPositionTitle\"\n                                                                        defaultMessage=\"Enter position title\">\n                                                                        {placeholder =>\n                                                                            <input type=\"text\" className=\"form-group-input\" placeholder={placeholder} name=\"position\" value={position} onChange={this.handleChange} />\n                                                                        }\n                                                                    </FormattedMessage>\n                                                                </div>\n                                                                {errors.position.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#ffc107\", width: \"100%\", fontSize: \"100%\", marginTop: '9px' }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.position}\n                                                                            defaultMessage=\"Invalid position\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-12 mb-4\">\n                                                                <div className=\"application-title mb-2\"><FormattedMessage\n                                                                    id='PositionDescription'\n                                                                    defaultMessage='Position description'\n                                                                />\n                                                                </div>\n                                                                <div className=\"form-group-row\">\n                                                                    <FormattedMessage id=\"EnterPositionDescription\"\n                                                                        defaultMessage=\"Enter position description\">\n                                                                        {placeholder =>\n                                                                            <textarea type=\"text\" rows={3} className=\"form-group-input\" placeholder={placeholder} value={\"\"} name=\"desc\" value={desc} onChange={this.handleChange} />\n                                                                        }\n                                                                    </FormattedMessage>\n                                                                </div>\n                                                                {errors.desc.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#ffc107\", width: \"100%\", fontSize: \"100%\", marginTop: '9px' }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.desc}\n                                                                            defaultMessage=\"Invalid description\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-12 mb-4\">\n                                                                <div className=\"application-title mb-2\"><FormattedMessage\n                                                                    id='UploadCV'\n                                                                    defaultMessage='Upload CV'\n                                                                />\n                                                                </div>\n                                                                <div className=\"form-group-row form-group-row-file\">\n                                                                    <input type=\"file\" className=\"input-file\" onChange={this.onFileChange} />\n                                                                    <div className=\"upload-file-card\">\n                                                                        <span>\n                                                                            {selectedFile === '' ? <>\n                                                                                <FormattedMessage\n                                                                                    id='DropFile'\n                                                                                    defaultMessage='Drop your file or '\n                                                                                /><u><FormattedMessage\n                                                                                    id='Upload'\n                                                                                    defaultMessage='Upload'\n                                                                                /></u>\n                                                                            </> : selectedFile.name}\n                                                                        </span>\n                                                                    </div>\n                                                                </div>\n                                                                {errors.selectedFile.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#ffc107\", width: \"100%\", fontSize: \"100%\", marginTop: '9px' }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.selectedFile}\n                                                                            defaultMessage=\"Invalid File\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-12 mb-4\">\n                                                                <div className=\"application-title mb-2\"><FormattedMessage\n                                                                    id='Additionalfiles'\n                                                                    defaultMessage='Additional files'\n                                                                />\n                                                                </div>\n                                                                <div className=\"form-group-row form-group-row-file\">\n                                                                    <input type=\"file\" className=\"input-file\" onChange={this.onFileChangeAddionalFile} multiple />\n                                                                    <div className=\"upload-file-card\">\n                                                                        <span>\n                                                                            {addionalFile.length === 0 ? <>\n                                                                                <FormattedMessage\n                                                                                    id='DropFile'\n                                                                                    defaultMessage='Drop your file or '\n                                                                                /><u><FormattedMessage\n                                                                                    id='Upload'\n                                                                                    defaultMessage='Upload'\n                                                                                /></u>\n                                                                            </> : rows\n                                                                            }\n                                                                        </span>\n                                                                    </div>\n                                                                </div>\n                                                                {errors.addionalFile.length > 0 &&\n                                                                    <font style={{ float: \"left\", color: \"#ffc107\", width: \"100%\", fontSize: \"100%\", marginTop: '9px' }}>\n                                                                        <FormattedMessage\n                                                                            id={errors.addionalFile}\n                                                                            defaultMessage=\"Invalid File\"\n                                                                        />\n                                                                    </font>}\n                                                            </div>\n                                                            <div className=\"col-lg-12 mb-4\">\n                                                                <div className=\"form-group-row-submit mt-5 text-center\">\n                                                                    <button type=\"submit\" className=\"application-submit\" disabled={isSubmitting}>{isSubmitting ? <FormattedMessage\n                                                                        id='Waiting'\n                                                                        defaultMessage='Waiting...'\n                                                                    /> : <FormattedMessage\n                                                                            id='SubmitApplication'\n                                                                            defaultMessage='Submit application'\n                                                                        />\n                                                                    }</button>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </form>\n                                            </fieldset>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </>\n                }\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/contact.css';\nimport '../css/rtl.css';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { Link } from 'react-router-dom';\nimport {\n    GetLang, calcNavHeight, numberWithCommas\n} from '../_helpers/HelperFunctions';\nimport { FormattedMessage } from 'react-intl';\nexport class SearchResultPage extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            location: '',\n            propertyType: '',\n            price: '',\n            unit: '',\n            loadingFetch: true,\n            searchResult: [],\n            error: '',\n        };\n    }\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    async componentDidMount() {\n        let { location, propertyType, price, unit } = this.state;\n        calcNavHeight();\n        const search = this.props.location.search; // could be '?foo=bar'\n        const params = new URLSearchParams(search);\n\n        location = params.get('district');\n        propertyType = params.get('cat');\n        price = params.get('price');\n        unit = params.get('unit');\n        let queryString = \"?cat=\" + propertyType + \"&district=\" + location + \"&price=\" + price + \"&unit=\" + unit;\n\n        await this.setState({\n            location, propertyType, price, unit, loadingFetch: true,\n            searchResult: await this.fetch('GET', \"Search\" + queryString), loadingFetch: false\n        });\n    }\n\n    render() {\n        document.title = \"Search Result\";\n\n        let { searchResult, loadingFetch } = this.state;\n        return (\n            <div className=\"wrapper-container\">\n                {/* Contact Container */}\n                <div className=\"contact-container\">\n                    <div className=\"container-fluid\">\n                        <div className=\"contact-content\">\n                            <div className=\"wrapper-container\">\n                                {searchResult && searchResult.length != 0 || typeof (searchResult) !== 'undefined' ? loadingFetch == true ? <Loading /> :\n                                    <>\n                                        <h1 style={{ textAlign: 'center' }}><FormattedMessage\n                                            id='SearchResultPage'\n                                            defaultMessage='Search Result'\n                                        /></h1>\n                                        <div class=\"row\">\n                                            {searchResult && searchResult.map(property =>\n                                                <div class=\"col-3 mt-5\" key={property && property.id}>\n                                                    <Link className=\"product-card\" to={\"/Property/\" + property.id} >\n                                                        {property && property.image == null ? <img src=\"assets/img/notfound.png\" className=\"product-card-view img-fluid\" alt=\"\" />\n                                                            : <img src={property && property.image} className=\"product-card-view img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                        <div className=\"product-card-title\">{property && property.name}</div>\n                                                        <div className=\"product-card-company\">\n                                                            <div className=\"pcc-logo\">\n                                                                {property && property.companyImage == null ? <img src=\"assets/img/notfound.png\" className=\"img-fluid\" alt=\"\" />\n                                                                    : <img src={property && property.companyImage} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                                            </div>\n                                                            <div className=\"pcc-data\">\n                                                                <div className=\"pcc-title\"><FormattedMessage\n                                                                    id='Starting_Price'\n                                                                    defaultMessage='STARTING PRICE'\n                                                                /></div>\n                                                                <div className=\"pcc-price\">{property && property.priceSales && numberWithCommas(property.priceSales)} <FormattedMessage\n                                                                    id='EGP'\n                                                                    defaultMessage='EGP'\n                                                                /></div>\n                                                            </div>\n                                                        </div>\n                                                    </Link>\n                                                </div>\n                                            )}\n                                        </div>\n                                    </> : <h1 style={{ textAlign: 'center' }}><FormattedMessage\n                                        id='NotFound'\n                                        defaultMessage='Results not found'\n                                    /></h1>\n                                }\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                {/* Contact Container */}\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/articles.css';\nimport '../css/rtl.css';\nimport { Link } from 'react-router-dom';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { GetLang, calcNavHeight } from '../_helpers/HelperFunctions';\nimport { FormattedMessage } from 'react-intl';\nimport moment from 'moment';\nimport Context from '../components/Context';\n\n\nexport class ArticlePage extends Component {\n    static contextType = Context;  \n\n    constructor(props) {\n        super(props);\n        this.state = {\n            id: this.props.match.params.id,\n            articleInfo: '',\n            socialBtns: '',\n            loadingFetch: true,\n            error: '',\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    openInNewTab = (url) => {\n        const newWindow = window.open(url, '_blank', 'noopener,noreferrer')\n        if (newWindow) newWindow.opener = null\n    }\n\n    async componentDidMount() {\n        const { socialBtns } = this.context;\n\n        calcNavHeight();\n        this.setState({ loadingFetch: true, articleInfo: await this.fetch('GET', \"Wiki/GetNew/\" + this.state.id), socialBtns, loadingFetch: false }); //: await this.fetch('GET', \"Generic/GetSocialBtns\")\n        calcNavHeight();\n    }\n\n\n    render() {\n        document.title = \"Article\";\n\n        let { error, articleInfo, loadingFetch, socialBtns } = this.state;\n        if (error)\n            return <Error />\n\n        var url;\n        var renderSocialBtns = socialBtns && socialBtns.map(function (btn, idx) {\n            switch (btn.name) {\n                case \"showfacebook\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"facebookurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '') {\n                        return <a href={url[0].value} title={GetLang() === 'ar' ? \"فيسبوك\" : \"facebook\"} target=\"_blank\" rel=\"noopener noreferrer\" className=\"news-social-icon\">\n                            <i className=\"fab fa-facebook-f icon\" />\n                        </a>\n\n                    }\n                    break;\n                case \"showlinkedin\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"linkedinurl\"\n                    })\n\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" title={GetLang() === 'ar' ? \"لينكيدان\" : \"linkedin\"} className=\"news-social-icon\">\n                            <i className=\"fab fa-linkedin-in icon\" />\n                        </a>;\n                    break;\n                case \"showinsta\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"instaUrl\"\n                    })\n\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" title={GetLang() === 'ar' ? \"انستجرام\" : \"instagram\"} className=\"news-social-icon\">\n                            <i className=\"fab fa-instagram icon\" />\n                        </a>;\n                    break;\n                case \"showyoutube\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"youtubeurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" title={GetLang() === 'ar' ? \"يوتيوب\" : \"youtube\"} className=\"news-social-icon\">\n                            <i className=\"fab fa-youtube icon\" />\n                        </a>;\n                    break;\n                default:\n                    return null;\n\n            }\n        })\n\n        return (\n            <div className=\"wrapper-container\">\n                {loadingFetch === true ? <Loading /> :\n                    <div className=\"news animated fadeInLeft\">\n                        <div className=\"container-fluid\">\n                            <div className=\"news-wrapper\">\n                                <div className=\"view-article-header\">\n                                    {(() => {\n                                        if (articleInfo && articleInfo.image == null || articleInfo && articleInfo.image == '') {\n                                            return <img src=\"assets/img/services/service-3.png\" className=\"img-fluid\" alt=\"\" />\n                                        } else\n                                            return < img src={articleInfo && articleInfo.image} className=\"img-fluid\" alt=\"article image\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/services/service-3.png\" }} />\n                                    })()}\n                                </div>\n                                <div className=\"news-main-title\">\n                                    {articleInfo && articleInfo.name}\n                                </div>\n                                <div className=\"article-line\" />\n                                <div className=\"news-socialmedia\">\n                                    {renderSocialBtns} \n                                    <button target=\"_blank\" rel=\"noopener noreferrer\" title={GetLang() === 'ar' ? \"أطبع\" : \"Download\"} className=\"news-social-icon\" onClick={() => window.print()}>\n                                        <span className=\"icon-printer icon\" />\n                                    </button>\n                                    <button target=\"_blank\" rel=\"noopener noreferrer\" title={GetLang() === 'ar' ? \"تحميل\" : \"Download\"} className=\"news-social-icon\" onClick={(e) => { this.openInNewTab(articleInfo && articleInfo.files && articleInfo.files[0] && articleInfo.files[0].azureUri) }}>\n                                        <span className=\"ico\" />\n                                    </button>\n                                </div>\n                                <div className=\"view-article-date-name\">\n                                    <div className=\"article-date\">{articleInfo && articleInfo.dateCreatedModel && moment(articleInfo.dateCreatedModel).format('LLL')}</div>\n                                </div>\n                                <div className=\"news-main-text\">\n                                    {articleInfo && articleInfo.description}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                }\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/careers.css';\nimport '../css/rtl.css';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { FormattedMessage } from 'react-intl';\nimport $ from 'jquery';\nimport { GetLang, AboutIDParam,IntegersRegex, IntegersGreaterThanZeroRegex} from '../_helpers/HelperFunctions';\nimport { Link } from 'react-router-dom';\nimport Context from '../components/Context';\n\n\nexport class JobDetailsPage extends Component {\n    static contextType = Context;  \n\n    constructor(props) {\n        super(props);\n        this.state = {\n            id: this.props.match.params.id,\n            socialBtns: '',\n            infoPage: '',\n            aboutInfo:'',\n            loadingFetch: true,\n            error: ''\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    // Callback IF Condition Header Bottom\n    headerBottomScrollerChecker() {\n        var mainHeaderBottom =\n            $(\"#headerScroller\").position().top +\n            $(\"#headerScroller\").outerHeight(true);\n        if ($(window).scrollTop() >= mainHeaderBottom) {\n            $(\"#nav\").addClass(\"active\");\n            $(\".transition-title\").removeClass(\"active\");\n        } else {\n            $(\"#nav\").removeClass(\"active\");\n        }\n    }\n\n    handleAnimateDown(id) {\n        var target = $(\"#\" + id).attr(\"data-target\");\n        $(\"html, body\").animate(\n            {\n                // scrollTop: $(\"#\" + target).top,\n                scrollTop: $(target).offset().top - 199,\n            },\n            \"slow\"\n        );        \n    }\n\n    async componentDidMount() {\n        let { id } = this.state;\n        const { socialBtns } = this.context;\n\n\n        document.body.style.paddingTop = '80.625px';\n        var element = document.getElementById(\"nav\");\n        element.classList.add(\"active-page\");\n\n        let that = this;\n\n        $(window).scroll(function () {\n            if ($(window).scrollTop() > 0) {\n                $(\"#navigationBar\").addClass(\"active\");\n            } else {\n                $(\"#navigationBar\").removeClass(\"active\");\n            }\n        });\n\n        // Header Scroller\n        $(window).on(\"scroll\", function () {\n            if ($(window).scrollTop() > 0 && $(\"#headerScroller\")[0]) {\n                $(\".transition-title\").addClass(\"active\");\n                that.headerBottomScrollerChecker();\n            } else {\n                $(\".transition-title\").removeClass(\"active\");\n                $(\"#nav\").removeClass(\"active\");\n            }\n        });\n\n        let IsInt = IntegersRegex.test(id) ? true : false;\n        let IsGreateThanZero = IntegersGreaterThanZeroRegex.test(id) ? true : false;\n        if (IsInt !== true && IsGreateThanZero !== true) {\n            window.location.assign('/404')\n        } else {\n            this.setState({ aboutInfo: await this.fetch('GET', \"Wiki/GetByWikiId/\" + AboutIDParam), infoPage: await this.fetch('GET', \"Service/\" + id), socialBtns, loadingFetch: false }); //: await this.fetch('GET', \"Generic/GetSocialBtns\")\n        }\n        document.body.style.removeProperty(\"padding-top\")\n        var element = document.getElementById(\"nav\");\n        element.classList.remove(\"active-page\");\n    }\n\n    render() {\n        document.title = \"Job\";\n\n        let { error, infoPage, id, loadingFetch, socialBtns, aboutInfo} = this.state;\n        if (error)\n            return <Error />\n\n        let img = infoPage && infoPage.image;\n        var url;\n        var renderSocialBtns = socialBtns && socialBtns.map(function (btn, idx) {\n            switch (btn.name) {\n                case \"showfacebook\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"facebookurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '') {\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon facebook\">\n                            <i className=\"fab fa-facebook-f\" />\n                            <span><FormattedMessage\n                                id=\"showfacebook\"\n                                defaultMessage=\"Facebook\"\n                            /></span>\n                        </a>\n\n                    }\n                    break;\n                case \"showlinkedin\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"linkedinurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon linkedin\">\n                            <i className=\"fab fa-linkedin-in\" />\n                            <span><FormattedMessage\n                                id=\"showlinkedin\"\n                                defaultMessage=\"Linkedin\"\n                            /></span>\n                        </a>;\n                    break;\n                case \"showinsta\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"instaUrl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon instagram\">\n                            <i className=\"fab fa-instagram\" />\n                            <span><FormattedMessage\n                                id=\"showinsta\"\n                                defaultMessage=\"Instagram\"\n                            /></span>\n                        </a>;\n                    break;\n                case \"showyoutube\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"youtubeurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon youtube\">\n                            <i className=\"fab fa-youtube\" />\n                            <span><FormattedMessage\n                                id=\"showyoutube\"\n                                defaultMessage=\"YouTube\"\n                            /></span>\n                        </a>;\n                    break;\n                default:\n                    return null;\n\n            }\n        })\n\n        return (\n            <div className=\"wrapper-container\">\n                {/* Slider main container */}\n                {loadingFetch === true ? <Loading /> :\n                    <>\n                        <div id=\"headerScroller\" className=\"home-header\">\n                            <div className=\"careers-header\" style={{ backgroundImage: img === null ? 'assets/img/application.png' : `url(${img}),url(\"assets/img/services/service-1.png\")` }}>\n                                <div className=\"overlay\" />\n                                <div className=\"careers-data text-center\">\n                                    <div className=\"bg-title\">\n                                        {infoPage && infoPage.name}\n                                    </div>\n                                    <div className=\"careers-action mb-3\">\n                                        <Link to={\"/Apply/\"+id} className=\"career-btn\"><FormattedMessage\n                                            id='Applyforthisjob'\n                                            defaultMessage='Apply for this job'\n                                        /></Link>\n                                    </div>\n                                    <div className=\"d-inline-block\">\n                                        <button data-target=\"#introduction\" id=\"introduction\" onClick={() => this.handleAnimateDown(\"introduction\")} className=\"career-down arrow-target flex-center-center\"><span className=\"icon-chevron-down icon\" /></button>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"careers\">\n                            <div className=\"container-fluid\">\n                                <div className=\"careers-content\">\n                                    <div className=\"careers-st-container\">\n                                        <div className=\"careers-socialmedia text-center\">\n                                            {renderSocialBtns}\n                                        </div>\n                                        <div id=\"introduction\" className=\"careers-text\">\n                                            <div className=\"career-text-card mb-5\">\n                                                <div className=\"bg-title text-left\">{aboutInfo && aboutInfo.name}</div>\n                                                <div className=\"text\">\n                                                    <div dangerouslySetInnerHTML={{ __html: aboutInfo && aboutInfo.string5 }}></div>\n                                                </div>\n                                            </div>\n                                            <div className=\"text\">\n                                                <div dangerouslySetInnerHTML={{ __html: infoPage && infoPage.richContent }}></div>\n                                            </div>\n                                            <div className=\"careers-action text-center mb-3 mt-5\">\n                                                <Link to={\"/Apply/\" + id} className=\"career-btn\"><FormattedMessage\n                                                    id='Applyforthisjob'\n                                                    defaultMessage='Apply for this job'\n                                                /></Link>\n                                            </div>\n                                            <div className=\"text text-center pt-4\">\n                                                <FormattedMessage\n                                                    id='Orknow'\n                                                    defaultMessage='Or, know someone who would be a perfect fit?'\n                                                />\n                                                <br /> <FormattedMessage\n                                                    id='Letthemknow'\n                                                    defaultMessage='Let them know!'\n                                                />\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </>\n                }\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/careers.css';\nimport '../css/rtl.css';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { FormattedMessage } from 'react-intl';\nimport { CareersIDParam, GetLang } from '../_helpers/HelperFunctions';\nimport { Link } from 'react-router-dom';\nimport $ from 'jquery';\nimport Context from '../components/Context';\n\n\n\nexport class CareersPage extends Component {\n    static contextType = Context;  \n\n    constructor(props) {\n        super(props);\n        this.state = {\n            infoPage: '',\n            socialBtns: '',\n            careers: '',\n            loadingFetch: true,\n            error: ''\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n    // Callback IF Condition Header Bottom\n    headerBottomScrollerChecker() {\n        var mainHeaderBottom =\n            $(\"#headerScroller\").position().top +\n            $(\"#headerScroller\").outerHeight(true);\n        if ($(window).scrollTop() >= mainHeaderBottom) {\n            $(\"#nav\").addClass(\"active\");\n            $(\".transition-title\").removeClass(\"active\");\n        } else {\n            $(\"#nav\").removeClass(\"active\");\n        }\n    }\n\n    async componentDidMount() {\n        const { socialBtns } = this.context;\n\n        document.body.style.paddingTop = '80.625px';\n        var element = document.getElementById(\"nav\");\n        element.classList.add(\"active-page\");\n\n        let that = this;\n\n        $(window).scroll(function () {\n            if ($(window).scrollTop() > 0) {\n                $(\"#navigationBar\").addClass(\"active\");\n            } else {\n                $(\"#navigationBar\").removeClass(\"active\");\n            }\n        });\n\n        // Header Scroller\n        $(window).on(\"scroll\", function () {\n            if ($(window).scrollTop() > 0 && $(\"#headerScroller\")[0]) {\n                $(\".transition-title\").addClass(\"active\");\n                that.headerBottomScrollerChecker();\n            } else {\n                $(\".transition-title\").removeClass(\"active\");\n                $(\"#nav\").removeClass(\"active\");\n            }\n        });\n\n        this.setState({ loadingFetch: true, infoPage: await this.fetch('GET', \"Service/Category/\" + CareersIDParam), careers: await this.fetch('GET', \"Service/Cat/\" + CareersIDParam), socialBtns, loadingFetch: false }); // await this.fetch('GET', \"Generic/GetSocialBtns\")\n        document.body.style.removeProperty(\"padding-top\")\n        var element = document.getElementById(\"nav\");\n        element.classList.remove(\"active-page\");        \n    }\n\n    handleAnimateDown(id) {\n        var target = $(\"#\" + id).attr(\"data-target\");\n        var targetHeight = $(\"#\" + id).attr(\"data-target-height\");\n        var spaceOfContainer = 0;\n        if (targetHeight) {\n            spaceOfContainer = targetHeight;\n        } else {\n            spaceOfContainer = 0;\n        }\n        $(\"html, body\").animate(\n            {\n                // scrollTop: $(\"#\" + target).top,\n                scrollTop: $(target).offset().top - spaceOfContainer,\n            },\n            \"slow\"\n        );\n    }\n\n\n    render() {\n        document.title = \"Careers\";\n\n        let { error, infoPage, careers, loadingFetch, socialBtns } = this.state;       \n        if (error)\n            return <Error />\n\n        let img = infoPage && infoPage.images && infoPage.images[0] && infoPage.images[0].azureUri;\n        var url;\n        var renderSocialBtns = socialBtns && socialBtns.map(function (btn, idx) {\n            switch (btn.name) {\n                case \"showfacebook\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"facebookurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '') {\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon facebook\">\n                            <i className=\"fab fa-facebook-f\" />\n                            <span><FormattedMessage\n                                id=\"showfacebook\"\n                                defaultMessage=\"Facebook\"\n                            /></span>\n                        </a>\n\n                    }\n                    break;\n                case \"showlinkedin\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"linkedinurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon linkedin\">\n                            <i className=\"fab fa-linkedin-in\" />\n                            <span><FormattedMessage\n                                id=\"showlinkedin\"\n                                defaultMessage=\"Linkedin\"\n                            /></span>\n                        </a>;\n                    break;\n                case \"showinsta\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"instaUrl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon instagram\">\n                            <i className=\"fab fa-instagram\" />\n                            <span><FormattedMessage\n                                id=\"showinsta\"\n                                defaultMessage=\"Instagram\"\n                            /></span>\n                        </a>;\n                    break;\n                case \"showyoutube\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"youtubeurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon youtube\">\n                            <i className=\"fab fa-youtube\" />\n                            <span><FormattedMessage\n                                id=\"showyoutube\"\n                                defaultMessage=\"YouTube\"\n                            /></span>\n                        </a>;\n                    break;\n                default:\n                    return null;\n\n            }\n        })\n        return (\n            <div className=\"wrapper-container\">\n                {/* Slider main container */}\n                {loadingFetch === true ? <Loading /> :\n                    <>\n                        <div id=\"headerScroller\" className=\"home-header\">\n                            <div className=\"careers-header\" style={{ backgroundImage: img === null ? 'assets/img/application.png' : `url(${img}),url(\"assets/img/services/service-1.png\")` }}>\n                                <div className=\"overlay\" />\n                                <div className=\"careers-data text-center\">\n                                    <div className=\"bg-title\">\n                                        {infoPage && infoPage.description}\n                                    </div>\n                                    <div className=\"careers-action mb-3\">\n                                        <Link to=\"/Connect\" className=\"career-btn\">\n                                            <FormattedMessage\n                                                id='Connect'\n                                                defaultMessage='Connect'\n                                            /></Link>\n                                        <button className=\"career-btn arrow-target\" id=\"JobOpenings\" onClick={() => this.handleAnimateDown(\"JobOpenings\")} data-target=\"#job-openings\" data-target-height={50}>\n                                            <FormattedMessage\n                                                id='JobOpenings'\n                                                defaultMessage='Job openings'\n                                            /></button>\n                                    </div>\n                                    <div className=\"d-inline-block\">\n                                        <button data-target=\"#introduction\" id=\"introduction\" data-target-height={199} onClick={() => this.handleAnimateDown(\"introduction\")} className=\"career-down arrow-target flex-center-center\"><span className=\"icon-chevron-down icon\" /></button>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"careers\">\n                            <div className=\"container-fluid\">\n                                <div className=\"careers-content\">\n                                    <div className=\"careers-st-container\">\n                                        <div className=\"careers-socialmedia text-center\">\n                                            {renderSocialBtns}\n                                        </div>\n                                        <div id=\"introduction\" className=\"careers-text text-center\">\n                                            <div className=\"bg-title\">{infoPage && infoPage.string1} </div>\n                                            <div className=\"text text-left\">\n                                                {infoPage && infoPage.string2}\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div id=\"job-openings\" className=\"career-cards\">\n                                        <div className=\"careers-grid\">\n                                            {careers && careers.services && careers.services.slice(0, 5).map((service, index) =>\n                                                <Link to={\"Job/\" + service.id} className=\"career-card\" key={index}>\n                                                    {(() => {\n                                                        if (service && service.image == null) {\n                                                            return <img src=\"assets/img/application.jpg\" className=\"career-card-img img-fluid\" alt=\"\" />\n                                                        }\n                                                        else\n                                                            return <img src={service && service.image} className=\"career-card-img img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/application.jpg\" }} />\n                                                    })()}\n                                                    <div className=\"career-card-data\">\n                                                        <div>\n                                                            <div className=\"career-card-data-position\">{service && service.name}</div>\n                                                            <div className=\"career-card-data-desc\">{service && service.description}</div>\n                                                        </div>\n                                                    </div>\n                                                </Link>\n                                            )}\n                                        </div>\n                                        <div className=\"career-grid-action pt-5 pb-4 text-center\">\n                                            <Link to=\"AllJobs\" className=\"career-btn\"><FormattedMessage\n                                                id='AllJobs'\n                                                defaultMessage='All Jobs'\n                                            /></Link>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </>\n                }\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/rtl.css';\nimport { Loading } from '../components/Loading';\nimport { Link } from 'react-router-dom';\nimport {\n    GetLang, calcNavHeight, numberWithCommas\n} from '../_helpers/HelperFunctions';\nimport { FormattedMessage } from 'react-intl';\n\nexport class SearchResultProjectsPage extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            location: '',\n            propertyType: '',\n            loadingFetch: true,\n            searchResult: [],\n            error: '',\n        };\n    }\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    async componentDidMount() {\n        let { location, propertyType } = this.state;\n        calcNavHeight();\n        const search = this.props.location.search; // could be '?foo=bar'\n        const params = new URLSearchParams(search);\n\n        location = params.get('district');\n        propertyType = params.get('cat');\n        let queryString = \"?cat=\" + propertyType + \"&district=\" + location;\n        if (propertyType === '') {\n            await this.setState({\n                searchResult: undefined, loadingFetch: false\n            });\n        } else {\n            await this.setState({\n                location, propertyType, loadingFetch: true,\n                searchResult: await this.fetch('GET', \"Search/SearchProjects\" + queryString), loadingFetch: false\n            });\n        }\n    }\n\n    render() {\n        document.title = \"Search Result\";\n        let { searchResult, loadingFetch } = this.state;\n        return (\n            <div className=\"wrapper-container\">\n                <div className=\"projects-container\">\n                    <div className=\"container-fluid\">\n                        {searchResult && searchResult.length != 0 || typeof (searchResult) !== 'undefined' ? loadingFetch == true ? <Loading /> :\n                            <>\n                                <h1 style={{ textAlign: 'center' }}><FormattedMessage\n                                    id='SearchResultPage'\n                                    defaultMessage='Search Result'\n                                /></h1>\n                                <div className=\"projects-grid\">\n                                    {searchResult && searchResult.map(project =>\n                                        <Link to={\"/Project/\" + project.id} key={project && project.id} className=\"project-card\">\n                                            {project && project.logo == null ? <img src=\"assets/img/notfound.png\" className=\"img-fluid\" alt=\"\" />\n                                                : <img src={project && project.logo} className=\"img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/notfound.png\" }} />}\n                                        </Link>\n                                    )}\n                                </div>\n                            </> : <h1 style={{ textAlign: 'center' }}><FormattedMessage\n                                id='NotFound'\n                                defaultMessage='Results not found'\n                            /></h1>\n                        }\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/careers.css';\nimport '../css/rtl.css';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport { FormattedMessage } from 'react-intl';\nimport { CareersIDParam, GetLang, calcNavHeight } from '../_helpers/HelperFunctions';\nimport { Link } from 'react-router-dom';\nimport Context from '../components/Context';\n\n\nexport class AllJobsPage extends Component {\n    static contextType = Context;  \n\n    constructor(props) {\n        super(props);\n        this.state = {\n            infoPage: '',\n            careers: '',\n            socialBtns: '',\n            loadingFetch: true,\n            error: ''\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    async componentDidMount() {\n        const { socialBtns } = this.context;\n\n        calcNavHeight();\n        this.setState({ loadingFetch: true, infoPage: await this.fetch('GET', \"Service/Category/\" + CareersIDParam), careers: await this.fetch('GET', \"Service/Cat/\" + CareersIDParam), socialBtns, loadingFetch: false }); //await this.fetch('GET', \"Generic/GetSocialBtns\")\n        calcNavHeight();\n    }\n    render() {\n        document.title = \"All jobs\";\n        let { error, careers, loadingFetch, socialBtns, infoPage } = this.state;\n\n        if (error)\n            return <Error />\n        var url;\n        var renderSocialBtns = socialBtns && socialBtns.map(function (btn, idx) {\n            switch (btn.name) {\n                case \"showfacebook\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"facebookurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '') {\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon facebook\">\n                            <i className=\"fab fa-facebook-f\" />\n                            <span><FormattedMessage\n                                id=\"showfacebook\"\n                                defaultMessage=\"Facebook\"\n                            /></span>\n                        </a>\n\n                    }\n                    break;\n                case \"showlinkedin\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"linkedinurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon linkedin\">\n                            <i className=\"fab fa-linkedin-in\" />\n                            <span><FormattedMessage\n                                id=\"showlinkedin\"\n                                defaultMessage=\"Linkedin\"\n                            /></span>\n                        </a>;\n                    break;\n                case \"showinsta\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"instaUrl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon instagram\">\n                            <i className=\"fab fa-instagram\" />\n                            <span><FormattedMessage\n                                id=\"showinsta\"\n                                defaultMessage=\"Instagram\"\n                            /></span>\n                        </a>;\n                    break;\n                case \"showyoutube\":\n                    url = socialBtns.filter(obj => {\n                        return obj.name === \"youtubeurl\"\n                    })\n                    if (url.length > 0 && btn.value.toLowerCase() != 'false' && url[0].value.trim() != '')\n                        return <a href={url[0].value} target=\"_blank\" rel=\"noopener noreferrer\" className=\"social-icon youtube\">\n                            <i className=\"fab fa-youtube\" />\n                            <span><FormattedMessage\n                                id=\"showyoutube\"\n                                defaultMessage=\"YouTube\"\n                            /></span>\n                        </a>;\n                    break;\n                default:\n                    return null;\n\n            }\n        })\n\n        return (\n            <div className=\"wrapper-container\">\n                {/* Slider main container */}\n                {loadingFetch === true ? <Loading /> :\n                    <div className=\"careers\">\n                        <div className=\"container-fluid\">\n                            <div className=\"careers-content\">\n                                <div className=\"career-cards text-center\">\n                                    <div className=\"bg-title black-color mb-5\">{infoPage && infoPage.string3}</div>\n                                    <div className=\"careers-grid\">\n                                        {careers && careers.services.map((service, index) =>\n                                            <Link to={\"Job/\" + service.id} className=\"career-card\" key={index}>\n                                                {(() => {\n                                                    if (service && service.image == null) {\n                                                        return <img src=\"assets/img/application.jpg\" className=\"career-card-img img-fluid\" alt=\"\" />\n                                                    }\n                                                    else\n                                                        return <img src={service && service.image} className=\"career-card-img img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/application.jpg\" }} />\n                                                })()}\n                                                <div className=\"career-card-data\">\n                                                    <div>\n                                                        <div className=\"career-card-data-position\">{service && service.name}</div>\n                                                        <div className=\"career-card-data-desc\">{service && service.description}</div>\n                                                    </div>\n                                                </div>\n                                            </Link>\n                                        )}\n                                    </div>\n                                    <div className=\"careers-socialmedia pt-5 mt-4 pb-0 text-center\">\n                                        {renderSocialBtns}\n\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                }\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react'\nimport '../css/main.css';\nimport '../css/connect.css';\nimport '../css/rtl.css';\nimport moment from 'moment'\nimport Pagination from '../components/Pagination';\nimport { Loading } from '../components/Loading';\nimport { Error } from '../components/Error';\nimport Swal from 'sweetalert2'\nimport { GetLang, Toast, validEmailRegex, ConnectIDParam, removeHeight } from '../_helpers/HelperFunctions';\nimport { Link } from 'react-router-dom';\nimport { FormattedMessage } from 'react-intl';\nimport $ from 'jquery';\n\n\nexport class ConnectPage extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            conatctInfoPage: '',\n            wikis: '',\n            email: '',\n            loadingFetch: true,\n            isSubmitting: false,\n            errors: {\n                email: ''\n            },\n            error: '',\n        };\n    }\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                if (method === \"POST\") {\n                    Swal.fire(\n                        'Error!',\n                        'There is an error, Try later.',\n                        'error'\n                    )                      \n                } else\n                    throw error;\n            } else {\n                if (method == \"POST\") {\n                    Swal.fire(\n                        'Success!',\n                        'Your massage was sent successfully.!',\n                        'success'\n                    )                    \n                    await this.setState({ email: '' });\n                }\n                return await response.json();\n            }\n        } catch (error) {\n            console.error(error);\n            this.setState({ error });\n        }\n    }\n\n    handleChange = (event) => {\n        event.preventDefault();\n        let { name, value } = event.target;\n        let { errors } = this.state;\n        let emptyField = '';\n\n        switch (name) {\n            case 'email':\n                errors.email = value.trim() == emptyField ? 'This_field_is_required' : '';\n                if (errors.email == '')\n                    errors.email = validEmailRegex.test(value) ? '' : 'Invalid_email';\n                break;\n            default:\n                break;\n        }\n\n        this.setState({ errors, [name]: value }, () => {\n            console.log(errors)\n        })\n    }\n\n    validateForm = (errors, state) => {\n        let valid = true;\n        if (state.email == '')\n            errors.email = \"This_field_is_required\";\n\n        Object.values(errors).forEach(\n            // if we have an error string set valid to false\n            (val) => val.length > 0 && (valid = false)\n        );\n\n        this.setState({ errors }, () => {\n            console.log(errors)\n        })\n        return valid;\n    }\n\n    async componentDidMount() {\n        removeHeight();\n        this.setState({ loadingFetch: true, wikis: await this.fetch('GET', \"Wiki/GetByCategory/\" + ConnectIDParam), conatctInfoPage: await this.fetch('GET', \"Wiki/GetWikiCategoryById/\" + ConnectIDParam), loadingFetch: false });\n        removeHeight();\n    }   \n    handleSubmit = async (event) => {\n        event.preventDefault();\n        let { errors, email, } = this.state;\n        let body = { \"email\": email };\n\n        if (this.validateForm(errors, this.state)) {\n            console.info('Valid Form');\n            this.setState({ isSubmitting: true });\n            await this.fetch('POST', \"NewsLetter/AddSubscriber\", email)\n            this.setState({ isSubmitting: false, email: '' });\n        } else {\n            console.error('Invalid Form')\n        }\n    }\n\n\n    render() {\n        document.title = \"Connect\";\n\n        let { conatctInfoPage, email, error, errors, isSubmitting, loadingFetch, wikis } = this.state;\n        let lang = GetLang();\n        if (lang === 'ar')\n            $('body').attr('class', 'rtl');\n        else\n            $('body').attr('class', 'ltr');\n\n        if (error)\n            return <Error />\n        return (\n            <div className=\"wrapper-container\">\n                {loadingFetch === true ? <Loading /> :\n                    <div className=\"wrapper-connect\">\n                        <div className=\"connect-left\">\n                            <div className=\"connect-content\">\n                                <Link className=\"connect-nav\" to=\"/\">\n                                    <Link className=\"back-to-careers\" to=\"/\"><span className=\"icon-home icon\" /></Link>\n                                </Link>\n                                <div className=\"connect-body\">\n                                    <div className=\"connect-container register-connect text-center active\">\n                                        <div className=\"connect-title mb-3\">{conatctInfoPage && conatctInfoPage.name}</div>\n                                        <div className=\"connect-text mb-4\">\n                                            {conatctInfoPage && conatctInfoPage.description}\n                                        </div>\n                                        <form onSubmit={this.handleSubmit} autoComplete=\"off\" method=\"post\" className=\"connect-form\">\n\n                                            <div className=\"connect-form-group mb-4\">\n                                                <FormattedMessage id=\"YourEmailhere\"\n                                                    defaultMessage=\"Your Email here\">\n                                                    {placeholder =>\n                                                        <input type=\"text\" disabled={isSubmitting} placeholder={placeholder} name=\"email\" value={email} onChange={this.handleChange} />\n                                                    }\n                                                </FormattedMessage>\n                                            </div>\n                                            {errors.email.length > 0 &&\n                                                <div style={{\n                                                    textAlign: lang == 'ar' ? 'right' : 'left'\n                                                }}>\n                                                    <font style={{ color: \"#dc3545\", width: \"100%\", fontSize: \"80%\" }}>\n                                                        <FormattedMessage\n                                                            id={errors.email}\n                                                            defaultMessage=\"Invalid email\"\n                                                        />\n                                                    </font>\n                                                </div>\n                                            }\n                                            <button className=\"connect-form-btn\" type=\"submit\" disabled={isSubmitting}>{isSubmitting ? <>\n                                                <i class=\"fab fa-spinner fa-pulse\"></i> <FormattedMessage\n                                                    id='Waiting'\n                                                    defaultMessage='Waiting...'\n                                                />\n                                            </> :\n                                                <FormattedMessage\n                                                    id='Connect'\n                                                    defaultMessage='Connect'\n                                                />\n                                            } </button>\n                                        </form>\n                                    </div>\n                                    {/*              <div className=\"connect-container login-connect text-center\">*/}\n                                    {/*                  <div className=\"connect-title mb-3\">Sign in </div>*/}\n                                    {/*                  <div className=\"connect-text mb-4\">*/}\n                                    {/*                      I have read the Privacy Policy and confirm that Capital Lords store my personal details to be able to*/}\n                                    {/*                      contact me for job opportunities.*/}\n                                    {/*</div>*/}\n                                    {/*                  <form className=\"connect-form\">*/}\n                                    {/*                      <div className=\"connect-form-group mb-4\">*/}\n                                    {/*                          <input type=\"text\" placeholder=\"Enter email\" />*/}\n                                    {/*                      </div>*/}\n                                    {/*                      <button className=\"connect-form-btn\">Sign In</button>*/}\n                                    {/*                  </form>*/}\n                                    {/*              </div>*/}\n                                </div>\n                                {/*        <div className=\"connect-footer text-center\">*/}\n                                {/*            <div className=\"connect-foot-text\"><span className=\"cft-msg\">Already connected?</span> <button className=\"toggle-connect-btn\">Sign*/}\n                                {/*in.</button>*/}\n                                {/*            </div>*/}\n                                {/*        </div>*/}\n                            </div>\n                        </div>\n                        <div className=\"connect-right\">\n                            <div className=\"connect-benefits\">\n                                {wikis && wikis.map(wiki =>\n                                    <div className=\"con-benefit-row\">\n                                        {(() => {\n                                            if (wiki && wiki.image == null) {\n                                                return <img src=\"assets/img/icons/love.svg\" className=\"cbr-img img-fluid\" alt=\"\" />\n                                            }\n                                            else\n                                                return <img src={wiki && wiki.image} className=\"cbr-img img-fluid\" alt=\"\" onError={(e) => { e.target.onerror = null; e.target.src = \"assets/img/icons/love.svg\" }} />\n                                        })()}\n                                        <div>\n                                            <div className=\"cbr-title\">\n                                                {wiki && wiki.name}\n                                            </div>\n                                            <div className=\"cbr-text\">\n                                                {wiki && wiki.description}\n                                            </div>\n                                        </div>\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                    </div>\n                }\n            </div>\n        )\n    }\n}\n","import React, { Component } from 'react';\nimport { Route, Switch, Redirect } from 'react-router-dom';\nimport { Layout } from './components/Layout';\nimport { AboutPage } from './pages/AboutPage';\nimport { HomePage } from './pages/HomePage';\nimport { ContactUsPage } from './pages/ContactUsPage';\nimport { ArticlesPage } from './pages/ArticlesPage';\nimport { ServicesPage } from './pages/ServicesPage';\nimport { ProjectsPage } from './pages/ProjectsPage';\nimport { ProjectPage } from './pages/ProjectPage';\nimport { PropertyPage } from './pages/PropertyPage';\nimport { NotFoundPage } from './pages/NotFoundPage';\nimport { ApplicationPage } from './pages/ApplicationPage';\nimport { SearchResultPage } from './pages/SearchResultPage';\nimport { ArticlePage } from './pages/ArticlePage';\nimport { JobDetailsPage } from './pages/JobDetailsPage';\nimport { CareersPage } from './pages/CareersPage';\nimport { SearchResultProjectsPage } from './pages/SearchResultProjectsPage';\nimport { AllJobsPage } from './pages/AllJobsPage';\nimport { ConnectPage } from './pages/ConnectPage';\nimport ReactGA from \"react-ga4\"\n\n\nexport default class App extends Component {\n    static displayName = App.name;\n    render() {\n        const TRACKING_ID=\"GTM-KVWZ76S9\"\n        ReactGA.initialize(TRACKING_ID);\n        ReactGA.send({ hitType: \"pageview\", page: \"https://capitallords.com/\", title: \"capitallords\" });\n\n        return (\n            <Switch>\n                <Redirect from=\"/:url*(/+)\" to={window.location.pathname.slice(0, -1)} />\n                <Route exact path='/Connect' component={ConnectPage} />                            \n                <Route path={[\"/\", \"/About\", \"/Connect\", \"/Job/:id\", \"/AllJobs\", \"/Careers\", \"/ContactUs\", \"/Article/:id\", \"/SearchResult\", \"/SearchResultProjects\", \"/Apply/:id\", \"/Press\", \"/Services\", \"/Press\", \"/Project/:id\", \"/Projects/:id\", \"/Property/:id\"]} exact> \n                    <Layout>\n                        <Switch>\n                            <Route path='/Apply/:id' component={ApplicationPage} />\n                            <Route exact path='/' component={HomePage} />\n                            <Route path='/About' component={AboutPage} />\n                            <Route path='/ContactUs' component={ContactUsPage} />\n                            <Route path='/Press' component={ArticlesPage} />\n                            <Route path='/Services' component={ServicesPage} />\n                            <Route path='/Projects/:id' component={ProjectsPage} />\n                            <Route path='/Project/:id' component={ProjectPage} />\n                            <Route path='/Property/:id' component={PropertyPage} />\n                            <Route path='/Article/:id' component={ArticlePage} />\n                            <Route path='/Job/:id' component={JobDetailsPage} />\n                            <Route path='/Careers' component={CareersPage} />\n                            <Route path='/AllJobs' component={AllJobsPage} />                            \n                            <Route path='/SearchResult' component={SearchResultPage} />\n                            <Route path='/SearchResultProjects' component={SearchResultProjectsPage} />\n                        </Switch>\n                    </Layout>\n                </Route>\n                <Route path='/404' component={NotFoundPage} />\n                <Redirect from='*' to='/404' />\n            </Switch>\n        );\n    }\n}\n","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n  // [::1] is the IPv6 localhost address.\n  window.location.hostname === '[::1]' ||\n  // 127.0.0.1/8 is considered localhost for IPv4.\n  window.location.hostname.match(\n    /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n  )\n);\n\nexport default function register () {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Lets check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl);\n      } else {\n        // Is not local host. Just register service worker\n        registerValidSW(swUrl);\n      }\n    });\n  }\n}\n\nfunction registerValidSW (swUrl) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the old content will have been purged and\n              // the fresh content will have been added to the cache.\n              // It's the perfect time to display a \"New content is\n              // available; please refresh.\" message in your web app.\n              console.log('New content is available; please refresh.');\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker (swUrl) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      if (\n        response.status === 404 ||\n        response.headers.get('content-type').indexOf('javascript') === -1\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister () {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React, { useState } from 'react';\nimport { IntlProvider } from 'react-intl';\nimport Arabic  from '../_helpers/languages/arabic.json'\nimport English from '../_helpers/languages/English.json'\nimport { GetLang } from '../_helpers/HelperFunctions'\n\n\nexport const Context = React.createContext();\nconst local = GetLang();\nlet lang;\nif (local === 'ar') {\n    lang = Arabic;\n} else {\n    lang = English;\n}\nconst Wrapper = (props) => {\n    const [locale, setLocale] = useState(local);\n    const [messages, setMessages] = useState(lang);\n    function selectLanguage(e) {\n        const newLocale = e.target.value;\n        setLocale(newLocale);\n        if (newLocale === 'en') {\n            setMessages(English);\n        } else {\n            setMessages(Arabic);\n        }\n    }\n    return (\n        <Context.Provider value={{ locale, selectLanguage }}>\n            <IntlProvider messages={messages} locale={locale}>\n                {props.children}\n            </IntlProvider>\n        </Context.Provider>\n    );\n}\nexport default Wrapper;","import Context from './Context';\nimport React from 'react';\nimport { GetLang, HomeIDParam } from '../_helpers/HelperFunctions';\n\n\nexport class ContextProvider extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            socialBtns: '',\n            categories: '',\n            locations: '',\n            sections:''\n        };\n    }\n\n    async fetch(method, endpoint, body) {\n        try {\n            const response = await fetch(`api/${endpoint}`, {\n                method,\n                body: body && JSON.stringify(body),\n                headers: {\n                    'content-type': 'application/json',\n                    accept: 'application/json',\n                    LangCode: GetLang(),\n                },\n            });\n            if (!response.ok) {\n                const error = (response && response.message) || response.statusText;\n                throw error;\n            } else\n                return await response.json();\n        } catch (error) {\n            console.error(error);\n           // this.setState({ error });\n        }\n    }\n\n    async componentDidMount() {\n        let socialBtns = await this.fetch('GET', \"Generic/GetSocialBtns\");\n        let categories = await this.fetch('GET', \"Generic/GetCategories\");\n        let locations = await this.fetch('GET', \"Projects/GetDistricts\");\n        let sections = await this.fetch('GET', \"Wiki/GetByCategory/\" + HomeIDParam);\n\n        await this.setState({ socialBtns, categories, locations, sections });\n    }\n   \n\n    render() {\n        let { socialBtns, categories, locations, sections } = this.state;\n        if (socialBtns !== '' || categories !== '' || locations !== '' || sections!=='') {\n            return (\n                <Context.Provider\n                    value={{\n                        socialBtns: socialBtns,\n                        categories: categories,\n                        locations: locations,\n                        sections: sections\n                    }}\n                >\n                    {this.props.children}\n                </Context.Provider>\n            )\n        } else {\n            return null; // or loading graphic\n        }        \n    }\n}\n\n\n","//import 'bootstrap/dist/css/bootstrap.css';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './App';\nimport registerServiceWorker from './registerServiceWorker';\nimport Wrapper from \"./components/Wrapper\";\nimport {ContextProvider} from \"./components/ContextProvider\";\n\n\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\nconst rootElement = document.getElementById('root');\n\nReactDOM.render(\n    <BrowserRouter basename={baseUrl}>\n        <Wrapper>\n            <ContextProvider>\n                <App />\n            </ContextProvider>\n        </Wrapper>\n    </BrowserRouter>,\n    rootElement);\n\nregisterServiceWorker();\n\n"],"sourceRoot":""}