CINXE.COM
Sponsor Registration - 14th Emirates - Pathology, Digital Pathology & Cancer Conference
<!DOCTYPE html> <html lang="en_US" dir="ltr"> <head> <!-- Google tag (gtag.js) --> <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> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/7214805.js"></script> <!-- End of HubSpot Embed Code --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="csrf-token" content="abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo"> <title>Sponsor Registration - 14th Emirates - Pathology, Digital Pathology & Cancer Conference</title> <link rel="canonical" href="https://pathology.utilitarianconferences.com/sponsor-registration"/> <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Sponsor 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"> <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> --> <!-- header-top --> <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> <!-- WhatsApp Floating Button --> <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> <!-- Header Bottom --> <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="logo-wrapper"> <a href="https://pathology.utilitarianconferences.com" class="logo"> <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="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> <!-- Menu Right --> <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="abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo"> <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">Sponsor 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> <input type="radio" name="currency" value="1" data-symbol="$" checked onclick="updateCurrency()"> USD <input type="radio" name="currency" value="0.85" data-symbol="€" onclick="updateCurrency()"> EUR <input type="radio" name="currency" value="0.75" data-symbol="£" onclick="updateCurrency()"> GBP </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"> Booth Setup Cost</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="500" data-label="Booth Setup Cost - Early Bird - £500" onclick="toggleCheckboxBackground(this); calculateTotal()" > £500 <!-- <input type="checkbox" name="checkboxOption" value="500" data-label="Booth Setup Cost - Early Bird - £500" data-base-price="100" onclick="selectCheckbox(this)" onclick="toggleCheckboxBackground(this); calculateTotal()" > £500 --> </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="1000" data-label="Booth Setup Cost - Final Registration - £1,000" onclick="toggleCheckboxBackground(this); calculateTotal()" disabled > £1,000 </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"> Gold Sponsor</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="4000" data-label="Gold Sponsor - Early Bird - £4,000" onclick="toggleCheckboxBackground(this); calculateTotal()" > £4,000 </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="7000" data-label="Gold Sponsor - Final Registration - £7,000" onclick="toggleCheckboxBackground(this); calculateTotal()" disabled > £7,000 </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"> Prime Sponsor</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="6000" data-label="Prime Sponsor - Early Bird - £6,000" onclick="toggleCheckboxBackground(this); calculateTotal()" > £6,000 </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="10000" data-label="Prime Sponsor - Final Registration - £10,000" onclick="toggleCheckboxBackground(this); calculateTotal()" disabled > £10,000 </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);">Select Quantity:</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> <!-- <div class="total"> --> <!-- Total: $<span id="totalPrice" data-base-price="1000" data-amount-with-currency-symbol="1000 $">0</span> --> <!-- <p id="totalPrice" data-base-price="1000" data-amount-with-currency-symbol="1000 $">1000 $</p> --> <!-- </div> --> </ul> </div> <input type="hidden" id="selectedCurrency" name="currency" value="GBP"> <!-- Default value --> <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><b><u><span lang="EN-IN" style="color:red">The benefits of Sponsorship at the 14EPUCG2024 are;</span></u></b></p><p>1. More exposure for an Sponsor through interaction with attendees (Pathologist, Researchers, residents) and 1 hr. workshop in between the sessions (500+ participants & 1000+ viewers)<br> 2. Put your business/products/services front and center on a 3*3-meter product showcase booth (Customizable).<br> 3. Get in front of thousands of audiences in your target market<br> 4. Brand awareness & gain media exposure<br> 5. Opportunity to generate awareness, and boost the perceived image of your business.<br> 6. Increase your reach and exposure to new clients, customers, and businesses<br> 7. Your Organization's name and logo will potentially be used during these outreach campaigns (Over 1 million Pathology Database)<br> 8. Reconnect with customers and engage with an audience through live Q&A, announcements, surveys & feedback<br> 9. To educate your customers about any upcoming upgrades or releases<br></p><p><o:p></o:p></p><p style="background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><b><span style="color:red;mso-ansi-language:EN-US">Booth Setup includes:</span></b><br> Equipment’s & Booth Customization<br> Table, chairs, carpet, table cloth, notes, pens, table nameplate, ID card, tags<br> Professional Photograph & Videography<br> Pre Conference Press Release</p><p><b><span style="color:red;mso-ansi-language:EN-US">GOLD SPONSORS:</span></b><span style="color:red;mso-ansi-language:EN-US"><o:p></o:p></span></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l2 level1 lfo1; tab-stops:list .5in"><!--[if !supportLists]--><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;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><!--[endif]--><b>1. Gift to your attendees in Meeting Hall:</b> You can provide napkins or a gift with your company logo ($20 or less) at your Company’s expense.<o:p></o:p></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l2 level1 lfo1; tab-stops:list .5in"><!--[if !supportLists]--><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;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><!--[endif]--><b>2. Notepads –</b> To write down the important information, attendees use Notepads. As a sponsor, your organization logo will be imprinted on each page of the notepad, along with the UCG logo.<o:p></o:p></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l2 level1 lfo1; tab-stops:list .5in"><!--[if !supportLists]--><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;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><!--[endif]--><b>3. Dinner –</b> You can give a pre-conference dinner to UCG attendees, and your organization logo will be displayed during the Opening Ceremony.</p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l2 level1 lfo1; tab-stops:list .5in"><o:p><span style="font-weight: bolder; text-indent: 0px;"><span style="color: red;">Gold Sponsor includes:</span></span><br style="text-indent: 0px;"><span style="text-indent: 0px;">4 Complimentary Registrations</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">A listing on the website sponsor page</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Attendees Database</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Logo on the Conference Homepage</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">45 Minutes Workshop slot</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Complimentary Advertising Opportunities</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Recognition in all on-site program materials</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Live & On-Demand Videos</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Recognition in posts feeds</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Organization Name will be listed on email campaign</span><br></o:p></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l2 level1 lfo1; tab-stops:list .5in"><b style="font-size: 0.9375rem; text-align: var(--bs-body-text-align);"><span style="color:red;mso-ansi-language:EN-US">PRIME SPONSORS:</span></b><br></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo2; tab-stops:list .5in"><!--[if !supportLists]--><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;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><!--[endif]-->Conference Registration Bags – Display your Company, organization’s name, or logo with the UCG logo on each bag available at registration.<o:p></o:p></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo2; tab-stops:list .5in"><!--[if !supportLists]--><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;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><!--[endif]-->Badge Lanyards – The most visible opportunity; badge lanyards as attendees will wear it throughout the conference. Your organization, the Company logo, will be imprinted on the badge lanyards alongside UCG logo.<o:p></o:p></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo2; tab-stops:list .5in"><!--[if !supportLists]--><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;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><!--[endif]-->Cooling Towels – Your organization, Company logo will be imprinted on cooling towels alongside UCG.<o:p></o:p></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo2; tab-stops:list .5in"><!--[if !supportLists]--><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;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><!--[endif]-->Live & On-Demand Videos – Reach both on-site attendees and attendees who cannot attend the conference in person. UCG plans to live stream the conference sessions and will offer on-demand access to these recorded sessions post-conference. Your Company will receive brand advertising by updating it front and end of the recorded sessions that will be uploaded on our YouTube Channels and available on UCG promotional and informational webpages prior or during the conference. Off-site attendees will have access to the live stream and post-conference recordings and in-person attendees will have access to the post-conference videos.<o:p></o:p></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo2; tab-stops:list .5in"><!--[if !supportLists]--><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;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><!--[endif]-->Water Bottles – Keep UCG attendees hydrated by providing them water bottles as they check-in at the conference. You can choose to provide individual water bottles to the UCG attendees, which they can refill. It can be individually branded, and UCG will thank the sponsor during the Closing Ceremony.<o:p></o:p></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo2; tab-stops:list .5in"><!--[if !supportLists]--><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;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><!--[endif]-->Wi-Fi – Free internet access is mostly requested by UCG attendees to stay connected with their families, colleagues, and do their other important tasks. As a Wi-Fi Sponsor, your company logo will be displayed when some try to log onto the internet.</p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo2; tab-stops:list .5in"><span style="font-weight: bolder; text-indent: 0px;"><span style="color: red;">Prime Sponsor includes:</span></span><br style="text-indent: 0px;"><span style="text-indent: 0px;">6 Complimentary Registrations</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">A listing on the Website Sponsor Page</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Attendees Database</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Logo on the Conference Homepage</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">1 Hour Workshop slot</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Complimentary Advertising Opportunities</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Recognition in all on-site program materials</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Pre & Post-conference email to all</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Logo recognition in conference emails</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Welcome remarks at the opening plenary</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Recognition in Posts Feeds</span><br style="text-indent: 0px;"><span style="text-indent: 0px;">Live & On-Demand Videos</span></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo2; tab-stops:list .5in"><span style="text-indent: 0px;"><br></span><br></p><p style="margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo2; tab-stops:list .5in"><o:p></o:p></p><p style="background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span style="color: red;">Refund and Cancellation Policy:</span><span style="color: red;"><o:p></o:p></span></p><p style="margin-left: 0.5in; text-indent: -0.25in; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><!--[if !supportLists]--><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><!--[endif]--><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: 0.5in; text-indent: -0.25in; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><!--[if !supportLists]--><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><!--[endif]--><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 or opt to attend online.<o:p></o:p></span></p><p class="MsoNormal"> </p><p style="margin-left: 0.5in; text-indent: -0.25in; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><!--[if !supportLists]--><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><!--[endif]--><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><ul style="margin-top:0in" type="disc"> </ul><ul style="margin-top:0in" type="disc"> </ul><ul style="margin-top:0in" type="disc"> </ul> </div> </div> </div> </div> </form> </div> <!-- <div class="col-sm-12"> <div class="btn-wrapper text-center mt-20"> <button type="submit" class="cmn-btn1 w-100 mb-40"></button> <p class="sinUp mb-20"><span>Already have an account ? </span> <a href="https://pathology.utilitarianconferences.com/login" class="singApp">Login</a> </p> </div> </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: "abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo", 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: "abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo", 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: "abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo", 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': "abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo", }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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: 'abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo' }, 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': "abwnZelDNkXLfkfG7B8XxWtaoQdJExavnhzfESUo", }, 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>