CINXE.COM

<link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/landlord/admin/css/dropzone.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/landlord/admin/css/media-uploader.css"> <style> .media_upload_modal_backdrop{ position: fixed; top: 0; left: 0; z-index: 2900; width: 100vw; height: 100vh; background-color: #000000; opacity: .5; } .media-upload-modal-container{ position: fixed; top: 0; left: 0; z-index: 3050; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; display: none; transition: opacity 0.15s linear; } .media-upload-modal-container.show{ display: block; opacity: 1; } #media_upload_popup_close_btn { background-color: #df0909; border: none; color: #fff; opacity: 1; display: inline-block; width: 30px; height: 30px; text-align: center; padding: 0; line-height: 30px; } </style> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/landlord/common/css/summernote-lite.min.css"> <!DOCTYPE html> <html lang="en_US" dir="ltr"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-YN5MB1ZM56"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-YN5MB1ZM56'); </script>  <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/7214805.js"></script>  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="csrf-token" content="WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC"> <title>Virtual Registration - 14th Emirates - Pathology, Digital Pathology & Cancer Conference</title> <link rel="canonical" href="https://pathology.utilitarianconferences.com/virtual-registration"/> <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Virtual Registration - 14th Emirates - Pathology, Digital Pathology & Cancer Conference","image":["",""]}</script> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap" rel="stylesheet"> <link rel="icon" href="https://pathology.utilitarianconferences.com/assets/tenant/uploads/media-uploader/pathology/qr-removebg-preview1724669775.png" type="image/png"> <title> User Register - Pathology, Digital Pathology & Cancer Conference </title> <link rel="icon" href="https://pathology.utilitarianconferences.com/assets/tenant/uploads/media-uploader/pathology/qr-removebg-preview1724669775.png" type="image/png"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/bootstrap.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/plugin.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/common/css/toastr.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/odometer.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/developer.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/dynamic-styles/pathology-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/landlord/common/css/helpers.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/common/css/jquery.ihavecookies.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/common/css/magnific-popup.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/donation-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/job-find-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/support-ticketing-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/eCommerce-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/article-listing-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/agency-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/newspaper-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/construction-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/consultancy-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/wedding-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/photography-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/portfolio-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/software-business-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/barber-shop-main-style.css"> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/css/hotel-booking-main-style.css"> <style> /*Video area css*/ .aboutArea .aboutImg { margin-bottom: 40px; } .logistic-video-wrap { position: relative; border: 10px solid #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .08); z-index: 1; } .aboutArea .aboutImg img { width: 100%; } .logistic-video-wrap .video-play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .video-play-btn { position: relative; z-index: 1; display: inline-block; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 16px; background-color: #fff; border-radius: 50%; color: var(--main-color-one); } .aboutImg::after { background: none !important; } /*Video area css*/ .payment-gateway-list .single-gateway-item img { width: 100%; height: auto !important; padding: 0; margin: 0; } .payment-gateway-list .single-gateway-item { display: flex; align-items: center; justify-content: center; } </style> <link rel="stylesheet" href="https://pathology.utilitarianconferences.com/assets/css/event-main-style" type="text/css"> <style> :root { --main-color-one: rgb(152, 0, 120); --main-color-one-rgb: 255, 82, 41; --main-color-two: rgb(206, 116, 252); --main-color-two-rba: 82, 78, 183; --heading-color: #28272C; --heading-color-rgb: 73, 77, 87; --btn-color-one: rgb(152, 0, 120); --btn-color-two: #FF5229; --heading-color-tow: #494D57; --bg-light-one: #F5F9FE; --bg-light-two: #FEF8F3; --bg-dark-one: #040A1B; --bg-dark-two: #22253F; --paragraph-color: #919191; --paragraph-color-two: #D0D5DD; --paragraph-color-three: #D0D5DD; --paragraph-color-four: #D0D5DD; --heading-font: sans-serif; --body-font: sans-serif; --font-family: var(--body-font); } </style> <style> /* Demo Styles */ #content { margin: 0 auto; padding-bottom: 50px; width: 80%; max-width: 978px; } h1 { font-size: 40px; } /* The Loader */ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; overflow: hidden; } .no-js #loader-wrapper { display: none; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--main-color-one); -webkit-animation: spin 1.7s linear infinite; animation: spin 1.7s linear infinite; z-index: 11; } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--main-color-two); -webkit-animation: spin-reverse 0.6s linear infinite; animation: spin-reverse 0.6s linear infinite; } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--main-color-three); -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spin-reverse { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes spin-reverse { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: rgba(255, 255, 255, 0.29); z-index: 10; } #loader-wrapper .loader-section.section-left { left: 0; } #loader-wrapper .loader-section.section-right { right: 0; } /* Loaded styles */ .loaded #loader-wrapper .loader-section.section-left { transform: translateX(-100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader-wrapper .loader-section.section-right { transform: translateX(100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader { opacity: 0; transition: all 0.3s ease-out; } .loaded #loader-wrapper { visibility: hidden; transform: translateY(-100%); transition: all 0.3s 1s ease-out; } #loader-wrapper { display: none; } .preloaderBox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #1a237e; display: flex; justify-content: center; align-items: center; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.3); } .preloaderInner { height: 15px; width: 105px; display: flex; position: relative; } .preloaderInner .circle { width: 15px; height: 15px; border-radius: 50%; background-color: #fff; animation: move 500ms linear 0ms infinite; margin-right: 30px; } .preloaderInner .circle:first-child { position: absolute; top: 0; left: 0; animation: grow 500ms linear 0ms infinite; } .preloaderInner .circle:last-child { position: absolute; top: 0; right: 0; margin-right: 0; animation: grow 500ms linear 0s infinite reverse; } @keyframes grow { from { transform: scale(0, 0); opacity: 0; } to { transform: scale(1, 1); opacity: 1; } } @keyframes move { from { transform: translateX(0px); } to { transform: translateX(45px); } } </style> <div id="loader-wrapper"> <div id="loader"></div> <div class="loader-section section-left"></div> <div class="loader-section section-right"></div> </div> </head> <body class="event"> <style> * { box-sizing: border-box; } /* Create four equal columns that floats next to each other */ .column { float: left; width: 25%; padding-right: 10px; } #blink3 { font-size: 20px; font-weight: bold; color: #2d38be; transition: 0.5s; } .navbar-area { position: relative; transition: all 0.3s ease-in-out; } .navbar-area.sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: var(--main-color-two); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } /* WhatsApp Floating Button Styles */ .whatsapp-float { position: fixed; bottom: 20px; left: 20px; background-color: #25d366; border-radius: 50%; padding: 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); z-index: 1000; transition: transform 0.3s ease-in-out; } .whatsapp-float:hover { transform: scale(1.1); } .whatsapp-icon { width: 50px; height: 50px; } </style> <header class="header-style-01 headerBg1">   <div class="header-top agency_topbar event "> <div class="container"> <div class="row"> <div class="col-xl-12"> <div class="d-flex justify-content-between flex-wrap align-items-center"> <div class="header-info-left"> <ul class="listing"> <li class="listItem"><i class="fa-solid fa-phone icon"></i>+447723493307</li> <li class="listItem"><i class="fa-solid fa-envelope icon"></i> info-ucg@utilitarianconferences.com</li> </ul> </div> <div class="header-info-right"> <ul class="user-account"> <li class="listItem"> </li> </ul> <div class="language_dropdown mr-1 d-none" id="languages_selector"> <div class="selected-language">Login<i class="fas fa-caret-down"></i></div> <ul> <li class="listItem"><a class="listItem" href="https://pathology.utilitarianconferences.com/login">Login</a> <li class="listItem"><a class="listItem" href="https://pathology.utilitarianconferences.com/register">Register</a> </ul> </div> <ul class="header-cart"> <li class="listItem"><a href="https://www.facebook.com/pathologyconferences/" class="social"><i class="lab la-facebook-f icon"></i></a></li> <li class="listItem"> <a href="https://www.instagram.com/epucgconferences/" class="social"><i class="lab la-instagram icon"></i></a></li> <li class="listItem"> <a href="https://www.linkedin.com/in/epucg2020dubai/" class="social"><i class="lab la-linkedin-in icon"></i></a></li> <li class="listItem"> <a href="https://twitter.com/EPUCGCongress" class="social"><i class="lab la-twitter icon"></i></a></li> <li class="listItem"> <a href="https://www.youtube.com/channel/UCS1TFe3nzRlREovQIjYMPkg" class="social"><i class="lab la-youtube icon"></i></a></li> </ul> </div> </div> </div> </div> </div> </div>  <a href="https://wa.me/+447723493307" class="whatsapp-float" target="_blank" title="Chat with us on WhatsApp"> <img src="https://nursing.utilitarianconferences.com/assets/tenant/uploads/media-uploader/nursing/grid/grid-whatsapp-logo-1-11724524547.png " alt="WhatsApp" class="whatsapp-icon"> </a>  <nav class="navbarr navbarr-area navbar-expand-lg " style="background-color: var(--btn-color-one); height:210px; overflow:hidden;"> <div class="container container-two nav-container"> <div class="responsive-desktop-menu">  <div class="row" style="display: flow;"> <div class="column" style="width: auto;"> <a href="https://pathology.utilitarianconferences.com" title=""> <img src="https://pathology.utilitarianconferences.com/assets/tenant/uploads/media-uploader/pathology/logo1673525067.png" class="logo"alt=""data-animation=""data-delay=""/> </a> </div> <div class="column"> <h2> <span style=" color: #FFF; font-size: 16px; line-height: 20px; font-weight: normal;"> 14th Emirates </span> <span class="title_sub" style="font-size: 34px; line-height: 40px; font-weight: bold !important; color: #FFF;"> Pathology, Digital Pathology & Cancer Conference </span> </h2> </div> <div class="column"> <div style="font-size: 13px; color: #FFF; padding-left: 40px; margin-top: 30px; background-position: 0px 4px; overflow: hidden;"> <i class="fa-solid fa-location-dot"></i> Holiday Inn Dubai - Al Barsha, Dubai, 115443 UAE </div> </div> <div class="column"> <div class="top-add-text-2" style="font-size: 15px; color: #FFF; padding-left: auto; margin-top: 30px; background-position: 0px 4px;"> <i class="fa-solid fa-phone-volume"></i> Phone : <a href="tel:+447723493307" style="color: #FFF; font-size: 15px">+447723493307</a> <br> <i class="fa-brands fa-whatsapp"></i> Whatsapp:<a href="https://wa.me/+447723493307" style="color: #FFF; font-size: 15px">+447723493307</a><br> <i class="fa-regular fa-envelope"></i> Email: <a href="mailto:info-ucg@utilitarianconferences.com" style="color: #FFF; font-size: 15px;">info-ucg@utilitarianconferences.com</a> </div> </div> </div> <div> <div class="col-md-12 col-sm-12 col-xs-12 p-0" style="height: 80px; text-align: right; color: white; font-size:larger; font-weight: 600;"> <span class="c-date"> 14th Edition | 250+ Participants | </span><span class="blink3" id="blink"> 21 CME & CPD Hours </span> </div> </div> <div> <div class="col-md-12 col-sm-12 col-xs-12 p-0" style="height: 80px; text-align: right; color: white;"> <span class="c-date" style="background-image: linear-gradient(45deg, transparent, var(--btn-color-two)); margin-top: 50px; margin-bottom:10px; padding: 5px"><i class="fa-regular fa-calendar"></i> December 17-19, 2024 | Dubai, UAE </span> </div> </div> </div>  <div class="nav-right-content"> </div> </div> </nav> <nav class="navbar navbar-area navbar-expand-lg" style="background: var(--main-color-two); height: 50px"> <div class="container container-two nav-container" style="height: 35px;"> <div class="responsive-mobile-menu"> <a href="#0" class="click_show_icon"><i class="las fa-ellipsis-v"></i> </a> <button class="navbar-toggler" style="background-color: white;" type="button" data-bs-toggle="collapse" data-bs-target="#bizcoxx_main_menu" aria-expanded="false"> <span class="navbar-toggler-icon"></span> </button> </div> <div class="NavWrapper" style="height: 35px;"> <div class="collapse navbar-collapse" id="bizcoxx_main_menu"> <ul class="navbar-nav" style="color: white;"> <li > <a href="https://pathology.utilitarianconferences.com/"class="menuArrow">Home</a> </li> <li class=" menu-item-has-children "> <a href="https://pathology.utilitarianconferences.com/"class="menuArrow">Register</a> <ul class="sub-menu"> <li > <a href="https://pathology.utilitarianconferences.com/registration"class="menuArrow">Registration</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/virtual-registration"class="menuArrow">Virtual Registration</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/accreditation-registration"class="menuArrow">Accreditation Registration</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/sponsor-registration"class="menuArrow">Sponsor Registration</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/exhibitor-registration"class="menuArrow">Exhibitor Registration</a> </li></ul> </li> <li class=" menu-item-has-children "> <a href="https://pathology.utilitarianconferences.com"class="menuArrow">Program</a> <ul class="sub-menu"> <li > <a href="https://pathology.utilitarianconferences.com/scientific-committee"class="menuArrow">Scientific Committee</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/scientific-sessions"class="menuArrow">Scientific Sessions</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/scientific-program"class="menuArrow">Scientific Program</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/cme-accreditation"class="menuArrow">CME Accreditation</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/cpd-accreditation"class="menuArrow">CPD Accreditation</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/delegate-listener"class="menuArrow">Delegates/Listeners</a> </li></ul> </li> <li class=" menu-item-has-children "> <a href="https://pathology.utilitarianconferences.com"class="menuArrow">Speakers</a> <ul class="sub-menu"> <li > <a href="https://pathology.utilitarianconferences.com/14epucg2024"class="menuArrow">14EPUCG2024</a> </li></ul> </li> <li class=" menu-item-has-children "> <a href="https://pathology.utilitarianconferences.com"class="menuArrow">More Info</a> <ul class="sub-menu"> <li > <a href="https://pathology.utilitarianconferences.com/terms-and-conditions"class="menuArrow">T&C</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/benefits"class="menuArrow">Benefits</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/about-us"class="menuArrow">About Us</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/past-conferences"class="menuArrow">Past Conferences</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/testimonial"class="menuArrow">Testimonial</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/accommodation"class="menuArrow">Accommodation</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/venue"class="menuArrow">Venue</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/guidelines"class="menuArrow">Guidelines</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/conference-brochure"class="menuArrow">Conference Brochure</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/apply-for-your-uae-visa"class="menuArrow">Apply for UAE VISA</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/faq"class="menuArrow">Faq</a> </li></ul> </li> <li class=" menu-item-has-children "> <a href="https://pathology.utilitarianconferences.com"class="menuArrow">Sponsor/Exhibit</a> <ul class="sub-menu"> <li > <a href="https://pathology.utilitarianconferences.com/sponsor"class="menuArrow">Sponsor</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/exhibit"class="menuArrow">Exhibit</a> </li></ul> </li> <li > <a href="https://pathology.utilitarianconferences.com/submit-abstract"class="menuArrow">Submit Abstract</a> </li> </ul> </div> </div> <div class="nav-right-content"> <div class="btn-wrapper"> <a href="https://pathology.utilitarianconferences.com/registration" class="cmn-btn">Register Now</a> </div> </div> </div> </nav> </header> <script type="text/javascript"> var blinkElement = document.getElementById('blink'); setInterval(function() { blinkElement.style.visibility = (blinkElement.style.visibility === 'hidden') ? 'visible' : 'hidden'; }, 500); document.addEventListener('DOMContentLoaded', function() { var navbar = document.querySelector('.navbar-area'); var stickyPoint = navbar.offsetTop; function makeNavbarSticky() { if (window.pageYOffset > stickyPoint) { navbar.classList.add('sticky'); } else { navbar.classList.remove('sticky'); } } window.addEventListener('scroll', makeNavbarSticky); }); </script> <div class=" "> <section style=" display:none; " class="sliderAreaInner hero-overly" style="background-image: url(https://pathology.utilitarianconferences.com/assets/tenant/uploads/media-uploader/pathology/donation-herobg216819922031684825335.jpg);"> <div class="heroPadding2"> <div class="container"> <div class="row justify-content-center"> <div class="col-xl-7 col-lg-9 col-md-10"> <div class="innerHeroContent text-center"> <h1 class="tittle wow fadeInUp" data-wow-delay="0.0s"> User Register </h1> <nav aria-label="breadcrumb"> <ul class="breadcrumb wow fadeInUp" data-wow-delay="0.2s"> <li class="breadcrumb-item"><a href="https://pathology.utilitarianconferences.com">Home</a></li> <li class="breadcrumb-item">User Register </li> </ul> </nav> </div> </div> </div> </div> </div> </section> </div> <style> .new_registration .titel-heading h4 { display: block; font-size: 14px; font-weight: 600 !important; padding: 20px 0; text-align: center; text-transform: uppercase; color: var(--btn-color-one); } .new_registration .price-bar .p-for { font-weight: 600; font-size: 14px; padding: 7px 0; color: #FFF; } .new_registration .price-bar span { text-align: center !important; font-size: 16px; padding: 7px 0; display: block; font-weight: 600; } .new_registration .price-bar span.selected a { text-decoration: none; background: #ff9f00; color: #FFF; padding: 2px 12px; border-radius: 2px; } .new_registration .price-bar span a { text-decoration: none; background: #4e9435; color: #FFF; padding: 2px 12px; border-radius: 2px; font-size: 14px; width: 80px; display: block; height: 30px; } .new_registration .price-bar span a:hover { background: #FFF; border: 1px #4e9435 solid; color: #4e9435; } .new_registration .body-sec { padding: 20px; background-color: var(--btn-color-one); border-radius: 4px; } .selectedrow { background: #dff0d8; } .new_registration select { height: 34px; padding: 6px 12px; background-color: #fff; border: 2px solid #b0b6bb; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .new_registration label { padding: 0px !important; } .for-desk { display: block; } .for-mobile { display: none; } @media (max-width: 991px) { .mobile_hide { display: none !important; } .for-desk { display: none; } .for-mobile { display: block; } } @media (max-width: 767px) { .pad-less .col-md-6:nth-child(odd) { padding-left: 0px; padding-right: 0px; } .pad-less .col-md-6:nth-child(even) { padding-left: 0px; padding-right: 0px; } .new_registration .body-sec { padding: 10px !important; } .new_registration .price-bar span { padding: 4px !important; } .new_registration .titel-heading h4 { padding: 10px 0px !important; } .new_registration .body-sec .td-bg { padding: 3px 2px 2px 3px !important; } .for-mobile .new_registration .price-bar span { padding: 4px !important; } .new_registration .price-bar .p-for { padding: 10px 0px !important; } } .highlighted { background-color: #0087b6; color: #fff; /* Optional: Change text color for better contrast */ } table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } th { font-family: var(--heading-font); color: var(--heading-color); margin-bottom: 10px; font-size: 15px; font-weight: 400; border: 1px solid #fff; padding: 10px; } td { font-family: var(--heading-font); color: var(--heading-color); font-size: 15px; font-weight: 400; border: 1px solid #ccc; padding: 10px; text-align: left; } th { background-color: #f4f4f4; } .total { font-weight: bold; margin-top: 20px; } .hidden { display: none; } .nights { font-weight: bold; } .total { font-size: 28px; color: var(--btn-color-one); } .total #totalPrice { color: var(--btn-color-one); font-size: 28px; } #selectedOptions { list-style-type: none; padding: 0; margin: 0; font-size: 18px; font-weight: bold; color: var(--btn-color-one); } #selectedOptions li { background-color: #f0f8ff; margin-bottom: 8px; padding: 10px; border-radius: 5px; border: 1px solid var(--btn-color-one); transition: background-color 0.3s ease; } #selectedOptions li:hover { background-color: var(--btn-color-one); color: #fff; } .highlighted-checkbox { background-color: var(--btn-color-one); color: white; } </style> <section class="registerArea section-padding"> <div class="container"> <form action="https://pathology.utilitarianconferences.com/payment-event/confirm" class="order-form event_order_form" method="post" enctype="multipart/form-data"> <input type="hidden" name="_token" value="WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC"> <div class="row g-4"> <div class="col-xl-7 col-lg-7 col-md-6 packageWrapper"> <div class="row"> <h4 class="priceTittle mb-30">Virtual Registration</h4> <div class="row"> <div class="column" style=" float: left; width: 50%; padding: 10px;"> <div class="col-lg-12 col-md-12"> <label class="catTittle"> Title</label> <select name="nametitle" id="nametitle" style="width: 100%; height: 50px; color: #28272c; border-radius: 10px; border-color: #E5E5E5; padding: 8px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);"> <option value="Dr." selected>Dr.</option> <option value="Mr.">Mr.</option> <option value="Mrs.">Mrs.</option> <option value="Miss.">Miss.</option> </select> </div> </div> <div class="column" style=" float: left; width: 50%; padding: 10px;"> <div class="col-lg-12 col-md-12"> <label class="catTittle"> Name</label> <div class="input-form input-form2"> <input type="text" name="name" placeholder="Enter your name here" value=""> </div> </div> </div> <div class="column" style="float: left; width: 50%; padding: 10px;"> <div class="col-lg-12 col-md-12"> <label class="catTittle"> Email</label> <div class="input-form input-form2"> <input type="email" name="email" placeholder="Enter your email here" value=""> </div> </div> </div> <div class="column" style="float: left; width: 50%; padding: 10px;"> <div class="col-lg-12 col-md-12"> <label class="catTittle"> Select Your Country</label> <select id="country" name="country" style="width: 100%; height: 50px; color: #28272c; border-radius: 10px; border-color: #E5E5E5; padding: 8px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);"> <option value="">--Select a country--</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia">Bolivia</option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Brazil">Brazil</option> <option value="Brunei">Brunei</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cabo Verde">Cabo Verde</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo, Democratic Republic of the">Congo, Democratic Republic of the</option> <option value="Congo, Republic of the">Congo, Republic of the</option> <option value="Costa Rica">Costa Rica</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Eswatini">Eswatini</option> <option value="Ethiopia">Ethiopia</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Greece">Greece</option> <option value="Grenada">Grenada</option> <option value="Guatemala">Guatemala</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Honduras">Honduras</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iran">Iran</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Korea, North">Korea, North</option> <option value="Korea, South">Korea, South</option> <option value="Kosovo">Kosovo</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos">Laos</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mexico">Mexico</option> <option value="Micronesia">Micronesia</option> <option value="Moldova">Moldova</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montenegro">Montenegro</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="North Macedonia">North Macedonia</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Qatar">Qatar</option> <option value="Romania">Romania</option> <option value="Russia">Russia</option> <option value="Rwanda">Rwanda</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Serbia">Serbia</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="South Sudan">South Sudan</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syria">Syria</option> <option value="Taiwan">Taiwan</option> <option value="Tajikistan">Tajikistan</option> <option value="Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Timor-Leste">Timor-Leste</option> <option value="Togo">Togo</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Tuvalu">Tuvalu</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United States">United States</option> <option value="Uruguay">Uruguay</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Vatican City">Vatican City</option> <option value="Venezuela">Venezuela</option> <option value="Vietnam">Vietnam</option> <option value="Yemen">Yemen</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> </div> </div> </div> <div class="row"> <div class="column" style=" float: left; width: 50%; padding: 10px;"> <div class="col-lg-12 col-md-12"> <label class="catTittle"> Phone</label> <div class="input-form input-form2"> <input type="number" name="phone" placeholder="Enter your phone number" value=""> </div> </div> </div> <div class="column" style="float: left; width: 50%; padding: 10px;"> <div class="col-lg-12 col-md-12"> <label class="catTittle"> Institution</label> <div class="input-form input-form2"> <input type="text" name="address" placeholder="Enter Institution" value=""> </div> </div> </div> </div> <div>  <div style="padding: 20px; background-color: #f9f9f9; border-radius: 8px; border: 1px solid #ddd; margin: 0 auto;"> <label class="catTittle" style="font-weight: bold; font-size: 18px; color: #333; display: block; margin-bottom: 10px;">Select Currency</label> <div style="display: flex; flex-wrap: wrap; gap: 10px;"> <label style="display: block; padding: 8px 12px; background-color: #e1bee7; border-radius: 5px; cursor: pointer;"> <input type="radio" name="currency" value="GBP" data-code="GBP" data-rate="1" data-symbol="£" checked onclick="updateCurrency()" style="margin-right: 8px;"> GBP (£) </label> <label style="display: block; padding: 8px 12px; background-color: #ffe0b2; border-radius: 5px; cursor: pointer;"> <input type="radio" name="currency" value="EUR" data-code="EUR" data-rate="1.20" data-symbol="€" onclick="updateCurrency()" style="margin-right: 8px;"> EUR (€) </label> <label style="display: block; padding: 8px 12px; background-color: #e0f7fa; border-radius: 5px; cursor: pointer;"> <input type="radio" name="currency" value="USD" data-code="USD" data-rate="1.33" data-symbol="$" onclick="updateCurrency()" style="margin-right: 8px;"> USD ($) </label> <label style="display: block; padding: 8px 12px; background-color: #dcedc8; border-radius: 5px; cursor: pointer;"> <input type="radio" name="currency" value="AED" data-code="AED" data-rate="4.89" data-symbol="د.إ" onclick="updateCurrency()" style="margin-right: 8px;"> AED (د.إ) </label> <label style="display: block; padding: 8px 12px; background-color: #ffcdd2; border-radius: 5px; cursor: pointer;"> <input type="radio" name="currency" value="SAR" data-code="SAR" data-rate="5" data-symbol="﷼" onclick="updateCurrency()" style="margin-right: 8px;"> SAR (﷼) </label> <label style="display: block; padding: 8px 12px; background-color: #c5e1a5; border-radius: 5px; cursor: pointer;"> <input type="radio" name="currency" value="AUD" data-code="AUD" data-rate="1.93" data-symbol="A$" onclick="updateCurrency()" style="margin-right: 8px;"> AUD (A$) </label> <label style="display: block; padding: 8px 12px; background-color: #ffcc80; border-radius: 5px; cursor: pointer;"> <input type="radio" name="currency" value="AZN" data-code="AZN" data-rate="2.26" data-symbol="₼" onclick="updateCurrency()" style="margin-right: 8px;"> AZN (₼) </label> <label style="display: block; padding: 8px 12px; background-color: #b3e5fc; border-radius: 5px; cursor: pointer;"> <input type="radio" name="currency" value="CAD" data-code="CAD" data-rate="1.80" data-symbol="CA$" onclick="updateCurrency()" style="margin-right: 8px;"> CAD (CA$) </label> <label style="display: block; padding: 8px 12px; background-color: #d7ccc8; border-radius: 5px; cursor: pointer;"> <input type="radio" name="currency" value="EGP" data-code="EGP" data-rate="64.22" data-symbol="E£" onclick="updateCurrency()" style="margin-right: 8px;"> EGP (E£) </label> <label style="display: block; padding: 8px 12px; background-color: #ffab91; border-radius: 5px; cursor: pointer;"> <input type="radio" name="currency" value="QAR" data-code="QAR" data-rate="4.86" data-symbol="ر.ق" onclick="updateCurrency()" style="margin-right: 8px;"> QAR (ر.ق) </label> <label style="display: block; padding: 8px 12px; background-color: #ffab91; border-radius: 5px; cursor: pointer;"> <input type="radio" name="currency" value="INR" data-code="INR" data-rate="111.67" data-symbol="₹" onclick="updateCurrency()" style="margin-right: 8px;"> INR (₹) </label> </div> </div> </div> <div class="col-md-12 p-0"> <div class="new_registration m-b-20 RegTabs"> <div class="row m-l-0 m-r-0 m-t-0 m-b-10 titel-heading"> <div class="column" style="width: 33%; padding: 10px;"> <h4 class="text-upercase"> Types of Participation </h4> </div> <div class="column" style="width: 33%; padding: 10px; "> <h4>Early Bird Registration <span> Date 2024-11-30</span> </h4> </div> <div class="column" style="width: 33%; padding: 10px; "> <h4>Final Registration <span> <span> Date 2024-12-10</span> </span> </h4> </div> </div> <div class="body-sec"> <div class="row m-0 price-bar"> <div class="column" style="width: 33%; padding: 10px; "> <div class="p-for"> <label class="text"> Virtual CME Package</label> </div> </div> <div class="column" style="width: 33%; padding: 10px; background-color: #f8f9fa;"> <span id="sub_4_739"> <input type="checkbox" name="checkboxOption" value="400" data-label="Virtual CME Package - Early Bird - £400" onclick="toggleCheckboxBackground(this); calculateTotal()" > £400  </span> </div> <div class="column" style="width: 32%; padding: 10px; background-color: var(--main-color-two);"> <span id="sub_10_939"> <input type="checkbox" name="checkboxOption" value="600" data-label="Virtual CME Package - Final Registration - £600" onclick="toggleCheckboxBackground(this); calculateTotal()" disabled > £600 </span> </div> </div> <div class="row m-0 price-bar"> <div class="column" style="width: 33%; padding: 10px; "> <div class="p-for"> <label class="text"> Virtual CPD Package</label> </div> </div> <div class="column" style="width: 33%; padding: 10px; background-color: #f8f9fa;"> <span id="sub_4_439"> <input type="checkbox" name="checkboxOption" value="350" data-label="Virtual CPD Package - Early Bird - £350" onclick="toggleCheckboxBackground(this); calculateTotal()" > £350 </span> </div> <div class="column" style="width: 32%; padding: 10px; background-color: var(--main-color-two);"> <span id="sub_10_639"> <input type="checkbox" name="checkboxOption" value="550" data-label="Virtual CPD Package - Final Registration - £550" onclick="toggleCheckboxBackground(this); calculateTotal()" disabled > £550 </span> </div> </div> <div class="row m-0 price-bar"> <div class="column" style="width: 33%; padding: 10px; "> <div class="p-for"> <label class="text"> Virtual Speaker Package</label> </div> </div> <div class="column" style="width: 33%; padding: 10px; background-color: #f8f9fa;"> <span id="sub_4_839"> <input type="checkbox" name="checkboxOption" value="250" data-label="Virtual Speaker Package - Early Bird - £250" onclick="toggleCheckboxBackground(this); calculateTotal()" > £250 </span> </div> <div class="column" style="width: 32%; padding: 10px; background-color: var(--main-color-two);"> <span id="sub_10_1039"> <input type="checkbox" name="checkboxOption" value="450" data-label="Virtual Speaker Package - Final Registration - £450" onclick="toggleCheckboxBackground(this); calculateTotal()" disabled > £450 </span> </div> </div> <div class="row m-0 price-bar"> <div class="column" style="width: 33%; padding: 10px; "> <div class="p-for"> <label class="text"> Virtual Poster Package</label> </div> </div> <div class="column" style="width: 33%; padding: 10px; background-color: #f8f9fa;"> <span id="sub_4_539"> <input type="checkbox" name="checkboxOption" value="225" data-label="Virtual Poster Package - Early Bird - £225" onclick="toggleCheckboxBackground(this); calculateTotal()" > £225 </span> </div> <div class="column" style="width: 32%; padding: 10px; background-color: var(--main-color-two);"> <span id="sub_10_739"> <input type="checkbox" name="checkboxOption" value="425" data-label="Virtual Poster Package - Final Registration - £425" onclick="toggleCheckboxBackground(this); calculateTotal()" disabled > £425 </span> </div> </div> <div class="row m-0 price-bar"> <div class="column" style="width: 33%; padding: 10px; "> <div class="p-for"> <label class="text"> Virtual Delegate/Listener Package</label> </div> </div> <div class="column" style="width: 33%; padding: 10px; background-color: #f8f9fa;"> <span id="sub_4_539"> <input type="checkbox" name="checkboxOption" value="199" data-label="Virtual Delegate/Listener Package - Early Bird - £199" onclick="toggleCheckboxBackground(this); calculateTotal()" > £199 </span> </div> <div class="column" style="width: 32%; padding: 10px; background-color: var(--main-color-two);"> <span id="sub_10_739"> <input type="checkbox" name="checkboxOption" value="399" data-label="Virtual Delegate/Listener Package - Final Registration - £399" onclick="toggleCheckboxBackground(this); calculateTotal()" disabled > £399 </span> </div> </div> <div class="row m-0 price-bar"> <div class="column" style="width: 33%; padding: 10px; "> <div class="p-for"> <label class="text"> Virtual Exhibitor</label> </div> </div> <div class="column" style="width: 33%; padding: 10px; background-color: #f8f9fa;"> <span id="sub_4_539"> <input type="checkbox" name="checkboxOption" value="850" data-label="Virtual Exhibitor - Early Bird - £850" onclick="toggleCheckboxBackground(this); calculateTotal()" > £850 </span> </div> <div class="column" style="width: 32%; padding: 10px; background-color: var(--main-color-two);"> <span id="sub_10_739"> <input type="checkbox" name="checkboxOption" value="1100" data-label="Virtual Exhibitor - Final Registration - £1,100" onclick="toggleCheckboxBackground(this); calculateTotal()" disabled > £1,100 </span> </div> </div> </div> </div> </div> <div class="row" style="margin-top: 20px; padding: 20px; background-color: #f8f9fa; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);"> <h5 style="text-align: center; font-size: 18px; color: var(--btn-color-one); margin-bottom: 20px;"> <div class="column" style="float: center; width: 48%; padding: 10px; background-color: var(--main-color-two); border-radius: 10px; margin-right: 4%;"> <div class="col-lg-12 col-md-12"> <div style="font-size: 16px; color: #333;"> <label for="totalParticipants" style="font-weight: bold; color: var(--btn-color-one);">No. of Participants:</label> <select id="totalParticipants" onchange="calculateTotal()" style="width: 100%; height: 35px; border-radius: 10px; padding: 8px; border: 1px solid var(--btn-color-one); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> </div> </div> </h5> </div> </div> </div> <div class="col-xl-5 col-lg-5 col-md-6"> <div class="paymentDetails mb-24"> <h4 class="priceTittle mb-30">Registration Summary</h4> <div class="priceListing mb-50"> <ul id="selectedOptions"> </ul> <ul class="listing"> <div class="total"> Total: <span id="totalPrice">$0.00</span> </div> </ul> </div> <input type="hidden" id="selectedCurrency" name="currency" value="GBP">  <input type="hidden" name="event_total_amount" class="event_total_amount" value=""> <input type="hidden" id="details" name="note" value=""> <input type="hidden" id="accompanyingPersonPrice" value="250"> <div class="col-sm-12"> <div class="order-form mt-20 mb-40"> <h5 style="padding-bottom: 10px;">Select Payment Method</h5> <div class="form-group col-12 payment-gateway-wrapper"><input id="slected_gateway_from_helper" type="hidden" name="selected_payment_gateway" value="stripe"><ul class="payment-gateway-list"><li data-gateway="stripe" class="single-gateway-item selected"><img src="https://pathology.utilitarianconferences.com/assets/tenant/uploads/media-uploader/pathology/large-stripe16153217881675689367.png" alt=""data-animation=""data-delay=""/></li></ul> <div class="form-group manual_payment_transaction_field d-none"> <div class="label">Enter Manual Payment Transaction ID</div> <input class="form-control btn-sm mb-3 py-3 p-3" type="text" name="transaction_id"> <p class="help-info"></p> </div> <div class="form-group bank_payment_field d-none"> <div class="label">Upload Bank Transfer Document</div> <input class="form-control btn-sm mb-3 py-3 p-3" type="file" name="manual_payment_attachment"> <p class="help-info my-3"></p> </div> <div class="form-group kinetic_payment_field d-none"> <div class="label">Choose Payment Method</div> <select name="kineticpay_bank" id="kineticpay_bank" class="select " data-allow_clear="true" data-placeholder="Select Bank"> <option value="" selected="selected">Select Bank</option> <option value="ABMB0212">Alliance Bank Malaysia Berhad</option> <option value="ABB0233">Affin Bank Berhad</option> <option value="AMBB0209">AmBank (M) Berhad</option> <option value="BCBB0235">CIMB Bank Berhad</option> <option value="BIMB0340">Bank Islam Malaysia Berhad</option> <option value="BKRM0602">Bank Kerjasama Rakyat Malaysia Berhad</option> <option value="BMMB0341">Bank Muamalat (Malaysia) Berhad</option> <option value="BSN0601">Bank Simpanan Nasional Berhad</option> <option value="CIT0219">Citibank Berhad</option> <option value="HLB0224">Hong Leong Bank Berhad</option> <option value="HSBC0223">HSBC Bank Malaysia Berhad</option> <option value="KFH0346">Kuwait Finance House</option> <option value="MB2U0227">Maybank2u / Malayan Banking Berhad</option> <option value="MBB0228">Maybank2E / Malayan Banking Berhad E</option> <option value="OCBC0229">OCBC Bank (Malaysia) Berhad</option> <option value="PBB0233">Public Bank Berhad</option> <option value="RHB0218">RHB Bank Berhad</option> <option value="SCB0216">Standard Chartered Bank (Malaysia) Berhad</option> <option value="UOB0226">United Overseas Bank (Malaysia) Berhad</option> </select> </div><div class="payment_gateway_extra_field_information_wrap"></div></div> <div class="form-group manual_payment_transaction_field d-none"> <label class="label mb-2">Attach Your Bank Document</label> <input class="form-control btn btn-warning btn-sm" type="file" name="manual_payment_attachment"> <span class="help-info mt-3"></span> </div> </div> </div> <div class="btn-wrapper pt-20"> <button class="cmn-btn1 hero-btn w-100" type="submit">Pay Now</button> </div> </div> </div> <div class="row" style="margin-top: 20px; padding: 20px; background-color: #f8f9fa; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);"> <div class="column" style="float: left; width: 100%; padding: 10px; border-radius: 10px; margin-right: 4%;"> <div class="p-for"> <p style="background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><b><u><span style="color:red;mso-ansi-language: EN-US">Benefits:</span></u></b><span style="color:red;mso-ansi-language:EN-US"><o:p></o:p></span></p><p><b><span style="color:red;mso-ansi-language:EN-US">Virtual CME Package Includes</span></b><span style="color:red;mso-ansi-language:EN-US"> </span>Presentation or Participation slot + 21 CME Credits Certificate + Conference Certification + Abstract/Presentation with DOI + Access to all the 80 sessions + Networking + Speaker/Poster/Delegate Banner and Profile on Website + Nominated for Best Speaker/Poster/Delegate Award + Chairperson opportunity for any conference sessions + 25% discount on publication of your research work, manuscript and articles.<o:p></o:p></p><p><b><span style="color:red;mso-ansi-language:EN-US">Virtual CPD Package Includes </span></b>Presentation or Participation slot + 21 CPD Credits Certificate + Conference Certification + Abstract/Presentation with DOI + Access to all the 80 sessions + Networking + Speaker/Poster/Delegate Banner and Profile on Website + Nominated for Best Speaker/Poster/Delegate Award + Chairperson opportunity for any conference sessions + 25% discount on publication of your research work, manuscript and articles.<o:p></o:p></p><p><b><span style="color:red;mso-ansi-language:EN-US">Virtual Speaker Package Includes</span></b><span style="color:red;mso-ansi-language:EN-US"> </span>Speaker or Oral presentation + Certificate + Abstract/Presentation with DOI + Access to all the 80+ sessions + Networking + Speaker Banner and Profile on Website + Nominated for Best Speaker Award + Chairperson opportunity for any conference sessions + 25% discount on publication of research work, manuscript and articles.<o:p></o:p></p><p><b><span style="color:red;mso-ansi-language:EN-US">Virtual Poster Package Includes</span></b><span style="color:red;mso-ansi-language:EN-US"> </span>Poster presentation + Certificate + Abstract/Presentation with DOI + Access to all 80+ sessions + Networking + Poster Banner and Profile on Website + Nominated for Best Poster Award + 25% discount on publication of research work, manuscript and articles.<o:p></o:p></p><p style="outline: none; -webkit-font-smoothing: antialiased; scrollbar-color: var(--main-color-one) var(--scrollbar-bg); scrollbar-width: thin; margin-bottom: 0px; color: rgb(19, 17, 17); hyphens: auto; line-height: 1.6; font-size: 16px; background-color: rgb(248, 249, 250);"> </p><p><b><span style="color:red;mso-ansi-language:EN-US">Virtual Delegate Package Includes</span></b><span style="color:red;mso-ansi-language:EN-US"> </span>Participation slot + Certificate + Access to all the 80 sessions + Networking + Delegate Banner and Profile on Website + Nominated for Best Delegate Award.<br> <b><u><br> </u><span style="color:red">Virtual Exhibitor Includes </span></b>45 Minute Exhibitor slot + Exhibit Certificate + Access to all the 80 sessions + Networking + Exhibitor Banner and Profile on Website.</p><p><o:p><br></o:p></p><p><span style="font-size: 0.9375rem; text-align: var(--bs-body-text-align);"><span style="color: red;">Refund and Cancellation Policy:</span></span><br></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l0 level1 lfo1; tab-stops:list .5in"><span style="font-size:10.0pt; mso-bidi-font-size:12.0pt;font-family:Symbol;mso-fareast-font-family:Symbol; mso-bidi-font-family:Symbol;color:red;mso-ansi-language:EN-US">·<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: "Times New Roman";">         </span></span><span style="color:red;mso-ansi-language:EN-US">Please note that the registration fee is non-refundable.<o:p></o:p></span></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l0 level1 lfo1; tab-stops:list .5in"><span style="font-size:10.0pt; mso-bidi-font-size:12.0pt;font-family:Symbol;mso-fareast-font-family:Symbol; mso-bidi-font-family:Symbol;color:red;mso-ansi-language:EN-US">·<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: "Times New Roman";">         </span></span><span style="color:red;mso-ansi-language:EN-US">If you are unable to attend, you may choose to transfer your registration to the next edition.<o:p></o:p></span></p><p style="margin-bottom: 0px; font-size: 16px; line-height: 1.6; outline: none; -webkit-font-smoothing: antialiased; scrollbar-color: var(--main-color-one) var(--scrollbar-bg); scrollbar-width: thin; color: rgb(19, 17, 17); hyphens: auto; background-color: rgb(248, 249, 250);"> </p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l0 level1 lfo1; tab-stops:list .5in"><span style="font-size: 10pt; font-family: Symbol; color: red;">·<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: "Times New Roman";">         </span></span><span style="color: red;">No refunds</span><span style="color:red;mso-ansi-language:EN-US"> will be issued at any point.<o:p></o:p></span></p> </div> </div> </div> </div> </form> </div> </section> <div class="modal product-quick-view-bg-color" id="product_quick_view" tabindex="-1" role="dialog" aria-labelledby="productModal" aria-hidden="true"></div> <footer> <div class="footerWrapper sectionBg1 "> <div class="footer-area footer-padding" > <div class="container"> <div class="row justify-content-between"> <div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-8"><div class=" footer_event-widget widget"> <div class="footer-widget widget mb-24"> <div class="footer-tittle"> <div class="footer-logo mb-40"> <a href="https://pathology.utilitarianconferences.com"> <img src="https://pathology.utilitarianconferences.com/assets/tenant/uploads/media-uploader/pathology/ucgconferences-logo1724672260.png" alt=""data-animation=""data-delay=""/> </a> </div> <div class="footer-pera"> <p class="pera wow fadeInUp" data-wow-delay="0.1s"> <b>Utilitarian Conferences Gathering </b><div>Companies House – GOV.UK Reg. No. <b>14991959 </b></div><div>Registered in <b>England & Wales, UK </b></div><div>The above information is communicated by electronic means and authenticated by the Registrar of Companies under section 1115 of the Companies Act 2006</div> </p> </div> <div class="footer-social"> <a href="https://www.facebook.com/pathologyconferences/" class="wow fadeInUp social" data-wow-delay="0.0s"><i class="fab fa-facebook-f icon"></i></a><a href="https://www.instagram.com/epucgconferences/" class="wow fadeInUp social" data-wow-delay="0.1s"><i class="fab fa-instagram icon"></i></a> <a href="https://www.linkedin.com/in/epucg2020dubai/" class="wow fadeInUp social" data-wow-delay="0.2s"><i class="fab fa-linkedin-in icon"></i></a> <a href="https://twitter.com/ucgconferences" class="wow fadeInUp social" data-wow-delay="0.3s"><i class="fab fa-twitter icon"></i></a> </div> </div> </div> </div></div><div class="col-xxl-2 col-xl-2 col-lg-6 col-md-6 col-sm-6"><div class=" footer_event-widget widget"> <div class="footer-widget widget mb-24"> <div class="footer-tittle"> <h4 class="footerTittle">Important Links</h4> <ul class="listing"> <li > <a href="https://pathology.utilitarianconferences.com/"class="menuArrow">Home</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/submit-abstract"class="menuArrow">Submit Abstract</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/venue"class="menuArrow">Venue</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/exhibit"class="menuArrow">Exhibit</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/sponsor-registration"class="menuArrow">Sponsor</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/registration"class="menuArrow">Register Now</a> </li> <li > <a href="https://pathology.utilitarianconferences.com/faq"class="menuArrow">Faq</a> </li> </ul> </div> </div></div></div><div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-8"><div class=" footer_event-widget widget"> <div class="footer-widget widget mb-24"> <div class="footer-tittle"> <h4 class="footerTittle">Contact Us</h4> <ul class="listing-info"> <li class="listItem wow fadeInUp" data-wow-delay="0.0s"> <a href="#!" class="singleLinks2"><i class="fa-solid fa-phone icon"></i>+447723493307</a> </li> <li class="listItem wow fadeInUp" data-wow-delay="0.1s"> <a href="#!" class="singleLinks2"><i class="fa-solid fa-envelope icon"></i>info-ucg@utilitarianconferences.com</a> </li> <li class="listItem wow fadeInUp" data-wow-delay="0.2s"> <a href="#!" class="singleLinks2"><i class="fa-solid fa-location-dot icon"></i>71-75 Shelton Street Covent Garden London, England, UK</a> </li> </ul> </div> </div> </div></div><div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-8"><div class=" footer_event-widget widget"> <div class="footer-widget widget mb-24"> <div class="footer-tittle"> <div class="footer-logo mb-40"> <a href="https://pathology.utilitarianconferences.com"> <img src="https://pathology.utilitarianconferences.com/assets/tenant/uploads/media-uploader/pathology/14th-emirates-pathology-digital-pathology-cancer-conference1724672560.png" alt="14th Emirates Pathology, Digital Pathology & Cancer Conference"data-animation=""data-delay=""/> </a> </div> <div class="footer-pera"> <p class="pera wow fadeInUp" data-wow-delay="0.1s"> <p>14th Emirates</p><p><font color="#3984c6"><span style="font-size: 24px;"><b>Pathology, Digital Pathology & Cancer Conference</b></span></font></p><p><b><span style="font-size: 18px;">December 17-19, 2024 | Dubai, UAE</span></b></p> </p> </div> <div class="footer-social"> </div> </div> </div> </div></div> </div> </div> </div> <div class="footer-bottom-area"> <div class="container"> <div class="footer-border"> <div class="row"> <div class="col-xl-12 "> <div class="footer-copy-right text-center"> <p class="pera wow ladeInUp" data-wow-delay="0.0s"> <a href="https://pathology.utilitarianconferences.com" target="_blank">Pathology, Digital Pathology & Cancer Conference</a> Utilitarian Conferences Gathering </p> </div> </div> </div> </div> </div> </div> </div> </footer> <div class="mouseCursor cursorOuter"></div> <div class="mouseCursor cursorInner"></div> <div class="progressParent"> <svg class="backCircle svg-inner" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/> </svg> </div> <script src="https://pathology.utilitarianconferences.com/assets/common/js/jquery-3.6.1.min.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/js/popper.min.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/js/bootstrap.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/js/plugin.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/js/main.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/js/loopcounter.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/common/js/toastr.min.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/landlord/common/js/sweetalert2.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/common/js/star-rating.min.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/common/js/jquery.magnific-popup.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/common/js/md5.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/common/js/jquery.syotimer.min.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/js/viewport.jquery.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/tenant/frontend/themes/js/odometer.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/common/js/nouislider-8.5.1.min.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/common/js/CustomLoader.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/common/js/CustomSweetAlertTwo.js"></script> <script src="https://pathology.utilitarianconferences.com/assets/common/js/SohanCustom.js"></script> <script type="text/javascript" src="https://pathology.utilitarianconferences.com/assets/js/main"></script> <script> $(document).on('click', '.newsletter-submit-btn', function (e) { e.preventDefault(); var email = $(this).parent().find('.email').val(); var errrContaner = $(this).parent().parent().find('.form-message-show'); errrContaner.html(''); var paperIcon = 'fab-paper-plane'; var spinnerIcon = 'fab-spinner fa-spin'; var el = $(this); el.find('i').removeClass(paperIcon).addClass(spinnerIcon); $.ajax({ url: "https://pathology.utilitarianconferences.com/subscribe-newsletter", type: "POST", data: { _token: "WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC", email: email }, beforeSend: function() { el.text('Submiting..'); }, success: function (data) { el.text('Subscribe'); $('.email').val(''); errrContaner.html('<div class="alert alert-'+data.type+'">' + data.msg + '</div>'); el.find('i').addClass(paperIcon).removeClass(spinnerIcon); }, error: function (data) { el.text('Subscribe'); el.find('i').addClass(paperIcon).removeClass(spinnerIcon); var errors = data.responseJSON.errors; errrContaner.html('<div class="alert alert-danger">' + errors.email[0] + '</div>'); } }); }); </script> <script> $(document).on('click', '.footer_tenant_newsletter_submit', function (e) { e.preventDefault(); var email = $(this).parent().parent().find('.email').val(); console.log(email) var errrContaner = $(this).parent().parent().find('.form-message-show'); errrContaner.html(''); var paperIcon = 'fab-paper-plane'; var spinnerIcon = 'fab-spinner fa-spin'; var el = $(this); el.find('i').removeClass(paperIcon).addClass(spinnerIcon); $.ajax({ url: "https://pathology.utilitarianconferences.com/subscribe-newsletter", type: "POST", data: { _token: "WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC", email: email }, beforeSend: function() { el.text('Submiting..'); }, success: function (data) { el.text('Subscribe'); $('.email').val(''); errrContaner.html('<div class="alert alert-'+data.type+'">' + data.msg + '</div>'); el.find('i').addClass(paperIcon).removeClass(spinnerIcon); }, error: function (data) { el.text('Subscribe'); el.find('i').addClass(paperIcon).removeClass(spinnerIcon); var errors = data.responseJSON.errors; errrContaner.html('<div class="alert alert-danger">' + errors.email[0] + '</div>'); } }); }); </script> <script> $(document).on('click', '.query_submit_button', function (e) { e.preventDefault(); var errrContaner = $('.query_form_message_show'); errrContaner.html(''); var paperIcon = 'fa-paper-plane'; var spinnerIcon = 'fa-spinner fa-spin'; var el = $(this); var form = $('.query_form'); let email = form.find('input[name="email"]').val(); let subject = form.find('input[name="subject"]').val(); let message = form.find('textarea[name="message"]').val(); el.find('i').removeClass(paperIcon).addClass(spinnerIcon); $.ajax({ url: form.attr('action'), type: "POST", data: { _token: "WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC", email: email, subject: subject, message: message, }, beforeSend:function (){ el.html('<i class="fas fa-spinner fa-spin mr-1"></i> Submitting..'); }, success: function (data) { el.text('Submit Message'); form.trigger('reset'); errrContaner.html('<div class="alert alert-'+data.type+'">' + data.msg + '</div>'); el.find('i').addClass(paperIcon).removeClass(spinnerIcon); }, error: function (data) { el.find('i').addClass(paperIcon).removeClass(spinnerIcon); el.text('Submit Message'); var errors = data.responseJSON.errors; $.each(errors,function(key,value){ errrContaner.append('<div class="alert alert-danger">' +value + '</div>'); }) } }); }); </script> <script> $(document).on('submit', '.custom-form-builder-land', function (e) { e.preventDefault(); var btn = $('#contact_form_btn'); var form = $(this); var formID = form.attr('id'); var msgContainer = form.find('.error-message'); var formSelector = document.getElementById(formID); var formData = new FormData(formSelector); msgContainer.html(''); $.ajax({ url: "https://pathology.utilitarianconferences.com/tenant/submit-custom-form", type: "POST", headers: { 'X-CSRF-TOKEN': "WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC", }, beforeSend:function (){ btn.html('<i class="fas fa-spinner fa-spin mr-1"></i> Submitting..'); }, processData: false, contentType: false, data:formData, success: function (data) { form.find('.ajax-loading-wrap').removeClass('show').addClass('hide'); msgContainer.html('<div class="alert alert-'+data.type+'">' + data.msg + '</div>'); btn.text('Submit Message'); form[0].reset(); }, error: function (data) { form.find('.ajax-loading-wrap').removeClass('show').addClass('hide'); var errors = data.responseJSON.errors; var markup = '<ul class="alert alert-danger">'; $.each(errors,function (index,value){ markup += '<li>'+value+'</li>'; }) markup += '</ul>'; msgContainer.html(markup); btn.text('Submit Message'); } }); }); </script> <script> (function($){ "use strict"; $(document).ready(function(){ let default_lang = 'English '; $('.tenant_languages_selector .current').text(default_lang) $(document).on('click','.tenant_languages_selector ul li',function(e){ var el = $(this); el.find('.current').text(el.text()); console.log('hello') $.ajax({ url : "https://pathology.utilitarianconferences.com/lang-change", type: "GET", data:{ 'lang' : el.data('value') }, success:function (data) { location.reload(); } }) }); }); }(jQuery)); </script> <script> //Home Addvertisement Click Store $(document).on('click','.home_advertisement',function(){ let id = $('#add_id').val(); $.ajax({ url : "https://pathology.utilitarianconferences.com/home/advertisement/click/store", type: "GET", data:{ 'id':id }, success:function (data){ console.log(data); } }) }); //Home Addvertisement Click Store $(document).on('mouseover','.home_advertisement',function(){ let id = $('#add_id').val(); $.ajax({ url : "https://pathology.utilitarianconferences.com/home/advertisement/impression/store", type: "GET", data:{ 'id':id }, success:function (data){ console.log(data); } }) }); </script> <script> $(document).ready(function(){ $(document).on('click','.category_item_in_sidebar',function(){ let el = $(this); let route = el.data('route'); window.location = route; }); }) </script> <script> $(document).ready(function(){ $(document).on('click','.service_category_item_in_sidebar',function(){ let el = $(this); let route = el.data('route'); window.location = route; }); }) </script> <script> let site_currency_symbol = '£'; </script> <script> toastr.options = { "closeButton": true, "debug": false, "newestOnTop": true, "progressBar": true, "positionClass": "toast-top-right", "preventDuplicates": true, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "2000", "extendedTimeOut": "2000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "slideDown", "hideMethod": "slideUp", }; $(function (){ function load_topbar_cart_nad_wishlist() { $('#track-icon-list').load(location.href + " #track-icon-list"); $('#track-icon-wishlist').load(location.href + " #track-icon-wishlist"); $('.track-icon-list').load(location.href + " .track-icon-list"); $('#compare_li').load(location.href + " #compare_li"); } $(document).on('keyup', '#search_form_input', function (e){ e.preventDefault(); let search_text = $(this).val(); $.ajax({ url: 'https://pathology.utilitarianconferences.com/search', type: 'GET', data: { search: search_text }, beforeSend: function () { }, success: function (data) { if(data.product_object.length > 0) { $('.product-suggestion-list').html(data.markup); } } }); }); // Compare Product $(document).on('click', '.quick-view-compare-btn', function (e) { e.preventDefault(); let quick_view_has_campaign = '0'; let quick_view_campaign_expired = '0'; if(quick_view_has_campaign === 1){ if (quick_view_campaign_expired === 0){ toastr.error('The campaign is over, Sorry! you can not cart this product'); return false; } } let selected_size = $('#selected_size').val(); let selected_color = $('#selected_color').val(); let pid_id = getQuickViewAttributesForCart(); let product_id = quick_view_product_id; let quantity = Number($('#quick-view-quantity').val().trim()); let price = $('#price').text().split(site_currency_symbol)[1]; let attributes = {}; let product_variant = pid_id; let productAttribute = quick_view_selected_variant; attributes['price'] = price; // if selected attribute is a valid product item if (quickViewValidateSelectedAttributes()) { $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/compare/add', type: 'POST', data: { product_id: product_id, quantity: quantity, pid_id: pid_id, product_variant: product_variant, selected_size: selected_size, selected_color: selected_color, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, beforeSend: function () { CustomLoader.start() }, success: function (data) { CustomLoader.end(); if (data.quantity_msg) { CustomSweetAlertTwo.warning(data.quantity_msg) } else if(data.error_msg) { CustomSweetAlertTwo.error(data.error_msg) CustomLoader.end(); } else { CustomSweetAlertTwo.success(data.msg) SohanCustom.load_topbar_cart_nad_wishlist(); } }, erorr: function (err) { toastr.error('An error occurred') } }); } else { toastr.error('Select all attribute to proceed') } }); $(document).on('click', '.compare-btn', function (e) { e.preventDefault(); let pid_id = null; let product_id = $(this).data("product_id"); let quantity = 1; let product_variant = null; $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/compare/add', type: 'POST', data: { product_id: product_id, quantity: quantity, pid_id: pid_id, product_variant: product_variant, selected_size: null, selected_color: null, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, beforeSend: function () { CustomLoader.start(); }, success: function (data) { if (data.quantity_msg) { CustomSweetAlertTwo.warning(data.quantity_msg); CustomLoader.end(); } else if(data.error_msg) { CustomSweetAlertTwo.error(data.error_msg); CustomLoader.end(); } else { CustomSweetAlertTwo.success(data.msg); SohanCustom.load_topbar_cart_nad_wishlist(); CustomLoader.end(); } }, erorr: function (err) { CustomSweetAlertTwo.error('An error occurred'); CustomLoader.end(); } }); }); $(document).on('click', '.add-to-wishlist-btn', function (e) { e.preventDefault(); let pid_id = null; let product_id = $(this).data("product_id"); let quantity = 1; let product_variant = null; $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/wishlist/add', type: 'POST', data: { product_id: product_id, quantity: quantity, pid_id: pid_id, product_variant: product_variant, selected_size: null, selected_color: null, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, beforeSend: function () { CustomLoader.start(); }, success: function (data) { if (data.quantity_msg) { CustomSweetAlertTwo.warning(data.quantity_msg); CustomLoader.end(); } else if(data.error_msg) { CustomSweetAlertTwo.error(data.error_msg); CustomLoader.end(); } else { CustomSweetAlertTwo.success(data.msg); load_topbar_cart_nad_wishlist(); CustomLoader.end(); } }, erorr: function (err) { CustomSweetAlertTwo.error('An error occurred'); } }); }); $(document).on('click', '.add-to-cart-btn', function (e) { e.preventDefault(); let pid_id = null; let product_id = $(this).data("product_id"); let quantity = 1; let product_variant = null; $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/cart/add', type: 'POST', data: { product_id: product_id, quantity: quantity, pid_id: pid_id, product_variant: product_variant, selected_size: null, selected_color: null, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, beforeSend: function () { CustomLoader.start(); }, success: function (data) { if (data.quantity_msg) { CustomSweetAlertTwo.warning(data.quantity_msg); CustomLoader.end(); } else if(data.error_msg) { CustomSweetAlertTwo.error(data.error_msg); CustomLoader.end(); } else { CustomSweetAlertTwo.success(data.msg); CustomLoader.end(); load_topbar_cart_nad_wishlist(); } }, erorr: function (err) { CustomSweetAlertTwo.error(data.error_msg); CustomLoader.end(); } }); }); $(document).on('click', '.add-to-buy-now-btn', function (e) { e.preventDefault(); let pid_id = null; let product_id = $(this).data("product_id"); let quantity = 1; let product_variant = null; $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/cart/add', type: 'POST', data: { product_id: product_id, quantity: quantity, pid_id: pid_id, product_variant: product_variant, selected_size: null, selected_color: null, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, beforeSend: function () { CustomLoader.start(); }, success: function (data) { if (data.quantity_msg) { CustomSweetAlertTwo.warning(data.error_msg); CustomLoader.end(); } else if(data.error_msg) { CustomSweetAlertTwo.error(data.error_msg); CustomLoader.end(); } else { CustomSweetAlertTwo.success(data.msg); CustomLoader.end(); load_topbar_cart_nad_wishlist(); } setTimeout(()=>{ location.href = "https://pathology.utilitarianconferences.com/shop/checkout"; }, 1000) }, erorr: function (err) { //toastr.error('An error occurred') CustomSweetAlertTwo.error(data.error_msg); CustomLoader.end(); } }); }); function storeIntoSession(product_id) { let arrItem = []; if(sessionStorage.length === 0) { sessionStorage.setItem('products', product_id); } else { arrItem.push(sessionStorage.getItem('products')); arrItem.push(product_id); sessionStorage.setItem('products', arrItem); } return sessionStorage.getItem('products'); } }); $(document).on('click', '.social_share_parent', function (e){ $('.social_share_wrapper_item').toggleClass('show'); }); $('body').on('click', '.quick-view-size-lists li', function (event) { let el = $(this); let value = el.data('displayValue'); let parentWrap = el.parent().parent(); el.addClass('active'); el.siblings().removeClass('active'); parentWrap.find('input[type=text]').val(value); parentWrap.find('input[type=hidden]').val(el.data('value')); // selected attributes selectedAttributeSearch(this); }); function selectedAttributeSearch(selected_item) { /* * search based on all selected attributes * * 1. get all selected attributes in {key:value} format * 2. search in attribute_store for all available matches * 3. display available matches (keep available matches selectable, and rest as disabled) * */ let available_variant_types = []; let selected_options = {}; $('.quick-view-size-lists li').addClass('disabled'); // get all selected attributes in {key:value} format quick_view_available_options.map(function (k, option) { let selected_option = $(option).find('li.active'); let type = selected_option.closest('.quick-view-size-lists').data('type'); let value = selected_option.data('displayValue'); if (type) { available_variant_types.push(type); } if (type && value) { selected_options[type] = value; } }); quickViewSyncImage(get_quick_view_selected_options()); quickViewSyncPrice(get_quick_view_selected_options()); quickViewSyncStock(get_quick_view_selected_options()); // search in attribute_store for all available matches let available_variants_selection = []; let selected_attributes_by_type = {}; quick_view_attribute_store.map(function (arr) { let matched = true; Object.keys(selected_options).map(function (type) { if (arr[type] !== selected_options[type]) { matched = false; } }) if (matched) { available_variants_selection.push(arr); // insert as {key: [value, value...]} Object.keys(arr).map(function (type) { // not array available for the given key if (!selected_attributes_by_type[type]) { selected_attributes_by_type[type] = [] } // insert value if not inserted yet if (selected_attributes_by_type[type].indexOf(arr[type]) <= -1) { selected_attributes_by_type[type].push(arr[type]); } }) } window.quick_view_selected_variant = selected_attributes_by_type; }); // selected item not contain product then de-select all selected option hare if (Object.keys(selected_attributes_by_type).length == 0) { $('.quick-view-size-lists li.active').each(function () { let sizeItem = $(this).parent().parent(); sizeItem.find('input[type=hidden]').val(''); sizeItem.find('input[type=text]').val(''); }); $('.quick-view-size-lists li.active').removeClass("active"); $('.quick-view-size-lists li.disabled').removeClass("disabled"); let el = $(selected_item); let value = el.data('displayValue'); let parentWrap = el.parent().parent(); el.addClass("active"); el.siblings().removeClass('active'); selectedAttributeSearch(); parentWrap.find('input[type=text]').val(value); parentWrap.find('input[type=hidden]').val(el.data('value')); } // keep only available matches selectable Object.keys(selected_attributes_by_type).map(function (type) { // initially, disable all buttons $('.quick-view-size-lists[data-type="' + type + '"] li').addClass('disabled'); // make buttons selectable for the available options selected_attributes_by_type[type].map(function (value) { let available_buttons = $('.quick-view-size-lists[data-type="' + type + '"] li[data-display-value="' + value + '"]'); available_buttons.map(function (key, el) { $(el).removeClass('disabled'); }) }) }); // todo check is empty object // selected_attributes_by_type } function quickViewSyncImage(selected_options) { //todo fire when attribute changed let hashed_key = getQuickViewSelectionHash(selected_options); let product_image_el = $('.quick-view-long-img img'); let img_original_src = product_image_el.parent().data('src'); // if selection has any image to it if (quick_view_additional_info_store[hashed_key]) { let attribute_image = quick_view_additional_info_store[hashed_key].image; if (attribute_image) { product_image_el.attr('src', attribute_image); } } else { product_image_el.attr('src', img_original_src); } } function quickViewSyncPrice(selected_options) { let hashed_key = getQuickViewSelectionHash(selected_options); let product_price_el = $('#quick-view-price'); let product_main_price = Number(String(product_price_el.data('mainPrice'))).toFixed(2); let site_currency_symbol = product_price_el.data('currencySymbol'); // if selection has any additional price to it if (quick_view_additional_info_store[hashed_key]) { let attribute_price = quick_view_additional_info_store[hashed_key]['additional_price']; if (attribute_price) { let price = Number(product_main_price) + Number(attribute_price); product_price_el.text(site_currency_symbol + Number(price).toFixed(2)); } } else { product_price_el.text(site_currency_symbol + product_main_price); } } function quickViewSyncStock(selected_options) { let hashed_key = getQuickViewSelectionHash(selected_options); let product_stock_el = $('#quick_view_stock'); let product_item_left_el = $('#quick_view_item_left'); // if selection has any size and color to it if (quick_view_additional_info_store[hashed_key]) { let stock_count = quick_view_additional_info_store[hashed_key]['stock_count']; let stock_message = ''; if (Number(stock_count) > 0) { stock_message = `<span class="text-success">In Stock</span>`; product_item_left_el.text(`Only! ${stock_count} Item Left!`); product_item_left_el.addClass('text-success'); product_item_left_el.removeClass('text-danger'); } else { stock_message = `<span class="text-danger">Our fo Stock</span>`; product_item_left_el.text(`No Item Left!`); product_item_left_el.addClass('text-danger'); product_item_left_el.removeClass('text-success'); } product_stock_el.html(stock_message); }else{ product_stock_el.html(product_stock_el.data("stock-text")) product_item_left_el.html(product_item_left_el.data("stock-text")) } } function attributeSelected() { let total_options_count = $('.quick-view-size-lists').length; let selected_options_count = $('.quick-view-size-lists li.active').length; return total_options_count === selected_options_count; } function addslashes(str) { return (str + '').replace(/[\\"']/g, '\\$&').replace(/\u0000/g, '\\0'); } function getQuickViewSelectionHash(selected_options) { return MD5(JSON.stringify(selected_options)); } function get_quick_view_selected_options() { let selected_options = {}; var quick_view_available_options = $('.quick-view-value-input-area'); // get all selected attributes in {key:value} format quick_view_available_options.map(function (k, option) { let selected_option = $(option).find('li.active'); let type = selected_option.closest('.quick-view-size-lists').data('type'); let value = selected_option.data('displayValue'); if (type && value) { selected_options[type] = value; } }); let ordered_data = {}; let selected_options_keys = Object.keys(selected_options).sort(); selected_options_keys.map(function (e) { ordered_data[e] = selected_options[e]; }); return ordered_data; } function getQuickViewAttributesForCart() { let selected_options = get_quick_view_selected_options(); let cart_selected_options = selected_options; let hashed_key = getQuickViewSelectionHash(selected_options); // if selected attribute set is available if (quick_view_additional_info_store[hashed_key]) { return quick_view_additional_info_store[hashed_key]['pid_id']; } // if selected attribute set is not available if (Object.keys(selected_options).length) { toastr.error('Attribute not available') } return ''; } function quickViewValidateSelectedAttributes() { let selected_options = get_quick_view_selected_options(); let hashed_key = getQuickViewSelectionHash(selected_options); // validate if product has any attribute if (quick_view_attribute_store.length) { if (!Object.keys(selected_options).length) { return false; } if (!quick_view_additional_info_store[hashed_key]) { return false; } return !!quick_view_additional_info_store[hashed_key]['pid_id']; } return true; } $(document).on('click', '.quick_view_add_to_cart', function (e) { e.preventDefault(); let quick_view_has_campaign = '0'; let quick_view_campaign_expired = '0'; if(quick_view_has_campaign === 1){ if (quick_view_campaign_expired === 0){ toastr.error('The campaign is over, Sorry! you can not cart this product'); return false; } } let selected_size = $('#selected_size').val(); let selected_color = $('#selected_color').val(); let pid_id = getQuickViewAttributesForCart(); let product_id = quick_view_product_id; let quantity = Number($('#quick-view-quantity').val().trim()); let price = $('#price').text().split(site_currency_symbol)[1]; let attributes = {}; let product_variant = pid_id; let productAttribute = quick_view_selected_variant; attributes['price'] = price; // if selected attribute is a valid product item if (quickViewValidateSelectedAttributes()) { $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/cart/add', type: 'POST', data: { product_id: product_id, quantity: quantity, pid_id: pid_id, product_variant: product_variant, selected_size: selected_size, selected_color: selected_color, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, beforeSend: function () { CustomLoader.start(); }, success: function (data) { CustomLoader.end(); if (data.quantity_msg) { CustomSweetAlertTwo.warning(data.quantity_msg); } else if(data.error_msg) { CustomSweetAlertTwo.error(data.error_msg); CustomLoader.end(); } else { CustomSweetAlertTwo.success(data.msg); SohanCustom.load_topbar_cart_nad_wishlist(); $('.track-icon-list').hide(); $('.track-icon-list').fadeIn(); } }, erorr: function (err) { toastr.error('An error occurred') } }); } else { toastr.error('Select all attribute to proceed') } }); $(document).on('click', '.quick_view_add_to_wishlist', function (e) { e.preventDefault(); let quick_view_has_campaign = '0'; let quick_view_campaign_expired = '0'; if(quick_view_has_campaign === 1){ if (quick_view_campaign_expired === 0){ toastr.error('The campaign is over, Sorry! you can not cart this product'); return false; } } let selected_size = $('#selected_size').val(); let selected_color = $('#selected_color').val(); let pid_id = getQuickViewAttributesForCart(); let product_id = quick_view_product_id; let quantity = Number($('#quick-view-quantity').val().trim()); let price = $('#price').text().split(site_currency_symbol)[1]; let attributes = {}; let product_variant = pid_id; let productAttribute = quick_view_selected_variant; attributes['price'] = price; // if selected attribute is a valid product item if (quickViewValidateSelectedAttributes()) { $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/wishlist/add', type: 'POST', data: { product_id: product_id, quantity: quantity, pid_id: pid_id, product_variant: product_variant, selected_size: selected_size, selected_color: selected_color, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, beforeSend: function () { CustomLoader.start(); }, success: function (data) { CustomLoader.end(); if (data.quantity_msg) { CustomSweetAlertTwo.warning(data.quantity_msg) } else if(data.error_msg) { CustomSweetAlertTwo.error(data.error_msg) CustomLoader.end(); } else { CustomSweetAlertTwo.success(data.msg) SohanCustom.load_topbar_cart_nad_wishlist(); } }, erorr: function (err) { CustomSweetAlertTwo.error('An error occurred') } }); } else { CustomSweetAlertTwo.error('Select all attribute to proceed') } }); $(document).on('click', '.quick_view_but_now', function (e) { e.preventDefault(); let quick_view_has_campaign = '0'; let quick_view_campaign_expired = '0'; if(quick_view_has_campaign === 1){ if (quick_view_campaign_expired === 0){ toastr.error('The campaign is over, Sorry! you can not cart this product'); return false; } } let selected_size = $('#selected_size').val(); let selected_color = $('#selected_color').val(); let pid_id = getQuickViewAttributesForCart(); let product_id = quick_view_product_id; let quantity = Number($('#quick-view-quantity').val().trim()); let price = $('#price').text().split(site_currency_symbol)[1]; let attributes = {}; let product_variant = pid_id; let productAttribute = quick_view_selected_variant; attributes['price'] = price; // if selected attribute is a valid product item if (quickViewValidateSelectedAttributes()) { $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/cart/add', type: 'POST', data: { product_id: product_id, quantity: quantity, pid_id: pid_id, product_variant: product_variant, selected_size: selected_size, selected_color: selected_color, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, beforeSend: function () { CustomLoader.start(); }, success: function (data) { if (data.quantity_msg) { CustomSweetAlertTwo.warning(data.quantity_msg); } else if(data.error_msg) { CustomSweetAlertTwo.error(data.error_msg); CustomLoader.end(); } else { CustomSweetAlertTwo.success(data.msg); SohanCustom.load_topbar_cart_nad_wishlist(); } setTimeout(()=>{ location.href = "https://pathology.utilitarianconferences.com/shop/checkout"; }, 2000) }, erorr: function (err) { CustomSweetAlertTwo.error('An error occurred'); } }); } else { CustomSweetAlertTwo.error('Select all attribute to proceed'); } }); /* ======================================== Product Quantity JS ========================================*/ $(document).on('click', '.quick-view-plus', function () { var selectedInput = $(this).prev('.quick-view-quantity-input'); if (selectedInput.val()) { selectedInput[0].stepUp(1); } }); $(document).on('click', '.quick-view-substract', function () { var selectedInput = $(this).next('.quick-view-quantity-input'); if (selectedInput.val() > 1) { selectedInput[0].stepDown(1); } }); $(document).on('click', '.top_right_close_table_cart', function (e){ let el = $(this); let product_hash_id = el.data('product_hash_id'); console.log(product_hash_id) $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/cart/product/delete', type: 'GET', data: { 'product_hash_id': product_hash_id, }, beforeSend: function (){ CustomLoader.start(); }, success: function (data){ CustomLoader.end(); if (data.msg) { CustomSweetAlertTwo.success(data.msg) SohanCustom.load_topbar_cart_nad_wishlist(); if (data.empty_cart !== '') { $('.cart-main-wrapper').html(data.empty_cart).hide(); $('.cart-main-wrapper').fadeIn(); } $('.coupon-contents').parent().load(location.href + " .coupon-contents"); $('.track-icon-list').load(location.href + " .track-icon-list"); $('.custom--table.table-border.radius-10').parent().load(location.href + " .custom--table.table-border.radius-10"); $('.close-overlay').removeClass('show'); } }, error: function (data){ CustomSweetAlertTwo.error(data.msg) } }) }); $(document).on('click', '.top_right_close_table_wishlist', function (e){ let el = $(this); let product_hash_id = el.data('product_hash_id'); $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/wishlist/product/delete', type: 'GET', data: { 'product_hash_id': product_hash_id, }, beforeSend: function (){ CustomLoader.start(); }, success: function (data){ if (data.msg) { SohanCustom.load_topbar_cart_nad_wishlist(); CustomSweetAlertTwo.success(data.msg) CustomLoader.end(); if (data.empty_cart !== '') { $('.cart-main-wrapper').html(data.empty_cart).hide(); $('.cart-main-wrapper').fadeIn(); } $('.track-icon-list').load(location.href + " .track-icon-list"); $('.custom--table.table-border.radius-10').parent().load(location.href + " .custom--table.table-border.radius-10"); $('.close-overlay').removeClass('show'); } }, error: function (data){ CustomLoader.end(); } }) }); </script> <script> (function ($) { 'use strict' $("#product_quick_view .modal-content.p-5").niceScroll(); let site_currency_symbol = '£'; $('body').on('click', '.quick-view-size-lists li', function (event) { let el = $(this); let value = el.attr('data-display-value'); let parentWrap = el.parent().parent(); el.addClass('active'); el.siblings().removeClass('active'); // selected attributes selectedAttributeSearch(this); }); function selectedAttributeSearch(selected_item) { /* * search based on all selected attributes * * 1. get all selected attributes in {key:value} format * 2. search in attribute_store for all available matches * 3. display available matches (keep available matches selectable, and rest as disabled) * */ let available_variant_types = []; let selected_options = {}; // get all selected attributes in {key:value} format quick_view_available_options.map(function (k, option) { let selected_option = $(option).find('li.active'); let type = selected_option.closest('.quick-view-size-lists').data('type'); let value = selected_option.data('displayValue'); if (type) { available_variant_types.push(type); } if (type && value) { selected_options[type] = value; } }); quickViewSyncImage(get_quick_view_selected_options()); quickViewSyncPrice(get_quick_view_selected_options()); // search in attribute_store for all available matches let available_variants_selection = []; let selected_attributes_by_type = {}; quick_view_attribute_store.map(function (arr) { let matched = true; Object.keys(selected_options).map(function (type) { if (arr[type] !== selected_options[type]) { matched = false; } }) if (matched) { available_variants_selection.push(arr); // insert as {key: [value, value...]} Object.keys(arr).map(function (type) { // not array available for the given key if (!selected_attributes_by_type[type]) { selected_attributes_by_type[type] = [] } // insert value if not inserted yet if (selected_attributes_by_type[type].indexOf(arr[type]) <= -1) { selected_attributes_by_type[type].push(arr[type]); } }) } }); // selected item not contain product then de-select all selected option hare if (Object.keys(selected_attributes_by_type).length == 0) { $('.quick-view-size-lists li.active').each(function () { let sizeItem = $(this).parent().parent(); sizeItem.find('input[type=hidden]').val(''); sizeItem.find('input[type=text]').val(''); }); $('.quick-view-size-lists li.active').removeClass("active"); $('.quick-view-size-lists li.disabled-option').removeClass("disabled-option"); let el = $(selected_item); let value = el.data('displayValue'); el.addClass("active"); $(this).find('input[type=hidden]').val(value); $(this).find('input[type=text]').val(el.data('value')); selectedAttributeSearch(); } // keep only available matches selectable Object.keys(selected_attributes_by_type).map(function (type) { // initially, disable all buttons $('.quick-view-size-lists[data-type="' + type + '"] li').addClass('disabled-option'); // make buttons selectable for the available options selected_attributes_by_type[type].map(function (value) { let available_buttons = $('.quick-view-size-lists[data-type="' + type + '"] li[data-display-value="' + value + '"]'); available_buttons.map(function (key, el) { $(el).removeClass('disabled-option'); }) }) }); // todo check is empty object // selected_attributes_by_type } function quickViewSyncImage(selected_options) { //todo fire when attribute changed let hashed_key = getQuickViewSelectionHash(selected_options); let product_image_el = $('.quick-view-long-img img'); let img_original_src = product_image_el.parent().data('src'); // if selection has any image to it if (quick_view_additional_info_store[hashed_key]) { let attribute_image = quick_view_additional_info_store[hashed_key].image; if (attribute_image) { product_image_el.attr('src', attribute_image); } } else { product_image_el.attr('src', img_original_src); } } function quickViewSyncPrice(selected_options) { let hashed_key = getQuickViewSelectionHash(selected_options); let product_price_el = $('#quick-view-price'); let product_main_price = Number(String(product_price_el.data('mainPrice'))).toFixed(2); let site_currency_symbol = product_price_el.data('currencySymbol'); // if selection has any additional price to it if (quick_view_additional_info_store[hashed_key]) { let attribute_price = quick_view_additional_info_store[hashed_key]['additional_price']; if (attribute_price) { let price = Number(product_main_price) + Number(attribute_price); product_price_el.text(site_currency_symbol + Number(price).toFixed(2)); } } else { product_price_el.text(site_currency_symbol + product_main_price); } } $('body').on('click', '.add_to_cart_single_page_quick_view',function (e) { e.preventDefault(); let selected_size = $('#quick_view_selected_size').val(); let selected_color = $('#quick_view_selected_color').val(); $(".quick-view-size-lists.active") let pid_id = getQuickViewAttributesForCart(); let product_id = $(this).data('id'); let quantity = Number($('#quick-view-quantity').val().trim()); let price = $('#quick-view-price').text().split(site_currency_symbol)[1]; let attributes = {}; let product_variant = pid_id; attributes['price'] = price; // if selected attribute is a valid product item if (quickViewValidateSelectedAttributes()) { $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/cart/add', type: 'POST', data: { product_id: product_id, quantity: quantity, pid_id: pid_id, product_variant: product_variant, selected_size: selected_size, selected_color: selected_color, attributes: attributes, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, success: function (data) { CustomSweetAlertTwo.success(data.msg) if (data.quantity_msg) { CustomSweetAlertTwo.warning(data.quantity_msg) } refreshShippingDropdown(); }, erorr: function (err) { CustomSweetAlertTwo.error('An error occurred') } }); } else { CustomSweetAlertTwo.error('Select all attribute to proceed') } }); let productQuickViewModel = document.getElementById("product_quick_view"); let defaultQuickViewModel = document.getElementById("quick_view"); window.onclick = function (event){ if(productQuickViewModel == event.target){ $("#product_quick_view").fadeOut(); setTimeout(function (){ $("#product_quick_view").empty(); },200); }else if(defaultQuickViewModel == event.target){ $("#quick_view").fadeOut(); $("#quick_view").removeClass('show'); $(".modal-backdrop").fadeOut(); } $("html body").removeClass("stop-scroll") } $(document).on('click','.add_to_cart_ajax', function (e) { e.preventDefault(); let product_id = $(this).data('id'); let quickViewQty = $("#quantity_single_quick_view_btn").val(); quickViewQty = quickViewQty != undefined ? quickViewQty.trim() : 1; let quantity = Number(quickViewQty); $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/cart/add', type: 'POST', data: { product_id: product_id, quantity: quantity, product_attributes: null, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, success: function (data) { CustomSweetAlertTwo.success(data.msg) if (data.quantity_msg) { CustomSweetAlertTwo.warning(data.quantity_msg) } refreshShippingDropdown(); }, erorr: function (err) { CustomSweetAlertTwo.error('Something went wrong') } }); }); // open modal with product quick view $(document).on("click",".product-quick-view-ajax",function (){ let action_route = $(this).data('action-route'); // let product_id = $(this).data('id'); // get_campaign_product_end_date_show_timer(product_id); let icon = $(this).find("i"); let oldIconClass = icon.attr("class"); icon.attr("class","las la-spinner icon la-spin"); $.ajax({ url: action_route, type: 'GET', success: function (data) { icon.attr("class",oldIconClass); $("#product_quick_view").html(data); $("#product_quick_view").fadeIn(); $("html body").addClass("stop-scroll") $('.global-timer').syotimer({ year: year, month: month, day: day, }); }, erorr: function (err) { CustomSweetAlertTwo.error('Something went wrong') } }); }); // close quick view details model and make empty $(document).on("click","#product_quick_view .quick-view-close-btn",function (){ $("#product_quick_view").fadeOut(); setTimeout(function (){ $("#product_quick_view").empty(); },200); }); $(document).on("click","#quick_view .quick-view-close-btn",function (){ $("#quick_view").fadeOut(); $("#quick_view").removeClass('show'); $(".modal-backdrop").fadeOut(); }); $(document).on('click','.quick-view', function (e) { e.preventDefault(); //todo: work on showing campaign date countdown let data = $(this).data(); let rating = $(this).data('rating'); let stock_msg = "Item is not available in stock"; let stock_msg_type = "text-danger"; let quick_view = $('#quick_view'); quick_view.find('.flash-countdown-wrapper').hide(); if(data.iscampaign){ quick_view.find('.flash-countdown-title').text(data.campaigntitle); quick_view.find('.flash-countdown-product-2').attr('data-date',data.campaigndate); let coundClass = quick_view.find('.flash-countdown-product-2'); let oldId = quick_view.find('.flash-countdown-product-2').attr('id'); coundClass.removeClass(oldId); oldId = oldId.substr(35); let newClassGen = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15); coundClass.addClass(oldId+newClassGen); coundClass.attr('id',oldId+newClassGen); loopcounter(quick_view.find('.flash-countdown-product-2').attr('id')); quick_view.find('.flash-countdown-wrapper').show(); } quick_view.find('a.add-to-cart').data('id', data['id']); quick_view.find('.title').text(data['title']); quick_view.find('.info').text(data['summary']); quick_view.find('.del_price').text(data['price']); quick_view.find('.sale_price').text(data['salePrice']); quick_view.find('.product_category').text(data['category']); quick_view.find('.product_category').attr('href', data['categoryUrl']); quick_view.find('.product-img img').attr('src', data['image']); quick_view.find('.sku_wrapper .sku').text(data['inventory']); quick_view.find('.badge-tag').text(data['badge']); if(data['campaignPercentage']){ quick_view.find('.discount-tag').text(data['campaignPercentage']); }else{ quick_view.find('.discount-tag').text(''); } quick_view.find('#unit').text(data['unit']); quick_view.find('#uom').text(data['uom']); // inventory if (data['inStock']) { stock_msg = "In stock " + data['inStock']; stock_msg_type = "text-success"; } quick_view.find('.is_available').text(stock_msg); quick_view.find('.is_available').addClass(stock_msg_type); if (data['inventory'] && data['inventory'].length) { quick_view.find('.sku_wrapper').show(); } // subcategory let subcategory_html = ''; let subcategory = data['subcategory']; for (let i = 0; i < subcategory.length; i++) { let comma = ''; if (i < subcategory.length - 1) { comma += ', '; } subcategory_html += '<a href="' + subcategory[i]['url'] + '" class="tag-btn" rel="tag">' + subcategory[i]['name'] + '</a>' + comma; } quick_view.find('.subcategory_container').html(subcategory_html); if (!subcategory_html.length) { quick_view.find('.product-details-tag-and-social-link').hide(); } else { quick_view.find('.product-details-tag-and-social-link').show(); } if (subcategory_html.length <= 0) { $('.productview_subcategory').hide(); } else { $('.productview_subcategory').show() } // rating let rating_html = ''; for (let i = 0; i < Number(rating); i++) { rating_html += '<i class="las la-star icon"></i>'; } for (let i = Math.ceil(Number(rating)); i < 5; i++) { rating_html += '<i class="lar la-star icon"></i>'; } quick_view.find('.ratings').html(rating_html); if (Number(rating)) { quick_view.find('.ratings').show(); } else { quick_view.find('.ratings').hide(); } // quick_view.modal('show'); $("#quick_view").fadeIn(); $("#quick_view").addClass('show'); $(".modal-backdrop").fadeIn(); }); $(document).ready(function () { refreshShippingDropdown(); $('.add_to_cart_ajax_with_quantity').on('click', function (e) { e.preventDefault(); let product_id = $(this).data('id'); let quantity = $(this).closest('.product_card').find('.hover-content .qty_').val(); $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/cart/add', type: 'POST', data: { product_id: product_id, quantity: quantity, product_attributes: null, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, success: function (data) { if(data.type == 'danger'){ CustomSweetAlertTwo.error(data.msg); }else{ CustomSweetAlertTwo.success(data.msg); } if (data.quantity_msg) { CustomSweetAlertTwo.warning(data.quantity_msg); } refreshShippingDropdown(); }, erorr: function (err) { CustomSweetAlertTwo.error('Something went wrong'); } }); }); $('.attribute input[type=radio]').on('click', function () { let attribute_img_el = $('.attribute_img'); let total_extra = 0; let main_price = Number($('#price').data('mainPrice')); let all_checked = $('.attribute input[type=radio]:checked'); // image if ($(this).data('attrImage')) { attribute_img_el.attr('src', $(this).data('attrImage')).show(); attribute_img_el.closest('.single-main-image').find('.magnific').attr('href', $(this).data('attrImage')); attribute_img_el.prev().hide(); } else { attribute_img_el.hide(); attribute_img_el.prev().show(); } //price for (let i = 0; i < all_checked.length; i++) { total_extra += Number($(all_checked[i]).siblings('span').data('extra')); } let new_price = main_price + total_extra; $('#price').text(site_currency_symbol + parseFloat(new_price).toFixed(2)); }); $('.add_to_wishlist_ajax').on('click', function (e) { e.preventDefault(); let product_id = $(this).data('id'); $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/product/wishlist/add', type: 'POST', data: { product_id: product_id, quantity: 1, pid_id: null, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, success: function (data) { CustomSweetAlertTwo.success(data.msg) }, erorr: function (err) { CustomSweetAlertTwo.error('Something went wrong') } }); }); $('.nav_search_btn').on('click', function (e) { e.preventDefault(); if ($('.search_bar .form-group .form-control').val().length) { $('#product_search_form').trigger('submit'); } else { $('.search_bar .form-group').toggle('fast', 'swing'); } }); // view data with $('.add_to_compare_ajax').on('click', function (e) { e.preventDefault(); let product_id = $(this).data('id'); $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/compare/items', type: 'POST', data: { product_id: product_id, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, success: function (data) { if (data) { CustomSweetAlertTwo.success('Item added to compare') } }, erorr: function (err) { CustomSweetAlertTwo.error('Something went wrong') } }); }); $('body').on('click','.add_to_compare_ajax_single_page_quick_view', function (e) { e.preventDefault(); let product_id = $(this).data('id'); $.ajax({ url: 'https://pathology.utilitarianconferences.com/shop/compare/items', type: 'POST', data: { product_id: product_id, _token: 'WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC' }, success: function (data) { if (data) { CustomSweetAlertTwo.success('Item added to compare') } }, erorr: function (err) { CustomSweetAlertTwo.error('Something went wrong') } }); }); $(document).on('click', '.quick-view', function (e) { e.preventDefault(); loadProductAttributeHtml($(this).data('slug')); }); $(document).on('click', '#close_search_dropdown', function (e) { $('.category-searchbar').hide(); }); $(document).on('focus', '#search_form_input', function (e) { if ($('#search_result_categories').html().length && $('#search_result_products').html().length) { $('.category-searchbar').show(); } }); /* Nice Scroll */ $(".category-searchbar").niceScroll({}); }); function refreshShippingDropdown() { } function loadFilterData(url) { $('.lds-ellipsis').show(); $.ajax({ url: url, type: 'GET', success: function (data) { if (data) { $('#product_filter_section').html(data); $('.lds-ellipsis').hide(); } }, erorr: function (err) { CustomSweetAlertTwo.error('Something went wrong') $('.lds-ellipsis').hide(); } }); } })(jQuery) function attributeSelected() { let total_options_count = $('.quick-view-size-lists').length; let selected_options_count = $('.quick-view-size-lists li.active').length; return total_options_count === selected_options_count; } function addslashes(str) { return (str + '').replace(/[\\"']/g, '\\$&').replace(/\u0000/g, '\\0'); } function getQuickViewSelectionHash(selected_options) { return MD5(JSON.stringify(selected_options)); } function get_quick_view_selected_options() { let selected_options = {}; var quick_view_available_options = $('.quick-view-value-input-area'); // get all selected attributes in {key:value} format quick_view_available_options.map(function (k, option) { let selected_option = $(option).find('li.active'); let type = selected_option.closest('.quick-view-size-lists').data('type'); let value = selected_option.data('displayValue'); if (type && value) { selected_options[type] = value; } }); let ordered_data = {}; let selected_options_keys = Object.keys(selected_options).sort(); selected_options_keys.map(function (e) { ordered_data[e] = selected_options[e]; }); return ordered_data; } function getQuickViewAttributesForCart() { let selected_options = get_quick_view_selected_options(); let cart_selected_options = selected_options; let hashed_key = getQuickViewSelectionHash(selected_options); // if selected attribute set is available if (quick_view_additional_info_store[hashed_key]) { return quick_view_additional_info_store[hashed_key]['pid_id']; } // if selected attribute set is not available if (Object.keys(selected_options).length) { CustomSweetAlertTwo.error('Attribute not available') } return ''; } function send_ajax_response_get_response(type,url){ $.ajax({ url: url, type: type, data: { style: "two", limit: $(".product-filter-two-wrapper").data("item-limit") }, headers: { 'X-CSRF-TOKEN': "WH8KiBA8TiHqd0I3O55gAXqWLTX4n2FZYM2sxHlC", }, beforeSend:function (){ $(".product-filter-two-wrapper").attr("style","height:912px"); $(".filter-style-block-preloader.lds-ellipsis").show(); }, success: function (data) { $(".filter-style-block-preloader.lds-ellipsis").hide(300); $(".product-filter-two-wrapper").removeAttr("style"); $(".product-filter-two-wrapper").html(data).removeAttr("style"); if(data.success == false){ CustomSweetAlertTwo.warning('There something is wrong please try again') } }, erorr: function (err) { $(".product-filter-two-wrapper").removeAttr("style"); $(".filter-style-block-preloader.lds-ellipsis").hide(300); CustomSweetAlertTwo.error('An error occurred') } }); } function quickViewValidateSelectedAttributes() { let selected_options = get_quick_view_selected_options(); let hashed_key = getQuickViewSelectionHash(selected_options); // validate if product has any attribute if (quick_view_attribute_store.length) { if (!Object.keys(selected_options).length) { return false; } if (!quick_view_additional_info_store[hashed_key]) { return false; } return !!quick_view_additional_info_store[hashed_key]['pid_id']; } return true; } </script> <script> function updateCurrency() { const currencyRadio = document.querySelector('input[name="currency"]:checked'); const currencyRate = parseFloat(currencyRadio.getAttribute('data-rate')); const currencySymbol = currencyRadio.getAttribute('data-symbol'); // Update prices in checkbox options document.querySelectorAll('input[name="checkboxOption"]').forEach(checkbox => { const originalValue = parseFloat(checkbox.value); const convertedValue = (originalValue * currencyRate).toFixed(2); checkbox.nextSibling.textContent = ` ${currencySymbol}${convertedValue}`; }); calculateTotal(); } function selectCheckbox(checkbox) { checkboxes.forEach(box => { if (box !== checkbox) { box.checked = false; box.parentNode.classList.remove('highlighted-checkbox'); } }); calculateTotal(); } function highlightSelected(selectedRadio) { // Remove the highlight from all radio buttons document.querySelectorAll('input[name="checkboxOption"]').forEach(function(radio) { radio.closest('span').classList.remove('highlighted'); }); // Add the highlight to the selected radio button's span selectedRadio.closest('span').classList.add('highlighted'); } function toggleCheckboxBackground(checkbox) { if (checkbox.checked) { checkbox.parentNode.classList.add('highlighted-checkbox'); } else { checkbox.parentNode.classList.remove('highlighted-checkbox'); } } document.querySelectorAll('input[name="currency"]').forEach(radio => { radio.addEventListener('change', function() { document.getElementById('selectedCurrency').value = this.value; }); }); function calculateTotal() { let totalPrice = 0; let selectedOptions = []; const currencyRadio = document.querySelector('input[name="currency"]:checked'); const currencySymbol = currencyRadio.getAttribute('data-symbol'); // const currencyRate = parseFloat(currencyRadio.value); const currencyRate = parseFloat(currencyRadio.getAttribute('data-rate')); // Checkbox options document.querySelectorAll('input[name="checkboxOption"]:checked').forEach(checkbox => { const value = parseFloat(checkbox.value) * currencyRate; const totalParticipants = parseInt(document.getElementById('totalParticipants').value); const checkboxTotal = value * totalParticipants; totalPrice += checkboxTotal; selectedOptions.push(`${checkbox.getAttribute('data-label')} x ${totalParticipants} participants = ${currencySymbol}${checkboxTotal.toFixed(2)}`); }); document.getElementById('totalPrice').textContent = `${currencySymbol}${totalPrice.toFixed(2)}`; // Update the <ul> with selected options const selectedOptionsUl = document.getElementById('selectedOptions'); selectedOptionsUl.innerHTML = ''; // Clear existing content selectedOptions.forEach(option => { const li = document.createElement('li'); li.textContent = option; selectedOptionsUl.appendChild(li); }); // Display total const totalPriceElement = document.getElementById('totalPrice'); totalPriceElement.textContent = `${currencySymbol}${totalPrice.toFixed(2)}`; // Update total_amount hidden input document.querySelector('input[name="event_total_amount"]').value = totalPrice.toFixed(2); // Insert the selected options as a string in the input field const detailsInput = document.getElementById('details'); detailsInput.value = selectedOptions.join(', '); const selectedOptionsText = selectedOptionsList.querySelectorAll('li').map(li => li.textContent).join(', '); return totalPrice; } calculateTotal(); updateCurrency(); $(document).ready(function() { let form = $('.event_order_form'); let ticket_price = form.find('.ticket_price'); let ticket_qty = form.find('.ticket_qty'); let total_amount = form.find('.total_amount'); let initialTotal = calculateTotal(); // Call calculateTotal on input changes $(document).on('change', 'input[name="radioOption"], input[name="checkboxOption"], #dropdownMenu, #dropdownCheckIn, #dropdownCheckOut, #dropdownParticipants, #dropdownAccompanying, #additionalCheckbox1, #additionalCheckbox2, #dropdown2', calculateTotal); // Update total amount on quantity changes $(document).on('keyup', '.qty_input', function() { const qty = $(this).val(); const ticketPrice = parseFloat($('.ticket_price').text()); const totalAmount = qty * ticketPrice; $('.ticket_qty').text(qty); $('.total_amount').text(totalAmount.toFixed(2)); // Update hidden input $('input[name="event_total_ticket_qty"]').val(qty); $('input[name="event_total_amount"]').val(totalAmount.toFixed(2)); }); $(document).on('click', '.qty_minus', function() { const qtyInput = $('.qty_input'); const qty = parseInt(qtyInput.val()) - 1; if (qty > 0) { qtyInput.val(qty); const ticketPrice = parseFloat($('.ticket_price').text()); const totalAmount = qty * ticketPrice; $('.ticket_qty').text(qty); $('.total_amount').text(totalAmount.toFixed(2)); // Update hidden input $('input[name="event_total_ticket_qty"]').val(qty); $('input[name="event_total_amount"]').val(totalAmount.toFixed(2)); calculateTotal(); } }); $(document).on('click', '.qty_plus', function() { const qtyInput = $('.qty_input'); const qty = parseInt(qtyInput.val()) + 1; qtyInput.val(qty); const ticketPrice = parseFloat($('.ticket_price').text()); const totalAmount = qty * ticketPrice; $('.ticket_qty').text(qty); $('.total_amount').text(totalAmount.toFixed(2)); // Update hidden input $('input[name="event_total_ticket_qty"]').val(qty); $('input[name="event_total_amount"]').val(totalAmount.toFixed(2)); calculateTotal(); }); $(document).on('click', '.payment-gateway-list .single-gateway-item', function() { $('#slected_gateway_from_helper').val($(this).data('gateway')) let gateway = $(this).data('gateway'); if (gateway == 'manual_payment_') { $('.manual_payment_transaction_field').removeClass('d-none'); } else { $('.manual_payment_transaction_field').addClass('d-none'); } }); // calling payment method list $(document).on('click', '.payment-gateway-list > li', function(e) { e.preventDefault(); let gateway = $(this).data('gateway'); if (gateway === 'kinetic') { $('.kinetic_payment_field').removeClass('d-none'); } else { $('.kinetic_payment_field').addClass('d-none'); } $(this).addClass('selected').siblings().removeClass('selected'); $('.payment-gateway-list').find(('input')).val($(this).data('gateway')); $('.payment_gateway_passing_clicking_name').val(gateway); }); }); </script> <script> CustomLoader.start() //For manual and bank transfer $(document).on('click', '.payment-gateway-list .single-gateway-item', function () { let gateway = $(this).data('gateway'); $('#slected_gateway_from_helper').val(gateway); $('.checkout-form').find('.payment_gateway_passing_clicking_name').val(gateway); if (gateway == 'manual_payment_') { $('.manual_payment_transaction_field').removeClass('d-none'); } else { $('.manual_payment_transaction_field').addClass('d-none'); } if (gateway == 'bank_transfer') { $('.bank_payment_field').removeClass('d-none'); } else { $('.bank_payment_field').addClass('d-none'); } }); $(".video-play-btn").magnificPopup({ type: "video" }), $(".image-popup").magnificPopup({ type: "image", gallery: {enabled: !0} }); /* ======================================== agency counter Odometer ======================================== */ $(".single_counter__count").each(function () { $(this).isInViewport(function (status) { if (status === "entered") { for (var i = 0; i < document.querySelectorAll(".odometer").length; i++) { var el = document.querySelectorAll('.odometer')[i]; el.innerHTML = el.getAttribute("data-odometer-final"); } } }); }); /* ======================================== counter Odometer ======================================== */ $(".consulting_single_counter__count").each(function () { console.log('working from footer.php') $(this).isInViewport(function (status) { if (status === "entered") { for (var i = 0; i < document.querySelectorAll(".odometer").length; i++) { var el = document.querySelectorAll('.odometer')[i]; el.innerHTML = el.getAttribute("data-odometer-final"); } } }); }); console.log($(".consulting_single_counter__count").length) $(document).ready(function () { $('.niceSelectt').niceSelect(); loopcounter('flash-countdown'); dynamicLoopCounter('.campaign-countdown'); function dynamicLoopCounter(className) { // todo:: first we need to get length of this class if ($(className).length > 1) { // todo:: we need to create a unique class for each item let commonClass = "countDownTimer-" let loopIndex = 0; $(className).each(function () { loopIndex++; let countDownClass = commonClass + loopIndex; $(this).addClass(countDownClass); loopcounter(countDownClass); }) return "countdown is running"; } // todo:: now remove dot from class name if exist className = className.replace(".", ""); loopcounter(className); } $('.contactArea #check').addClass('form-checkbox'); $('.contactArea #check').removeClass('form-control'); }); /* ======================================== Common Faq accordion ======================================== */ $('.consultingFaq__contents .consultingFaq__title').on('click', function (e) { var element = $(this).parent('.consultingFaq__item'); if (element.hasClass('open')) { element.removeClass('open'); element.find('.consultingFaq__panel').removeClass('open'); element.find('.consultingFaq__panel').slideUp(300); } else { element.addClass('open'); element.children('.consultingFaq__panel').slideDown(300); element.siblings('.consultingFaq__item').children('.consultingFaq__panel').slideUp(300); element.siblings('.consultingFaq__item').removeClass('open'); element.siblings('.consultingFaq__item').find('.consultingFaq__title').removeClass('open'); element.siblings('.consultingFaq__item').find('.consultingFaq__panel').slideUp(300); } }); $(window).on('load', function () { CustomLoader.end() }) </script> </body> </html>