مانى
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="google" content="notranslate" />
<meta charset="utf-8" />
<meta name="ServerName" content="Vezeeta 5.0 Node 2" />
<meta name="TimeStamp" content="02/05/2016 09:37:24 ص" />
<meta property="og:type" content="website" />
<meta property="fb:app_id" content="366132763487462" />
<meta property="og:image" content="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Images/fbLogonew.png" />
<link rel="canonical" href="http://www.vezeeta.com/ar/دكتور/امراض-جلدية-و-تناسلية/القاهرة-و-الجيزة/"/>
<title> احجز مع دكتور امراض جلدية و تناسلية اون لاين - فيزيتا</title>
<link rel="alternate" href="http://www.vezeeta.com:80/en/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA" hreflang="en" />
<link href="/bundles/cssrtlVersion57?v=4ZYTsuiRzRLEBy4M5O39grv8Zmrp8L6Um1GeFLnihrs1" rel="stylesheet"/>
<script src="/bundles/allScriptsRTL?v=PPkRfFWII7HTCutOy9n--GsvkbqqdbGmnBMS1GUPT4M1"></script>
<script defer="defer" src="http://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>
<script>
// Desktop - Chrome Version older than 48
if (navigator.userAgent.indexOf('Android') == -1 && navigator.userAgent.indexOf('iPhone') == -1 && navigator.userAgent.indexOf('iPad') == -1 &&
window.location.href.indexOf('/en') == -1) {
var browserVersion = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
if (navigator.userAgent.indexOf('Chrom') > -1 && browserVersion && browserVersion.length > 2 && parseFloat(browserVersion[2]) < 48) {
$('head').append($('<style>input::-webkit-input-placeholder {padding-top: 4px !important; line-height: 1.4em !important;}</style>'));
}
}
// Mobile - English
if ((navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('iPhone') > -1 || navigator.userAgent.indexOf('iPad') > -1) &&
window.location.href.indexOf('/en') > -1) {
var browserVersion = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
if (navigator.userAgent.indexOf('Chrom') > -1 && browserVersion && browserVersion.length > 2 && parseFloat(browserVersion[2]) < 48) {
$('head').append($('<style>input::-webkit-input-placeholder {padding-top: 2px !important; line-height: 1em !important;}</style>'));
}
}
// Mobile - Arabic
if ((navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('iPhone') > -1 || navigator.userAgent.indexOf('iPad') > -1) &&
window.location.href.indexOf('/en') == -1) {
var browserVersion = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
if (navigator.userAgent.indexOf('Chrom') > -1 && browserVersion && browserVersion.length > 2 && parseFloat(browserVersion[2]) < 48) {
$('head').append($('<style>#doctorName::-webkit-input-placeholder {padding-top: 2px !important; line-height: 1.6em !important;}</style>'));
$('head').append($('<style>.tt-input::-webkit-input-placeholder {padding-top: 4px !important; line-height: 1.4em !important;}</style>'));
//$('head').append($('<style>.tt-input{padding-top: 2px !important; line-height: 1.4em !important;}</style>'));
}
}
// Mobile - iOS
if ((navigator.userAgent.indexOf('Android') == -1 && navigator.userAgent.indexOf('iPhone') > -1 && navigator.userAgent.indexOf('Safari') > -1 || navigator.userAgent.indexOf('iPad') > -1)) {
if (window.location.href.indexOf('/en') == -1) {
$('head').append($('<style>#doctorName::-webkit-input-placeholder {padding-top: 2px !important; line-height: 1.6em !important;}</style>'));
$('head').append($('<style>.tt-input::-webkit-input-placeholder {padding-top: 4px !important; line-height: 1.4em !important;}</style>'));
$('head').append($('<style>input::-webkit-input-placeholder {padding-top: 4px !important; line-height: 1.4em !important;}</style>'));
}
else if (window.location.href.indexOf('/en') > -1) {
if (navigator.userAgent.indexOf('Safari') > -1 && navigator.userAgent.indexOf('iPad') > -1) {
$('head').append($('<style>#doctorName::-webkit-input-placeholder {padding-top: 6px !important; line-height: 0.8em !important;font-size: 12px;}</style>'));
$('head').append($('<style>.tt-input::-webkit-input-placeholder {padding-top: 5px !important; line-height: 0.8em !important;}</style>'));
//$('head').append($('<style>.tt-input{padding-top: 8px !important; line-height: 0.8em !important;}</style>'));
} else {
$('head').append($('<style>#doctorName::-webkit-input-placeholder {padding-top: 4px !important; line-height: 0.8em !important;}</style>'));
$('head').append($('<style>.tt-input::-webkit-input-placeholder {padding-top: 6px !important; line-height: 0.8em !important;}</style>'));
//$('head').append($('<style>.tt-input{padding-top: 8px !important; line-height: 0.8em !important;}</style>'));
}
}
}
// Desktop - iOS
if (navigator.userAgent.indexOf('Safari') > -1 && navigator.userAgent.indexOf('iPad') == -1 && navigator.userAgent.indexOf('iphone') == -1 && navigator.userAgent.indexOf('Chrom') == -1) {
if (window.location.href.indexOf('/en') == -1) {
$('head').append($('<style>.tt-input::-webkit-input-placeholder {padding-top: 5px !important; line-height: 1.4em !important;}</style>'));
$('head').append($('<style>#doctorName::-webkit-input-placeholder {padding-top: 4px !important; line-height: 1.4em}</style>'));
$('head').append($('<style>.tt-input{padding-top: 5px !important; line-height: 1.4em !important;}</style>'));
}
}
</script>
<script type="text/javascript">
(function (b, r, a, n, c, h, _, s, d, k) { if (!b[n] || !b[n]._q) { for (; s < _.length;) c(h, _[s++]); d = r.createElement(a); d.async = 1; d.src = "https://cdn.branch.io/branch-v1.7.1.min.js"; k = r.getElementsByTagName(a)[0]; k.parentNode.insertBefore(d, k); b[n] = h } })(window, document, "script", "branch", function (b, r) { b[r] = function () { b._q.push([r, arguments]) } }, { _q: [], _v: 1 }, "init data first addListener removeListener setIdentity logout track link sendSMS referrals credits creditHistory applyCode validateCode getCode redeem banner closeBanner".split(" "), 0);
branch.init('key_live_ekbJVEXi1a7R4Hln32aZUlhoFxf41qIc');
branch.banner({
icon: 'http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appicon.png',
title: 'Vezeeta',
description: 'Download App',
showiOS: true,
showAndroid: true,
showDesktop: false,
forgetHide: 7,
downloadAppButtonText: 'View',
openAppButtonText: 'Open',
customCSS: ' #branch-banner-close{ line-height: 24px; font-size: 26px; color: #333; background: transparent }#branch-mobile-action { top: 0; text-decoration: none; border-bottom: 0px solid #A4C639; padding: 0 10px; height: 24px; line-height: 24px; text-align: center; color: #fff; font-weight: bold; background-color: transparent; border-radius: 5px;} #branch-banner .content .left .details .title { font-size: 20px; font-weight: bold; } #branch-banner .content .left .details .description{ font-size: 14px; } #branch-banner a { color: #216c93; } #branch-banner .content{ background-color: #DCDCDC; }'
}, {});
</script>
<script type="text/javascript">
!function () {
var analytics = window.analytics = window.analytics || []; if (!analytics.initialize) if (analytics.invoked) window.console && console.error && console.error("Segment snippet included twice."); else {
analytics.invoked = !0; analytics.methods = ["trackSubmit", "trackClick", "trackLink", "trackForm", "pageview", "identify", "reset", "group", "track", "ready", "alias", "page", "once", "off", "on"]; analytics.factory = function (t) { return function () { var e = Array.prototype.slice.call(arguments); e.unshift(t); analytics.push(e); return analytics } }; for (var t = 0; t < analytics.methods.length; t++) { var e = analytics.methods[t]; analytics[e] = analytics.factory(e) } analytics.load = function (t) { var e = document.createElement("script"); e.type = "text/javascript"; e.async = !0; e.src = ("https:" === document.location.protocol ? "https://" : "http://") + "cdn.segment.com/analytics.js/v1/" + t + "/analytics.min.js"; var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(e, n) }; analytics.SNIPPET_VERSION = "3.1.0";
analytics.load("G6n8p7b9c8hsVP4zZwTNFhGBrxDuAsaP"); // Live
analytics.page()
}
}();
</script>
<!-- Start Visual Website Optimizer Asynchronous Code -->
<script type='text/javascript'>
var _vwo_code = (function () {
var account_id = 76462,
settings_tolerance = 2000,
library_tolerance = 2500,
use_existing_jquery = false,
// DO NOT EDIT BELOW THIS LINE
f = false, d = document; return { use_existing_jquery: function () { return use_existing_jquery; }, library_tolerance: function () { return library_tolerance; }, finish: function () { if (!f) { f = true; var a = d.getElementById('_vis_opt_path_hides'); if (a) a.parentNode.removeChild(a); } }, finished: function () { return f; }, load: function (a) { var b = d.createElement('script'); b.src = a; b.type = 'text/javascript'; b.innerText; b.onerror = function () { _vwo_code.finish(); }; d.getElementsByTagName('head')[0].appendChild(b); }, init: function () { settings_timer = setTimeout('_vwo_code.finish()', settings_tolerance); var a = d.createElement('style'), b = 'body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}', h = d.getElementsByTagName('head')[0]; a.setAttribute('id', '_vis_opt_path_hides'); a.setAttribute('type', 'text/css'); if (a.styleSheet) a.styleSheet.cssText = b; else a.appendChild(d.createTextNode(b)); h.appendChild(a); this.load('//dev.visualwebsiteoptimizer.com/j.php?a=' + account_id + '&u=' + encodeURIComponent(d.URL) + '&r=' + Math.random()); return settings_timer; } };
}()); _vwo_settings_timer = _vwo_code.init();
</script>
<!-- End Visual Website Optimizer Asynchronous Code -->
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-37200947-1', 'auto');
ga('send', 'pageview');
</script>
<script src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/js/vendor/knockout-2.1.0.js" type="text/javascript"></script>
<script src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/js/moment-with-locales.min.js" type="text/javascript"></script>
</head>
<body>
<script>
var callcentervar = "";
var iscallcenter = 0;
var isPatientSelected = false;
</script>
<script>
$(function () {
$(".rslides").responsiveSlides({
speed: 1500,
timeout: 7500
});
});
</script>
<header>
<!-- start Mixpanel -->
<!-- end Mixpanel -->
<div></div>
<div class="container-fluid nopadding cont-first">
<div class="container-fluid nopadding blue-container layout-container">
<div class="container">
<div class="clearfix h10"></div>
<div class="row">
<div id="menuDev" class="col-xs-8 col-sm-7 headerLang hidden-sm hidden-md hidden-lg" style="float: left!important">
<a title="احجز مع دكتور شاطر في دقيقتين" href="/" class="nopadding nomargin" style="float: left!important;">
<img itemprop="logo" width="120" height="24" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/whitelogowithdotcom.png" class="img-log" alt="احجز مع دكتور شاطر في دقيقتين">
</a>
</div>
<div class="col-xs-12 nopadding-mob" style="float:right !important">
<div class="headerLeft headernavArabic hdr-res white log-usr-menu col-xs-12 col-sm-8 nopadding-nomob mobile-nowrap">
<div class="h10 visible-xs"></div>
<div class="ppn mob-mr-ppn" style="float: right !important;direction:rtl !important">
<a class="LanguageFontFamily white" href="/en/doctor/Dermatology/all-cities/">English</a>
<span class="spn hmhdr-txt white">|</span>
<a class="white" href="/ar/Generic/ContactUs">اتصل بنا</a>
<span class="spn hmhdr-txt white">|</span>
<a class="white" href="/Doctors" target="_blank">ڤيزيتا للاطباء</a>
<span class="spn hmhdr-txt white">|</span>
<a href="/ar/Account/SignIn" class=" white fs-12" title="دخول">دخول</a>
<a class="signuptext white fs-12 mobile-nowrap" onclick="mixPanelUtil.SignupLink()" title="انضم الان" href="/ar/Account/SignUp" style="margin:1px !important;">انضم الان</a>
<script>
if (!isPatientSelected) {
$('#LoginAppointments').css("display", "none");
} else {
$('#LoginAppointments').css("display", "block");
}
$(document).ready(function () {
// ADD SLIDEDOWN ANIMATION TO DROPDOWN //
$('.dropdown').on('show.bs.dropdown', function (e) {
$(this).find('.dropdown-menu').first().slideDown(500);
});
// ADD SLIDEUP ANIMATION TO DROPDOWN //
$('.dropdown').on('hide.bs.dropdown', function (e) {
$(this).find('.dropdown-menu').first().slideUp(500);
});
$('.dropdown-toggle').dropdown();
});
</script> </div>
</div>
<div id="menuDev" class="col-xs-4 hidden-xs headerLang nopadding" style="float: left">
<a itemprop="url" title="احجز مع دكتور شاطر في دقيقتين" href="/" class="nopadding nomargin" style="float: left !important;">
<img width="200" height="40" itemprop="logo" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/whitelogowithdotcom.png" class="img-log" alt="احجز مع دكتور شاطر في دقيقتين">
</a>
</div>
</div>
</div>
<div id="layoutClearFix1" class="clearfix"></div>
<div class="row visible-xs">
</div>
<div id="layoutClearFix2" class="clearfix"></div>
<div class="clearfix h10"></div>
</div>
</div>
<div id="collapse-btn" class="collapse in">
<div class="clearfix h20"></div>
<div>
<div class="container">
<div class="container-fluid hidden-xs">
<div class="row">
<div>
<div class="col-xs-12 col-md-9 cul-padding">
<div id="vms1-1d" class="pull-left economica vsm-one nomargin gray666">
احجز مع
</div>
<h1 id="vms1-lh" class="gray666 economica vsm-one nomargin">
</h1>
<div id="vms2-lh" class="economica vsm-two nomargin gray666">
٢٠٠٠ دكتور - ٤٠٠ استاذ جامعة - ٧٠٠ استشاري - اكثر من ٣٠ تخصص
</div>
</div>
</div>
</div>
</div>
<div class="h20 hidden-xs"></div>
</div>
<div class="container-fluid whitebackground">
<div class="container">
<div class="innerpagesearch nopadding-mob">
<div class="row" id="LayoutHeader">
<div class="col-xs-12 nopadding-mob">
<!-- Nav tabs -->
<div class="clearfix "></div>
<div class="">
<div class="searchbarcontainer row nomargin nopadding backgroundeee">
<div class="">
<div class="hdrdropdown">
<div id="SpecTwitterHeader" class="col-sm-2 col-xs-12 selectControl displaynone" style="padding: 1px;">
<div class="whitebackground rounded-left searchbaritemcontainer" onclick="setFocusToTypeahead(this)">
<div class="clearfix searchbartitle gray666">
أنا ابحث عن دكتور
</div>
<div id="SpecArrowDiv" class="arrowDiv headerArrowDiv arrow-mob-width" onclick="arrowClicked(this, 'SpecArrowImg')">
<img width="20" height="14" id="SpecArrowImg" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/drop-down.png" />
</div>
<input class="typeahead" type="text" placeholder="اختار التخصص">
</div>
</div>
<div id="CityTwitterHeader" class="col-sm-2 col-xs-12 selectControl displaynone" style="padding: 1px;">
<div class="whitebackground searchbaritemcontainer">
<div class="clearfix searchbartitle gray666">
في محافظة
</div>
<div id="CityArrowDiv" class="arrowDiv headerArrowDiv arrow-mob-width" onclick="arrowClicked(this, 'CityArrowImg')">
<img width="20" height="14" id="CityArrowImg" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/drop-down.png" />
</div>
<input class="typeahead" type="text" placeholder="اختار المحافظة">
</div>
</div>
<div id="AreaTwitterHeader" class="col-sm-2 col-xs-12 selectControl displaynone" style="padding: 1px;">
<div class="whitebackground searchbaritemcontainer">
<div class="clearfix searchbartitle gray666">
في منطقة
</div>
<div id="AreaArrowDiv" class="arrowDiv headerArrowDiv arrow-mob-width" onclick="arrowClicked(this, 'AreaArrowImg')">
<img width="20" height="14" id="AreaArrowImg" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/drop-down.png" />
</div>
<input class="typeahead" type="text" placeholder="اختار المنطقة">
</div>
</div>
</div>
<script>
var controllerName = 'search';
var widget ='';
var lastSpecialty = 'not set';
var lastCity = 'not set';
var lastArea = 'not set';
var lastInsurance = 'not set';
var mobile = 'False';
var callcenter = 'False';
if ('False' == 'True') {
attachEventsToSearchDropdown('specialityselect', 'SpecArrowDiv', true);
attachEventsToSearchDropdown('cityselect', 'CityArrowDiv', false); // Changing City does not fire search
attachEventsToSearchDropdown('areaselect', 'AreaArrowDiv', true);
}
function selectCity(cityName) {
lastArea = 'not set';
var cityModelList = [{ "id": "", "text": "كل المحافظات" }];
var extendedCityModelList = [{"id":"القاهرة","text":"القاهرة"},{"id":"الجيزة","text":"الجيزة"},{"id":"الإسكندرية","text":"الإسكندرية"},{"id":"الدقهلية","text":"الدقهلية"},{"id":"الشرقية","text":"الشرقية"},{"id":"مطروح","text":"مطروح"}];
cityModelList = extendedCityModelList.concat(cityModelList);
var cityModel;
cityModel = { "id": "", "text": "كل المحافظات" };
if (cityName != '') {
for (var i = 0; i < cityModelList.length; i++) {
if (cityModelList[i].id.toLowerCase() == cityName.toLowerCase()) {
cityModel = cityModelList[i];
}
}
var areasInCity = [];
if (cityModel) {
for (var c = 0; c < allareas.length; c++) {
if (allareas[c].CityNameEnglish.toLowerCase() == cityModel.id.toLowerCase() || allareas[c].CityName.toLowerCase() == cityModel.id.toLowerCase()) {
var model = { id: allareas[c].AreaValue, text: allareas[c].AreaName };
areasInCity.push(model);
}
}
}
var all = [{ id: "", text: "كل المناطق" }];
areasInCity = all.concat(areasInCity);
if ('False' != 'True') {
//Area Twitter typehead
var AreaBloodhound = createBloodHound(areasInCity);
$('#AreaTwitterHeader .typeahead').typeahead('destroy');
initializeTypeahead('AreaTwitterHeader', 'area', 'text', createBloodhoundDefaults(AreaBloodhound), 'AreaArrowImg', 'headerLastArea');
}
//Area Twitter typehead
if (cityModel) {
if ('False' != 'True') {
$('#CityTwitterHeader .typeahead').typeahead('val', cityModel.text).trigger('change', cityModel.id);
} else {
$('#cityselect').val(cityModel.id);
cityChanged();
}
lastCity = { id: cityModel.id, text: cityModel.text };
if (widget != "") {
WidgetSearch();
}
}
} else {
// Initialize empty areas dropdown
var all = [{ id: "", text: "كل المناطق" }];
var AreaBloodhound = createBloodHound(all);
$('#AreaTwitterHeader .typeahead').typeahead('destroy');
initializeTypeahead('AreaTwitterHeader', 'area', 'text', createBloodhoundDefaults(AreaBloodhound), 'AreaArrowImg', 'headerLastArea');
}
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
}
return null;
}
var defaultArea = [{ AreaName: "كل المناطق", AreaValue: "", CityName: "", CityNameEnglish: "" }];
var allareas = [{"AreaName":"مصر الجديده","AreaValue":"مصر-الجديده","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"مدينه نصر","AreaValue":"مدينه-نصر","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"المعادي","AreaValue":"المعادي","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"حلوان","AreaValue":"حلوان","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"شبرا","AreaValue":"شبرا","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"القاهرة الجديدة","AreaValue":"القاهرة-الجديدة","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"المقطم","AreaValue":"المقطم","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"وسط البلد","AreaValue":"وسط-البلد","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"المنيل","AreaValue":"المنيل","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"حدائق القبة","AreaValue":"حدائق-القبة","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"الزيتون","AreaValue":"الزيتون","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"الرحاب","AreaValue":"الرحاب","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"عين شمس","AreaValue":"عين-شمس","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"مدينة العبور","AreaValue":"مدينة-العبور","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"العباسية","AreaValue":"العباسية","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"العاشر من رمضان ","AreaValue":"العاشر-من-رمضان-","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"السيدة زينب","AreaValue":"السيدة-زينب","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"الشروق","AreaValue":"الشروق","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"الزمالك","AreaValue":"الزمالك","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"مصر القديمة","AreaValue":"مصر-القديمة","CityName":"القاهرة","CityNameEnglish":"القاهرة"},{"AreaName":"6 اكتوبر","AreaValue":"6-اكتوبر","CityName":"الجيزة","CityNameEnglish":"الجيزة"},{"AreaName":"الهرم","AreaValue":"الهرم","CityName":"الجيزة","CityNameEnglish":"الجيزة"},{"AreaName":"فيصل ","AreaValue":"فيصل-","CityName":"الجيزة","CityNameEnglish":"الجيزة"},{"AreaName":"الشيخ زايد","AreaValue":"الشيخ-زايد","CityName":"الجيزة","CityNameEnglish":"الجيزة"},{"AreaName":"حدائق الأهرام","AreaValue":"حدائق-الأهرام","CityName":"الجيزة","CityNameEnglish":"الجيزة"},{"AreaName":"الدقي و المهندسين","AreaValue":"الدقي-و-المهندسين","CityName":"الجيزة","CityNameEnglish":"الجيزة"},{"AreaName":"العجوزة","AreaValue":"العجوزة","CityName":"الجيزة","CityNameEnglish":"الجيزة"},{"AreaName":"ميدان الجيزة","AreaValue":"ميدان-الجيزة","CityName":"الجيزة","CityNameEnglish":"الجيزة"},{"AreaName":"محطة الرمل","AreaValue":"محطة-الرمل","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"سبورتينج","AreaValue":"سبورتينج","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"العامرية","AreaValue":"العامرية","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"الإبراهيمية","AreaValue":"الإبراهيمية","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"سيدي جابر","AreaValue":"سيدي-جابر","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"كليوباترا","AreaValue":"كليوباترا","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"سموحة","AreaValue":"سموحة","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"رشدي","AreaValue":"رشدي","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"الشاطبي","AreaValue":"الشاطبي","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"الأزاريطه","AreaValue":"الأزاريطه","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"لوران","AreaValue":"لوران","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"جليم","AreaValue":"جليم","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"سابا باشا","AreaValue":"سابا-باشا","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"سيدي بشر","AreaValue":"سيدي-بشر","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"ميامي","AreaValue":"ميامي","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"فيكتوريا","AreaValue":"فيكتوريا","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"سان ستيفانو","AreaValue":"سان-ستيفانو","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"بولكلي","AreaValue":"بولكلي","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"محرم بيك","AreaValue":"محرم-بيك","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"كامب شيزار","AreaValue":"كامب-شيزار","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"المنتزه","AreaValue":"المنتزه","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"كفر عبده","AreaValue":"كفر-عبده","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"ابو قير","AreaValue":"ابو-قير","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"زيزينيا","AreaValue":"زيزينيا","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"باكوس","AreaValue":"باكوس","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"بحري","AreaValue":"بحري","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"المنشية","AreaValue":"المنشية","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"السيوف","AreaValue":"السيوف","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"جانكليس","AreaValue":"جانكليس","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"ستانلي","AreaValue":"ستانلي","CityName":"الإسكندرية","CityNameEnglish":"الإسكندرية"},{"AreaName":"المنصورة","AreaValue":"المنصورة","CityName":"الدقهلية","CityNameEnglish":"الدقهلية"},{"AreaName":"الزقازيق","AreaValue":"الزقازيق","CityName":"الشرقية","CityNameEnglish":"الشرقية"},{"AreaName":"مرسى مطروح","AreaValue":"مرسى-مطروح","CityName":"مطروح","CityNameEnglish":"مطروح"}];
allareas = defaultArea.concat(allareas);
var cities = [{"id":"القاهرة","text":"القاهرة"},{"id":"الجيزة","text":"الجيزة"},{"id":"الإسكندرية","text":"الإسكندرية"},{"id":"الدقهلية","text":"الدقهلية"},{"id":"الشرقية","text":"الشرقية"},{"id":"مطروح","text":"مطروح"}];
var citiesAll = [{ "id": "", "text": "كل المحافظات" }];
cities = citiesAll.concat(cities);
var specialities = [{"id":"مخ-و-اعصاب","text":"مخ و اعصاب","children":null},{"id":"امراض-جلدية-و-تناسلية","text":"امراض جلدية و تناسلية","children":null},{"id":"نفسي","text":"نفسي","children":null},{"id":"اسنان","text":"اسنان","children":null},{"id":"اطفال-و-حديثي-الولادة","text":"اطفال و حديثي الولادة","children":null},{"id":"نساء-و-توليد","text":"نساء و توليد","children":null},{"id":"عيون","text":"عيون","children":null},{"id":"مسالك-بولية","text":"مسالك بولية","children":null},{"id":"قلب-و-اوعية-دموية","text":"قلب و اوعية دموية","children":null},{"id":"ذكورة-و-عقم","text":"ذكورة و عقم","children":null},{"id":"جراحة-تجميل","text":"جراحة تجميل","children":null},{"id":"علاج-طبيعي-و-اصابات-ملاعب","text":"علاج طبيعي و اصابات ملاعب","children":null},{"id":"اورام","text":"اورام","children":null},{"id":"انف-و-اذن-و-حنجرة","text":"انف و اذن و حنجرة","children":null},{"id":"تخسيس-و-تغذية","text":"تخسيس و تغذية","children":null},{"id":"-صدر-و-جهاز-تنفسي","text":" صدر و جهاز تنفسي","children":null},{"id":"جراحة-عامة","text":"جراحة عامة","children":null},{"id":"باطنة","text":"باطنة","children":null},{"id":"طب-مسنين","text":"طب مسنين","children":null},{"id":"جراحة-مخ-و-اعصاب","text":"جراحة مخ و اعصاب","children":null},{"id":"جراحة-سمنة-و-مناظير","text":"جراحة سمنة و مناظير","children":null},{"id":"جراحة-قلب-و-صدر","text":"جراحة قلب و صدر","children":null},{"id":"عظام","text":"عظام","children":null},{"id":"سمعيات","text":"سمعيات","children":null},{"id":"سكر-و-غدد-صماء","text":"سكر و غدد صماء","children":null},{"id":"جهاز-هضمي-و-مناظير","text":"جهاز هضمي و مناظير","children":null},{"id":"كبد","text":"كبد","children":null},{"id":"حقن-مجهري-و-اطفال-انابيب","text":"حقن مجهري و اطفال انابيب","children":null},{"id":"كلى","text":"كلى","children":null},{"id":"جراحة-اطفال","text":"جراحة اطفال","children":null},{"id":"جراحة-عمود-فقري","text":"جراحة عمود فقري","children":null},{"id":"حساسية-و-مناعة","text":"حساسية و مناعة","children":null},{"id":"ممارسة-عامة","text":"ممارسة عامة","children":null},{"id":"امراض-دم","text":"امراض دم","children":null},{"id":"نطق-و-تخاطب","text":"نطق و تخاطب","children":null},{"id":"روماتيزم","text":"روماتيزم","children":null},{"id":"جراحة-اوعية-دموية","text":"جراحة اوعية دموية","children":null},{"id":"علاج-الالام","text":"علاج الالام","children":null}];
var specTwiter = specialities;
var all2 = [{ id: "", text: "كل التخصصات" }];
specTwiter = all2.concat(specTwiter); // comment if you want to remove default from selection
specialities = all2.concat(specialities);
if ('False' != 'True') {
//Specialty Twitter typehead
var SpecBloodhound = createBloodHound(specTwiter);
initializeTypeahead('SpecTwitterHeader', 'specialty', 'text', createBloodhoundDefaults(SpecBloodhound), 'SpecArrowImg', 'headerLastSpecialty');
$('#SpecTwitterHeader input').attr('readonly', 'readonly');
// End of Speciality
//City Twitter typehead
var CityBloodhound = createBloodHound(cities);
initializeTypeahead('CityTwitterHeader', 'city', 'text', createBloodhoundDefaults(CityBloodhound), 'CityArrowImg', 'headerLastCity');
$('#CityTwitterHeader input').attr('readonly', 'readonly');
// End of City
// area default
initializeTypeahead('AreaTwitterHeader', 'area', 'text', [{ id: "", text: "كل المناطق" }], 'AreaArrowImg', 'headerLastArea');
$('#AreaTwitterHeader input').attr('readonly', 'readonly');
//end of area
}
var defaultCity = cities[0].id;
var currentCity = '';
if (currentCity == null || currentCity == '') {
currentCity = defaultCity;
}
var cityExists = false;
currentCity = currentCity.replace(/ /g, '-');
for (var c = 0; c < allareas.length; c++) {
if (allareas[c].CityNameEnglish.toLowerCase() == currentCity.toLowerCase()) {
selectCity(currentCity);
cityExists = true;
break;
}
if (allareas[c].AreaValue.toLowerCase() == currentCity.toLowerCase()) {
currentCity = allareas[c].CityNameEnglish;
selectCity(currentCity);
cityExists = true;
if ('False' != 'True') {
$('#AreaTwitterHeader .typeahead').typeahead('val', allareas[c].AreaName).trigger('change', allareas[c].AreaValue);
} else {
$('#areaselect').val(allareas[c].AreaValue);
}
lastArea = { id: allareas[c].AreaValue, text: allareas[c].AreaName };
break;
}
}
if (!cityExists) {
selectCity(currentCity);
}
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
var urlSpeciality = 'امراض-جلدية-و-تناسلية';
var allspecs = ["مخ-و-اعصاب","امراض-جلدية-و-تناسلية","نفسي","اسنان","اطفال-و-حديثي-الولادة","نساء-و-توليد","عيون","مسالك-بولية","قلب-و-اوعية-دموية","ذكورة-و-عقم","جراحة-تجميل","علاج-طبيعي-و-اصابات-ملاعب","اورام","انف-و-اذن-و-حنجرة","تخسيس-و-تغذية","-صدر-و-جهاز-تنفسي","جراحة-عامة","باطنة","طب-مسنين","جراحة-مخ-و-اعصاب","جراحة-سمنة-و-مناظير","جراحة-قلب-و-صدر","عظام","سمعيات","سكر-و-غدد-صماء","جهاز-هضمي-و-مناظير","كبد","حقن-مجهري-و-اطفال-انابيب","كلى","جراحة-اطفال","جراحة-عمود-فقري","حساسية-و-مناعة","ممارسة-عامة","امراض-دم","نطق-و-تخاطب","روماتيزم","جراحة-اوعية-دموية","علاج-الالام"];
var allspecsas = [{"id":"مخ-و-اعصاب","text":"مخ و اعصاب","children":null},{"id":"امراض-جلدية-و-تناسلية","text":"امراض جلدية و تناسلية","children":null},{"id":"نفسي","text":"نفسي","children":null},{"id":"اسنان","text":"اسنان","children":null},{"id":"اطفال-و-حديثي-الولادة","text":"اطفال و حديثي الولادة","children":null},{"id":"نساء-و-توليد","text":"نساء و توليد","children":null},{"id":"عيون","text":"عيون","children":null},{"id":"مسالك-بولية","text":"مسالك بولية","children":null},{"id":"قلب-و-اوعية-دموية","text":"قلب و اوعية دموية","children":null},{"id":"ذكورة-و-عقم","text":"ذكورة و عقم","children":null},{"id":"جراحة-تجميل","text":"جراحة تجميل","children":null},{"id":"علاج-طبيعي-و-اصابات-ملاعب","text":"علاج طبيعي و اصابات ملاعب","children":null},{"id":"اورام","text":"اورام","children":null},{"id":"انف-و-اذن-و-حنجرة","text":"انف و اذن و حنجرة","children":null},{"id":"تخسيس-و-تغذية","text":"تخسيس و تغذية","children":null},{"id":"-صدر-و-جهاز-تنفسي","text":" صدر و جهاز تنفسي","children":null},{"id":"جراحة-عامة","text":"جراحة عامة","children":null},{"id":"باطنة","text":"باطنة","children":null},{"id":"طب-مسنين","text":"طب مسنين","children":null},{"id":"جراحة-مخ-و-اعصاب","text":"جراحة مخ و اعصاب","children":null},{"id":"جراحة-سمنة-و-مناظير","text":"جراحة سمنة و مناظير","children":null},{"id":"جراحة-قلب-و-صدر","text":"جراحة قلب و صدر","children":null},{"id":"عظام","text":"عظام","children":null},{"id":"سمعيات","text":"سمعيات","children":null},{"id":"سكر-و-غدد-صماء","text":"سكر و غدد صماء","children":null},{"id":"جهاز-هضمي-و-مناظير","text":"جهاز هضمي و مناظير","children":null},{"id":"كبد","text":"كبد","children":null},{"id":"حقن-مجهري-و-اطفال-انابيب","text":"حقن مجهري و اطفال انابيب","children":null},{"id":"كلى","text":"كلى","children":null},{"id":"جراحة-اطفال","text":"جراحة اطفال","children":null},{"id":"جراحة-عمود-فقري","text":"جراحة عمود فقري","children":null},{"id":"حساسية-و-مناعة","text":"حساسية و مناعة","children":null},{"id":"ممارسة-عامة","text":"ممارسة عامة","children":null},{"id":"امراض-دم","text":"امراض دم","children":null},{"id":"نطق-و-تخاطب","text":"نطق و تخاطب","children":null},{"id":"روماتيزم","text":"روماتيزم","children":null},{"id":"جراحة-اوعية-دموية","text":"جراحة اوعية دموية","children":null},{"id":"علاج-الالام","text":"علاج الالام","children":null}];
var specTw;
if ("امراض-جلدية-و-تناسلية" == "all-specialties" || "امراض-جلدية-و-تناسلية" == "كل-التخصصات") {
specTw = { id: "", text: "كل التخصصات" };
urlSpeciality = { id: "", text: "كل التخصصات" };
} else {
for (var ctx = 0; ctx < allspecs.length; ctx++) {
if (urlSpeciality.toLowerCase() == allspecs[ctx].toLowerCase()) {
urlSpeciality = allspecs[ctx];
specTw = allspecsas[ctx];
break;
}
}
}
if (lastArea == "not set" || lastArea == "" || lastArea == "all-areas" || lastArea == "كل-المناطق") {
lastArea = { id: "", text: "كل المناطق" };
$('#AreaTwitterHeader .typeahead').typeahead('val', lastArea.text).trigger('change', "");
}
if (urlSpeciality) {
if ('False' != 'True') {
$('#SpecTwitterHeader .typeahead').typeahead('val', specTw.text).trigger('change', specTw.id);
} else {
$('#specialityselect').val(specTw.id);
}
}
lastSpecialty = { id: specTw.id, text: specTw.text };
attachFocusoutToTypeahead('SpecTwitterHeader', 'SpecArrowImg', 'specialty', specTwiter);
attachFocusoutToTypeahead('CityTwitterHeader', 'CityArrowImg', 'city', cities);
attachFocusoutToTypeahead('AreaTwitterHeader', 'AreaArrowImg', 'area', allareas);
</script>
<div id="InsuTwitterHeader" class="col-sm-2 col-xs-12 selectControl displaynone" style="padding: 1px;">
<div class="whitebackground searchbaritemcontainer">
<div class="clearfix searchbartitle grey666">
أنا مشترك فى تأمين
</div>
<div id="InsuArrowDiv" class="arrowDiv headerArrowDiv arrow-mob-width" onclick="arrowClicked(this, 'InsuArrowImg')">
<img width="20" height="14" id="InsuArrowImg" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/drop-down.png" />
</div>
<input class="typeahead" type="text" placeholder="اختار التأمين">
</div>
</div>
<script>
attachEventsToSearchDropdown('insurancesselect', 'InsuArrowDiv', true);
var callcenter='False';
//var controllerName='Search';
var insurances = [{"id":"اكسترا-كير","text":"اكسترا كير"},{"id":"اكسس","text":"اكسس"},{"id":"الأطباء-المتضامنون","text":"الأطباء المتضامنون"},{"id":"الأهلي-المصري","text":"الأهلي المصري"},{"id":"الأهلي-سوسيته-جنرال","text":"الأهلي سوسيته جنرال"},{"id":"الاهلي-للتأمين","text":"الاهلي للتأمين"},{"id":"البنك-العقارى-المصرى-العربي","text":"البنك العقارى المصرى العربي"},{"id":"الترافيجين","text":"الترافيجين"},{"id":"السفارة-التشيكية-بالقاهرة","text":"السفارة التشيكية بالقاهرة"},{"id":"السفارة-الفرنسية-بالقاهرة","text":"السفارة الفرنسية بالقاهرة"},{"id":"الفرعونية-لوساطة-التأمين","text":"الفرعونية لوساطة التأمين"},{"id":"المشرق","text":"المشرق"},{"id":"المصرية-للتامين-التكافلى---حياة","text":"المصرية للتامين التكافلى - حياة"},{"id":"الهيئة-القومية-للتامين-الاجتماعى","text":"الهيئة القومية للتامين الاجتماعى"},{"id":"اليانز","text":"اليانز"},{"id":"أنترهيلث","text":"أنترهيلث"},{"id":"ايجيكير","text":"ايجيكير"},{"id":"ايجيميد","text":"ايجيميد"},{"id":"بتروجيت","text":"بتروجيت"},{"id":"بترول-بلاعيم","text":"بترول بلاعيم"},{"id":"برايم-هيلث","text":"برايم هيلث"},{"id":"بنك-التنمية-والاتمان-الزراعى","text":"بنك التنمية والاتمان الزراعى"},{"id":"توماس-كوك","text":"توماس كوك"},{"id":"جلوب-ميد","text":"جلوب ميد"},{"id":"دايموند-ميديكال-سيرفيس","text":"دايموند ميديكال سيرفيس"},{"id":"رويال-كير","text":"رويال كير"},{"id":"سمارت","text":"سمارت"},{"id":"سيتى-كير","text":"سيتى كير"},{"id":"شركة-الاستشاريون-للرعاية-الطبية","text":"شركة الاستشاريون للرعاية الطبية"},{"id":"شركة-بترول-خليج-السويس-جابكو","text":"شركة بترول خليج السويس جابكو"},{"id":"شركة-بوبا-للتأمين","text":"شركة بوبا للتأمين"},{"id":"عناية-مصر","text":"عناية مصر"},{"id":"كير-اند-كيور","text":"كير اند كيور"},{"id":"كير-بلاس","text":"كير بلاس"},{"id":"مصر-للتامين","text":"مصر للتامين"},{"id":"مصلحة-الجمارك","text":"مصلحة الجمارك"},{"id":"ميتلايف-اليكو","text":"ميتلايف اليكو"},{"id":"ميد-رايت","text":"ميد رايت"},{"id":"ميد-كوم","text":"ميد كوم"},{"id":"ميدي-كير-","text":"ميدي كير "},{"id":"نقابة-الاطباء","text":"نقابة الاطباء"},{"id":"نقابة-التجاريين","text":"نقابة التجاريين"},{"id":"نقابة-الزراعيين","text":"نقابة الزراعيين"},{"id":"نقابة-السينمائيين","text":"نقابة السينمائيين"},{"id":"نقابة-الصحفيين","text":"نقابة الصحفيين"},{"id":"نقابة-المحامين","text":"نقابة المحامين"},{"id":"نقابة-المهن-العلمية","text":"نقابة المهن العلمية"},{"id":"نقابة-المهندسين","text":"نقابة المهندسين"},{"id":"نكست-كير","text":"نكست كير"},{"id":"وادى-النيل","text":"وادى النيل"},{"id":"يونى-كير","text":"يونى كير"}];
var all3 = [{id: "", text: "كل التأمينات" }];
insurances = all3.concat(insurances);
if('False' != 'True'){
//Insurance Twitter typehead
var InsuBloodhound = createBloodHound(insurances);
initializeTypeahead('InsuTwitterHeader', 'area', 'text', createBloodhoundDefaults(InsuBloodhound), 'InsuArrowImg', 'headerLastInsurance');
$('#InsuTwitterHeader input').attr('readonly', 'readonly');
//End Insurance Twitter typehead
}
var urlInsuranceprovider = '';
var allinsurances = ["اكسترا-كير","اكسس","الأطباء-المتضامنون","الأهلي-المصري","الأهلي-سوسيته-جنرال","الاهلي-للتأمين","البنك-العقارى-المصرى-العربي","الترافيجين","السفارة-التشيكية-بالقاهرة","السفارة-الفرنسية-بالقاهرة","الفرعونية-لوساطة-التأمين","المشرق","المصرية-للتامين-التكافلى---حياة","الهيئة-القومية-للتامين-الاجتماعى","اليانز","أنترهيلث","ايجيكير","ايجيميد","بتروجيت","بترول-بلاعيم","برايم-هيلث","بنك-التنمية-والاتمان-الزراعى","توماس-كوك","جلوب-ميد","دايموند-ميديكال-سيرفيس","رويال-كير","سمارت","سيتى-كير","شركة-الاستشاريون-للرعاية-الطبية","شركة-بترول-خليج-السويس-جابكو","شركة-بوبا-للتأمين","عناية-مصر","كير-اند-كيور","كير-بلاس","مصر-للتامين","مصلحة-الجمارك","ميتلايف-اليكو","ميد-رايت","ميد-كوم","ميدي-كير-","نقابة-الاطباء","نقابة-التجاريين","نقابة-الزراعيين","نقابة-السينمائيين","نقابة-الصحفيين","نقابة-المحامين","نقابة-المهن-العلمية","نقابة-المهندسين","نكست-كير","وادى-النيل","يونى-كير"];
var allinsurancestwit = [{"id":"اكسترا-كير","text":"اكسترا كير"},{"id":"اكسس","text":"اكسس"},{"id":"الأطباء-المتضامنون","text":"الأطباء المتضامنون"},{"id":"الأهلي-المصري","text":"الأهلي المصري"},{"id":"الأهلي-سوسيته-جنرال","text":"الأهلي سوسيته جنرال"},{"id":"الاهلي-للتأمين","text":"الاهلي للتأمين"},{"id":"البنك-العقارى-المصرى-العربي","text":"البنك العقارى المصرى العربي"},{"id":"الترافيجين","text":"الترافيجين"},{"id":"السفارة-التشيكية-بالقاهرة","text":"السفارة التشيكية بالقاهرة"},{"id":"السفارة-الفرنسية-بالقاهرة","text":"السفارة الفرنسية بالقاهرة"},{"id":"الفرعونية-لوساطة-التأمين","text":"الفرعونية لوساطة التأمين"},{"id":"المشرق","text":"المشرق"},{"id":"المصرية-للتامين-التكافلى---حياة","text":"المصرية للتامين التكافلى - حياة"},{"id":"الهيئة-القومية-للتامين-الاجتماعى","text":"الهيئة القومية للتامين الاجتماعى"},{"id":"اليانز","text":"اليانز"},{"id":"أنترهيلث","text":"أنترهيلث"},{"id":"ايجيكير","text":"ايجيكير"},{"id":"ايجيميد","text":"ايجيميد"},{"id":"بتروجيت","text":"بتروجيت"},{"id":"بترول-بلاعيم","text":"بترول بلاعيم"},{"id":"برايم-هيلث","text":"برايم هيلث"},{"id":"بنك-التنمية-والاتمان-الزراعى","text":"بنك التنمية والاتمان الزراعى"},{"id":"توماس-كوك","text":"توماس كوك"},{"id":"جلوب-ميد","text":"جلوب ميد"},{"id":"دايموند-ميديكال-سيرفيس","text":"دايموند ميديكال سيرفيس"},{"id":"رويال-كير","text":"رويال كير"},{"id":"سمارت","text":"سمارت"},{"id":"سيتى-كير","text":"سيتى كير"},{"id":"شركة-الاستشاريون-للرعاية-الطبية","text":"شركة الاستشاريون للرعاية الطبية"},{"id":"شركة-بترول-خليج-السويس-جابكو","text":"شركة بترول خليج السويس جابكو"},{"id":"شركة-بوبا-للتأمين","text":"شركة بوبا للتأمين"},{"id":"عناية-مصر","text":"عناية مصر"},{"id":"كير-اند-كيور","text":"كير اند كيور"},{"id":"كير-بلاس","text":"كير بلاس"},{"id":"مصر-للتامين","text":"مصر للتامين"},{"id":"مصلحة-الجمارك","text":"مصلحة الجمارك"},{"id":"ميتلايف-اليكو","text":"ميتلايف اليكو"},{"id":"ميد-رايت","text":"ميد رايت"},{"id":"ميد-كوم","text":"ميد كوم"},{"id":"ميدي-كير-","text":"ميدي كير "},{"id":"نقابة-الاطباء","text":"نقابة الاطباء"},{"id":"نقابة-التجاريين","text":"نقابة التجاريين"},{"id":"نقابة-الزراعيين","text":"نقابة الزراعيين"},{"id":"نقابة-السينمائيين","text":"نقابة السينمائيين"},{"id":"نقابة-الصحفيين","text":"نقابة الصحفيين"},{"id":"نقابة-المحامين","text":"نقابة المحامين"},{"id":"نقابة-المهن-العلمية","text":"نقابة المهن العلمية"},{"id":"نقابة-المهندسين","text":"نقابة المهندسين"},{"id":"نكست-كير","text":"نكست كير"},{"id":"وادى-النيل","text":"وادى النيل"},{"id":"يونى-كير","text":"يونى كير"}];
var isutwit;
if ("" == "") {
urlInsuranceprovider = {id: "", text: "كل التأمينات" };
isutwit = {id: "", text: "كل التأمينات" };
} else {
for (var ctx = 0; ctx < allinsurances.length; ctx++) {
if (urlInsuranceprovider.toLowerCase() == allinsurances[ctx].toLowerCase()) {
urlInsuranceprovider = allinsurances[ctx];
isutwit = allinsurancestwit[ctx];
}
}
}
if (urlInsuranceprovider){
if('False' != 'True'){
$('#InsuTwitterHeader .typeahead').typeahead('val', isutwit.text).trigger('change', isutwit.id);
}
else {
$('#insurancesselect').val(isutwit.id);
}
lastInsurance = { id: isutwit.id, text: isutwit.text };
}
if('False' != 'True'){
attachFocusoutToTypeahead('InsuTwitterHeader', 'InsuArrowImg', 'insurance', insurances);
}
</script>
</div>
<div class="nopadding-right">
<div class="row nomargin">
<div id="byDocName" class="docName btn-group col-xs-12 col-sm-2 nomargin">
<div class="whitebackground searchbaritemcontainer">
<div class="clearfix searchbartitle grey666 ">
ابحث باسم الدكتور فقط
</div>
<input type="text" class="searchbardoctorname searchbardoctornameinner fullwidth bluetext " placeholder="اكتب الاسم" onfocus="this.placeholder = ''" onblur="this.placeholder = 'اكتب الاسم'" id="doctorName" />
</div>
</div>
<div class="clearfix visible-xs hidden-md"></div>
<div class="col-xs-12 col-sm-2 nopadding-right padding-left-2" style="padding: 1px;">
<button id="btnSearch" class="searchbarbutton btn3 btn-3Small btn-3eSmall icon-search btn-group col-xs-12 redbackground boldtext rounded-right" onclick=" HomePageSearch(MixPanelHomePageSearch.HeaderSearchbtn, '', ''); ">ابحث</button>
<div class="hidden-xs hidden-sm hidden-md hidden-lg searchloading"></div>
</div>
</div>
</div>
</div>
</div>
<div id="tagsdiv" class="row">
<div id="tagsMainDiv" class="col-md-12 hidden">
<div class="clearfix h10"></div>
<div class="pull-left">
<label id="tagslabel" class="bluetext disp-none vertical-align-middle">خدمات الدكتور</label>
</div>
<div id="tags" class="pull-left" style="width: 85%">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var controllerName = 'Search';
var lastClickedElement;
$(document).mousedown(function(e) {
// The latest element clicked
lastClickedElement = $(e.target);
});
var selectedDay = getParameterByName('preferdDay');
if (selectedDay != null && selectedDay !="") {
$('#Any').removeClass("btn-prefered-day-selected");
$("#" + selectedDay).addClass("btn-prefered-day-selected");
}
$(document).ready(function() {
var staticNames = ["رحاب م. ب.","سلوي ع.","فاطمة ش.","امال خ.","فوزى ت.","هناء م.","لميس أ.","كنزي أ.","أيمن ع.","أحمد ط.","عالية م.","سلوى م.","حسام ف.","مينا ع.","ايهاب م."];
var staticContent = ["خدمة ڤيزيتا مميزة جدا","ڤيزيتا رشحتلى دكتور محترم وفاهم اوى","موقع مميز ومفيد بجد","شكرا للخدمه الممتازه","كانت الدكتورة شاطرة و كانت زيارة موفقة","ممتازة....دكتور محترم وفاهم اوى","الدكتور ممتاز و الخدمة جيده جدا","الاستقبال جيد والدكتور ممتاز","موقع جميل جدا","ممتازة ولديكم أفضل أطباء في مصر","فعلا الزيارة كانت ممتازة والدكتور شاطر","شكرا بجد علي مجهودكم الجبار","أحلي ميزة اني أقدر احجز مع دكتور في اي وقت","معاملة ممتازة","كان نفسي في خدمة زي دي في مصر من زمان"];
var staticAges = ["٣٥ سنة","٢٩ سنة","٣٢ سنة","٤٩ سنة","٤٨ سنة","٥٤ سنة","٥٠ سنة","٢٤ سنة","٢٨ سنة","٣٢ سنة","٢٦ سنة","٣١ سنة","٢٦ سنة","٦٣ سنة","٢٧ سنة"];
var staticDates = ["١٧-أغسطس-٢٠١٥","٠٢-يونيو-٢٠١٥","١٣-أغسطس-٢٠١٥","٢٠-يناير-٢٠١٤","١٧-فبراير-٢٠١٥","٣٠-مارس-٢٠١٤","٨-مايو-٢٠١٤","١١-أكتوبر-٢٠١٤","٣-فبراير-٢٠١٥","١٩-يوليو-٢٠١٥","٢٤-سبتمبر-٢٠١٤","١٥-إبريل-٢٠١٥","٧-نوفمبر-٢٠١٤","٣-نوفمبر-٢٠١٤","٦-يوليو-٢٠١٤"];
var index = 2;
setInterval(function() {
$('#stc-msgs').fadeOut(2000, function () {
$('#stc-msgs #st-name').text(staticNames[index]);
$('#stc-msgs #st-cont').text(staticContent[index]);
$('#stc-msgs #st-date').text(staticDates[index]);
$('#stc-msgs #st-age').text(staticAges[index]);
index++;
if (index == staticNames.length) {
index = 1;
}
$('#stc-msgs').fadeIn(2000, function () {});
});
}, 8000);
var res = $(window).width();
if (res == 1007) {
$('#byDocName').removeClass('docName');
$('#byDocName').css('margin-top', '2px');
$('#btnSearch').removeClass('btSrch');
$('#btnSearch').css('margin-top', '2px');
}
});
var urlDoctorName = getParameterByName('doctorName');
if (urlDoctorName != null) {
$('#doctorName').val(urlDoctorName);
}
$('.btn-prefered-day').click(function () {
var button = $(this).attr("value");
HomePageSearch(0, "",button);
});
attachFocusAndClickToTypeahead();
</script>
</div>
</div>
<script async>
function HomePageSearch(id, tag, spec) {
NProgress.start();
NProgress.set(0.7);
$('.spinner').remove();
var doctorName = '';
var specialtyName = '';
var areaName = '';
var insuranceprovider = '';
doctorName = $('#doctorName').val();
if ('False' == 'False') {
specialtyName = $("#SpecTwitterHeader .typeahead").data("seletectedId") == undefined || $('#SpecTwitterHeader .typeahead').typeahead('val') == "" ?
"" :
$("#SpecTwitterHeader .typeahead").data("seletectedId");
areaName = $("#AreaTwitterHeader .typeahead").data("seletectedId") == undefined || $("#AreaTwitterHeader .typeahead").data("seletectedId") == '' || $('#AreaTwitterHeader .typeahead').typeahead('val') == "" ?
$("#CityTwitterHeader .typeahead").data("seletectedId") :
$("#AreaTwitterHeader .typeahead").data("seletectedId");
insuranceprovider = $("#InsuTwitterHeader .typeahead").data("seletectedId") == undefined || $('#InsuTwitterHeader .typeahead').typeahead('val') == "" ?
"" :
$("#InsuTwitterHeader .typeahead").data("seletectedId");
} else {
specialtyName = $("#specialityselect").val();
areaName = $("#areaselect").val() != '' ? $("#areaselect").val() : $("#cityselect").val();
insuranceprovider = $("#insurancesselect").val();
}
//alert("search " + JSON.stringify($("#InsuTwitterHeader .typeahead").data));
//alert("search " + searchInsuranceid);
var searchedval = "";
searchedval += (areaName == "") ? "" : " With Area ";
searchedval += (specialtyName == "") ? "" : " With Specialty ";
searchedval += (doctorName == "") ? "" : " With Doctor Name ";
mixPanelUtil.HomeSearchClick(id, searchedval);
var title = $('input:checkbox[name=titlesCB]:checked').map(function () {
return this.value;
}).get().toString();
var urlSpc = getParameterByName('specialty');
var urlAr = getParameterByName('area');
var tagsUrl = getParameterByName('tags');
var subSpec = "";
var chosenSpeciality = 'امراض-جلدية-و-تناسلية';
var subArea = "";
var gender = $("input:radio[name=Gender]:checked").val();
var fees = $("input:radio[name=fees]:checked").val();
var feesafter = $("input:radio[name=fees] + a[class=checked]").prev().val();
var preferdDay = $("input:radio[name=preferdDay]:checked").val();
var preferdDayafter = $("input:radio[name=preferdDay] + a[class=checked]").prev().val();
var homeVisits = $("#HomeVisit").is(":checked");
var specialtyUrl = 'كل-التخصصات';
var areaUrl = 'كل-المحافظات';
var insuranceproviderUrl = "";
var doctorUrl = "";
var genderUrl = "";
var titleUrl = "";
var feesUrl = "";
var homeVisitsUrl = "";
var subAreaUrl = "";
var subSpecUrl = "";
var patientidval = "";
var preferdDayUrl = "";
var mainSpecialty = "";
if (specialtyName) {
specialtyUrl = specialtyName;
}
if (specialtyName.toLowerCase() == chosenSpeciality.toLowerCase() || specialtyName.toLowerCase() == 'امراض-جلدية-و-تناسلية') {
var lenSpec = $("input[name='specCB[]']:checked").length;
var lastone = "";
var subSpecQuerryString = getParameterByName('subSpecialty');
var subSpecArray = subSpecQuerryString.split(',');
if (spec != null && spec != "") {
if (spec.state == false) {
if ('امراض-جلدية-و-تناسلية' == spec.value.toLowerCase() && subSpecArray.length > 1) {
lastone = subSpecArray[subSpecArray.length - 1].toLowerCase() == spec.value.toLowerCase() ? subSpecArray[subSpecArray.length - 2] : subSpecArray[subSpecArray.length - 1];
} else {
lastone = 'امراض-جلدية-و-تناسلية';
}
} else {
lastone = spec.value;
}
} else {
lastone = 'امراض-جلدية-و-تناسلية';
}
$("input[name='specCB[]']:checked").each(function (index, element) {
subSpec += $(this).val();
if (index != lenSpec - 1) {
subSpec += ",";
}
});
if (subSpec != null && subSpec != "") {
if (lenSpec > 1) {
subSpecUrl = "&subSpecialty=" + subSpec;
specialtyUrl = lastone;
} else {
specialtyUrl = subSpec;
}
}
}
if (specialtyName != "" && specialtyName != specialtyUrl) {
mainSpecialty = "&mainSpecialty=" + specialtyName;
}
if (areaName) {
areaUrl = areaName;
}
if (subArea) {
subAreaUrl = "&subArea=" + subArea;
}
if (insuranceprovider) {
insuranceproviderUrl = insuranceprovider;
}
if (doctorName != null && doctorName != "") {
doctorUrl = "&doctorName=" + doctorName;
}
if (title != null && title != "") {
titleUrl = "&title=" + title;
}
if (gender != null && gender != "") {
genderUrl = "&gender=" + gender;
}
if (fees != null && fees != "" && fees != "0") {
feesUrl = "&fees=" + fees;
}
if (feesafter != null && feesafter != "" && feesafter != "0") {
feesUrl = "&fees=" + feesafter;
}
if (homeVisits) {
homeVisitsUrl = "&homevisits=" + homeVisits;
}
var tagsArray = tagsUrl.split(",");
tag = typeof tag === 'undefined' ? "" : tag;
if (tag != "" || tagsUrl != "") {
if (tagsUrl != "") {
var contains = false;
var tagArray = tag.split(',');
$.each(tagsArray, function (key, value) {
if ($.inArray(value, tagArray) > -1) {
tagsArray.splice(key, 1);
contains = true;
tagsUrl = "&tags=";
}
});
if (contains) {
if (tagsArray.length == 0) {
tagsUrl = "";
} else {
tagsUrl = tagsUrl + tagsArray.join();
}
} else {
if (tag != "") {
tagsUrl = "&tags=" + tagsUrl + "," + tag;
} else {
tagsUrl = "&tags=" + tagsUrl;
}
}
} else {
tagsUrl = "&tags=" + tag;
}
}
if (preferdDay != null && preferdDay != "" && preferdDay != "Any") {
preferdDayUrl = "&preferdDay=" + preferdDay;
}
if (preferdDayafter != null && preferdDayafter != "" && preferdDayafter != "Any") {
preferdDayUrl = "&preferdDay=" + preferdDayafter;
}
var patientidvariable = getQueryVariable('patientId');
if (window.location.href.split('patientId=')[1] != "" && iscallcenter == 1 && patientidvariable != 'undefined') {
patientidval = "&patientId=" + patientidvariable;
//+ window.location.href.split('patientId=')[1];
}
var url = "";
if (specialtyUrl || areaUrl || insuranceproviderUrl) {
url = '/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1';
url = url + '/' + specialtyUrl + '/' + areaUrl + '/' + insuranceproviderUrl;
if (subSpecUrl || doctorUrl || titleUrl || genderUrl || feesUrl || homeVisitsUrl || tagsUrl || preferdDayUrl || patientidval || mainSpecialty) {
url = url + '?' + subSpecUrl + subAreaUrl + doctorUrl + titleUrl + genderUrl + feesUrl + homeVisitsUrl + tagsUrl + preferdDayUrl + patientidval + mainSpecialty;
}
} else {
url = '/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1' + '?' + patientidval;
}
$("#btnSearch").css("cursor", "default");
$("#btnSearch").css("pointer-events", "none");
$("#btnSearch").addClass('searchloading');
$("#fix").css("pointer-events", "none");
$("#pagin").css("pointer-events", "none");
$(".entityspecialitiesclass").css("pointer-events", "none");
$("#LayoutHeader").css("pointer-events", "none");
$("#btnHomeSearch").css("pointer-events", "none");
$("#btnHomeSearch").css("cursor", "default");
$("#btnHomeSearch").addClass('searchloading');
document.onkeydown = function (e) {
return false;
};
window.location.href = url;
}
</script>
</header>
<body class="ltr">
<meta property="og:description" content="ابحث عن دكتور امراض جلدية و تناسلية شاطر عن طريق التأمين، المنطقة او اسم الدكتور واحجز موعد اون لاين بكل سهولة" />
<meta property="og:title" content="إحجز مع دكتور امراض جلدية و تناسلية اون لاين-فيزيتا" />
<meta name="title" content="إحجز مع دكتور امراض جلدية و تناسلية اون لاين-فيزيتا" />
<meta name="description" content="ابحث عن دكتور امراض جلدية و تناسلية شاطر عن طريق التأمين، المنطقة او اسم الدكتور واحجز موعد اون لاين بكل سهولة" />
<script>
$("#vms1-lh").text('دكتور امراض جلدية و تناسلية في دقيقتين'.replace(/&quot;/g, '"'));
</script>
<script>
var isCleared='0' ;
if (isCleared == "1") {
$("#name").text("");
$("#email").text("");
$("#phoneNumber").text("");
$("#cBirthDate").text("");
$("#cArea").text("");
$("#CallerNumber").val("");
$('#editPatient').hide();
$('#CallFaildbtn').hide();
$('#patientname').hide();
$('#phoneNumber').hide();
$('#name').hide();
$('#cArea').hide();
$('#cBirthDate').hide();
$('#editPatient').hide();
$('#CallFaildbtn').hide();
$('#InquiryCallsbtn').hide();
$('#textBoxWrapper').show();
}
</script>
<div class="searchResultsMain ov-srch">
<div class="container" id="Search">
<div class="row">
<div class="col-xs-12">
<div class="searchResHdr col-xs-12 col-sm-12 brcmb nopadding">
<ol class="breadcrumb bcfz font-size-12">
<li><a class="white homeicon" href="/"><span class="white glyphicon glyphicon-home font-size-11" title="الصفحة الرئيسية"></span> </a></li>
<li class="active" id="SearchCrumb"><a class="white" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82">ابحث عن دكتور امراض جلدية و تناسلية في مصر</a></li>
</ol>
</div>
<div class="clearfix h15 visible-xs"></div>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-xs-12">
<div class="row">
<div class="col-xs-12">
<div class="col-sm-2 hidden-xs hidden-sm hidden-md nopadding advancedSearchDiv" style="zoom: 0.9;">
<div id="fix">
<div class="bluetext filterby"><img width="20" height="20" alt="حدد بحثك حسب" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/filtersicon5.7.5.png" /> تصفيه النتائج</div>
<hr class="greyHr hrSml">
<div id="subSpecialtyNavHeader" data-toggle="collapse" data-target="#SpecialtyNav" aria-expanded="false" aria-controls="SpecialtyNav" class=" bluetext cursor-pointer" style="min-width: 160px;">
<img width="20" height="20" alt="التخصصات الفرعية" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/subspecialtyicon.png" class="pull-left" />
التخصصات الفرعية
<b class="caret fs-24 pull-right margin-top-7 margin-right-7"></b>
</div>
<div class="text-center bluetext">(امراض جلدية و تناسلية)</div>
<ul class="nav clearfix collapse in" id="SpecialtyNav">
<li class="liAnySpec gray666"><label><input class="responsive-search bluetext" id="anyCBSpec" name="anyCBSpec" type="checkbox" checked="" data-label="الكل" /></label></li>
<li class="liSpec gray666">
<label>
<input class="responsive-search" name="specCB[]" type="checkbox" data-label="جلدية بالغين" value="جلدية-بالغين" />
</label>
</li>
<li class="liSpec gray666">
<label>
<input class="responsive-search" name="specCB[]" type="checkbox" data-label="جلدية اطفال" value="جلدية-اطفال" />
</label>
</li>
<li class="liSpec gray666">
<label>
<input class="responsive-search" name="specCB[]" type="checkbox" data-label="تجميل و ليزر" value="تجميل-و-ليزر" />
</label>
</li>
<li class="liSpec gray666">
<label>
<input class="responsive-search" name="specCB[]" type="checkbox" data-label="امراض تناسلية" value="امراض-تناسلية" />
</label>
</li>
</ul>
<hr class="greyHr hrSml">
<div data-toggle="collapse" data-target="#AvailabilityNav" aria-expanded="false" aria-controls="AvailabilityNav" class=" bluetext cursor-pointer" style="min-width: 160px;">
<img width="20" height="20" alt="اختار يوم الحجز" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/availabilityicon.png" class="pull-left" />
اختار يوم الحجز
<b class="caret fs-24 pull-right margin-top-7 margin-right-7"></b>
</div>
<ul class="nav clearfix gray666 collapse in" id="AvailabilityNav">
<li class="advsearchli tooltipcustom liAvailability mobile-nowrap"><label><input class="responsive-search bluetext" name="preferdDay" type="radio" data-label="اي يوم" value="Any" /></label></li>
<li class="advsearchli tooltipcustom liAvailability tooltipunder mobile-nowrap"><span>البحث عن دكتور لديه مواعيد اليوم</span><label><input class="responsive-search bluetext" name="preferdDay" type="radio" data-label="اليوم" value="Today" /></label></li>
<li class="advsearchli tooltipcustom liAvailability tooltipunder mobile-nowrap"><span>البحث عن دكتور لديه مواعيد غداً</span><label><input class="responsive-search bluetext" name="preferdDay" type="radio" data-label="غداً" value="Tomorrow" /></label></li>
</ul>
<hr class="greyHr hrSml">
<div data-toggle="collapse" data-target="#TitleNav" aria-expanded="false" aria-controls="TitleNav" class=" bluetext cursor-pointer" style="min-width: 160px;">
<img width="20" height="20" alt="اللقب" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/doctortitleicon.png" class="pull-left" />
اللقب
<b class="caret fs-24 pull-right pull-right margin-top-7 margin-right-7"></b>
</div>
<ul class="gray666 nav clearfix collapse in" id="TitleNav">
<li class="advsearchli liAny1 liSpec"><label><input class="responsive-search" id="anyCB1" name="anyCB1" type="checkbox" checked="" data-label="الكل" /></label></li>
<li class="advsearchli liTitles tooltipcustom liSpec"><span>دكتور أشرف على أكثر من 50 بحث طبي و يدرس بالجامعة</span><label><input class="responsive-search" name="titlesCB" type="checkbox" data-label="أستاذ" value="Professor" /></label></li>
<li class="advsearchli liTitles tooltipcustom liSpec"><span>دكتور حاصل علي دكتوراه و يدرس بالجامعة</span><label><input class="responsive-search" name="titlesCB" type="checkbox" data-label="مدرس" value="Lecturer" /></label></li>
<li class="advsearchli liTitles tooltipcustom liSpec"><span>دكتور لديه أكثر من 10 سنوات خبرة في ممارسة الطب</span><label><input class="responsive-search" name="titlesCB" type="checkbox" data-label="استشاري" value="Consultant" /></label></li>
<li class="advsearchli liTitles tooltipcustom liSpec"><span>دكتور لديه أكثر من 5 سنوات خبرة في ممارسة الطب</span><label><input class="responsive-search" name="titlesCB" type="checkbox" data-label="أخصائي" value="Specialist" /></label></li>
</ul>
<hr class="greyHr hrSml">
<div id="genderNavHeader" data-toggle="collapse" data-target="#GenderNav" class=" bluetext cursor-pointer" style="min-width: 160px;" aria-expanded="false" aria-controls="GenderNav">
<img width="20" height="20" alt="النوع" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/doctorgendericon.png" class="pull-left" />
النوع
<b class="caret fs-24 bluetext pull-right margin-top-7 margin-right-7"></b>
</div>
<ul class="gray666 nav clearfix collapse in" id="GenderNav">
<li class="advsearchli ligender"><label><input class="responsive-search" type="radio" name="Gender" checked="checked" data-label="الكل" value="" /></label></li>
<li class="advsearchli ligender"><label><input class="responsive-search" type="radio" name="Gender" data-label="دكتورة" value="Female" /></label></li>
<li class="advsearchli ligender"><label><input class="responsive-search" type="radio" name="Gender" data-label="دكتور" value="Male" /></label></li>
</ul>
<hr class="greyHr hrSml">
<div data-toggle="collapse" data-target="#FeesNav" class=" bluetext cursor-pointer" style="min-width: 160px;" aria-controls="FeesNav" aria-expanded="false">
<img width="20" height="20" alt="سعر الكشف" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/feesicon.png" class="pull-left" />
سعر الكشف
<b class="caret fs-24 bluetext pull-right margin-top-7 margin-right-7"></b>
</div>
<ul class="gray666 nav clearfix collapse in responsive-search" id="FeesNav">
<li class="advsearchli lifees mobile-nowrap"><label><input class="responsive-search bluetext" type="radio" name="fees" data-label="الكل" value="0" /></label></li>
<li class="advsearchli lifees mobile-nowrap"><label><input class="responsive-search bluetext" type="radio" name="fees" data-label="اقل من 50" value="1" /></label></li>
<li class="advsearchli lifees mobile-nowrap"><label><input class="responsive-search bluetext" type="radio" name="fees" data-label="من 50 الى 100" value="2" /></label></li>
<li class="advsearchli lifees mobile-nowrap"><label><input class="responsive-search bluetext" type="radio" name="fees" data-label="من 100 الى 200" value="3" /></label></li>
<li class="advsearchli lifees mobile-nowrap"><label><input class="responsive-search bluetext" type="radio" name="fees" data-label="من 200 الى 300" value="4" /></label></li>
<li class="advsearchli lifees mobile-nowrap"><label><input class="responsive-search bluetext" type="radio" name="fees" data-label="اكثر من 300" value="5" /></label></li>
</ul>
</div>
<div id="loadingspinner" class="hidden-xs">
</div>
<script>
var controller = 'Search';
var subSpecObj = [{"SpecId":106,"Specialty":"جلدية بالغين","Value":"جلدية-بالغين","Checked":false,"TranslatedValue":"Adult-Dermatology"},{"SpecId":108,"Specialty":"جلدية اطفال","Value":"جلدية-اطفال","Checked":false,"TranslatedValue":"Pediatric-Dermatology"},{"SpecId":107,"Specialty":"تجميل و ليزر","Value":"تجميل-و-ليزر","Checked":false,"TranslatedValue":"Cosmetic-Dermatology-and-Laser"},{"SpecId":53,"Specialty":"امراض تناسلية","Value":"امراض-تناسلية","Checked":false,"TranslatedValue":"Genital-Dermatology"}];
if (controller != "DoctorProfile") {
if (controller != "Generic") {
$('input[type=checkbox]').each(function () {
$(this).prettyCheckable();
});
$('input[type=radio]').each(function () {
$(this).prettyCheckable();
});
}
}
$(".lifees a").removeClass("checked");
$(".liTitles a").removeClass("checked");
$(".liSpec a").removeClass("checked");
$(".ligender a").removeClass("checked");
$(".liAvailability a").removeClass("checked");
$("#fix").fadeIn();
titleCheckBoxChange(0);
specCheckBoxChange(0);
areaCheckBoxChange();
var inputsFunctions = new Object();
$("input[name=titlesCB]").ready(function () {
inputsFunctions['titlesCB'] = function () {
titleCheckBoxChange(1);
}
});
$("input[name='specCB[]']").change(function () {
inputsFunctions['specCB[]'] = function () {
specCheckBoxChange(1);
}
});
$("input[name='areaCB[]']").change(function () {
inputsFunctions['areaCB[]'] = function () {
areaCheckBoxChange();
}
});
function titleCheckBoxChange(param) {
var limit = $("input[name=titlesCB]").length;
if (($("input[name=titlesCB]:checked").length > 0) && ($("input[name=titlesCB]:checked").length <= limit)) {
$("input[name=anyCB1]").prop("checked", false);
$(".liAny1 a").removeClass("checked");
SetSelectedCheckBoxFromUrl(param, 'title', 6, 0);
}
else if ($("input[name=titlesCB]:checked").length == 0 || $("input[name=titlesCB]:checked").length > limit) {
$("input[name=anyCB1]").prop("checked", true);
$(".liAny1 a").addClass("checked");
}
};
function specCheckBoxChange(param) {
var limit = $("input[name='specCB[]']").length;
if (($("input[name='specCB[]']:checked").length > 0) && ($("input[name='specCB[]']:checked").length <= limit)) {
$("input[name=anyCBSpec]").prop("checked", false);
$(".liAnySpec a").removeClass("checked");
SetSelectedCheckBoxFromUrl(param, 'subSpecialty', 13, 1);
}
else if ($("input[name='specCB[]']:checked").length == 0 || $("input[name='specCB[]']:checked").length > limit) {
$("input[name=anyCBSpec]").prop("checked", true);
$(".liAnySpec a").addClass("checked");
};
};
function areaCheckBoxChange() {
var limit = $("input[name='areaCB[]']").length;
if (($("input[name='areaCB[]']:checked").length > 0) && ($("input[name='areaCB[]']:checked").length <= limit)) {
$("input[name=anyCBArea]").prop("checked", false);
$(".liAnyArea a").removeClass("checked");
}
else if ($("input[name='areaCB[]']:checked").length == 0 || $("input[name='areaCB[]']:checked").length > limit) {
$("input[name=anyCBArea]").prop("checked", true);
$(".liAnyArea a").addClass("checked");
};
};
function SetSelectedCheckBoxFromUrl(param, urlKey, keyLen, gropId) {
var decodedarr = new Array();
var currentUrl = document.URL;
if (currentUrl != null && currentUrl != "") {
currentUrl = decodeURIComponent(currentUrl);
}
var key = currentUrl.indexOf(urlKey);
if (key != -1 || urlKey == 'subSpecialty') {
var selectedValue = currentUrl.substring(key + keyLen, currentUrl.length);
var selectedArr = ''.split(',');
if (urlKey == 'subSpecialty') {
//selectedArr.push(currentUrl.split('/')[5]);
for (var i = 0; i < selectedArr.length; i++) {
for (var x = 0; x < subSpecObj.length; x++) {
if (selectedArr[i].toLowerCase() == subSpecObj[x].TranslatedValue.toLowerCase()) {
decodedarr.push(decodeURI(subSpecObj[x].Value));
} else if (selectedArr[i].toLowerCase() == subSpecObj[x].Value.toLowerCase()) {
decodedarr.push(decodeURI(selectedArr[i]));
}
}
}
} else {
for (var j = 0; j < selectedArr.length; j++) {
decodedarr.push(decodeURI(selectedArr[j]));
}
}
switch (gropId) {
case 0:
if (param != 1) {
for (var i = 0; i < $("input[name='titlesCB']:checked").length ; i++) {
if (!isInArray(decodeURI($("input[name=titlesCB]:checked")[i].defaultValue), decodedarr)) {
var selectedval = $("input[name=titlesCB]:checked")[i].defaultValue;
$("input[name='titlesCB'][value=" + "\'" + selectedval + "\'" + "]").next().removeClass('checked');
$("input[name='titlesCB'][value=" + "\'" + selectedval + "\'" + "]").removeAttr("checked");
}
}
}
setselectedValues('titlesCB', decodedarr);
break;
case 1:
if (param != 1) {
for (var i = 0; i < $("input[name='specCB[]']:checked").length ; i++) {
if (!isInArray(decodeURI($("input[name='specCB[]']:checked")[i].defaultValue), decodedarr)) {
var selectedspec = $("input[name='specCB[]']:checked")[i].defaultValue;
$("input[name='specCB[]'][value=" + "\'" + selectedspec + "\'" + "]").next().removeClass('checked');
$("input[name='specCB[]'][value=" + "\'" + selectedspec + "\'" + "]").removeAttr("checked");
}
}
}
setselectedValues('specCB[]', decodedarr);
break;
}
} else {
if (param != 1) {
switch (gropId) {
case 0:
$("input[name=titlesCB]").prop("checked", false);
$(".liTitles a").removeAttr("checked");
$("input[name=anyCB1]").prop("checked", true);
$(".liAny1 a").addClass("checked");
break;
case 1:
$("input[name='specCB[]']").prop("checked", false);
$(".liSpec a").removeAttr("checked");
$("input[name=anyCBSpec]").prop("checked", true);
$(".liAnySpec a").addClass("checked");
break;
}
}
}
}
function isInArray(value, array) {
return array.indexOf(value) > -1;
}
function setselectedValues(inptname, arr) {
for (var i = 0; i < arr.length; i++) {
$("input[name="+ "\'"+inptname+"\'"+"][value=" + "\'" + arr[i] + "\'" + "]").next().addClass('checked');
}
}
$(document).ready(function () {
//$(".prettycheckbox").css("display", "flex");
var currentUrl = document.URL;
if (currentUrl != null && currentUrl != "") {
currentUrl = decodeURIComponent(currentUrl);
}
var feesIndex = currentUrl.indexOf("fees");
if (feesIndex != -1) {
var feesValue = currentUrl.substring(feesIndex + 5, feesIndex + 6);
switch (feesValue) {
case '1':
$("input[name='fees'][value='1']").next().addClass('checked');
break;
case '2':
$("input[name='fees'][value='2']").next().addClass('checked');
break;
case '3':
$("input[name='fees'][value='3']").next().addClass('checked');
break;
case '4':
$("input[name='fees'][value='4']").next().addClass('checked');
break;
case '5':
$("input[name='fees'][value='5']").next().addClass('checked');
break;
}
} else {
$("input[name='fees']").prop("checked", false);
$(".lifees a").removeClass("checked");
$("input[value='0']").next().addClass('checked');
}
var avnsrchgender = currentUrl.indexOf("gender");
if (avnsrchgender != -1) {
var avnsrchgenderValue = currentUrl.substring(avnsrchgender + 7);
var avnsrchgenderValuearray = avnsrchgenderValue.split('&');
switch (avnsrchgenderValuearray[0]) {
case "Male":
$("input[name='Gender'][value='Male']").next().addClass('checked');
break;
case "Female":
$("input[name='Gender'][value='Female']").next().addClass('checked');
break;
default:
}
} else {
$(".ligender a").removeClass("checked");
$("input[name='Gender']").prop("checked", false);
$("input[name='Gender'][value='']").next().addClass('checked');
}
var preferdDayIndex = currentUrl.indexOf("preferdDay");
if (preferdDayIndex != -1) {
var preferdDayValue = currentUrl.substring(preferdDayIndex + 11);
var preferdDayValuearray = preferdDayValue.split('&');
switch (preferdDayValuearray[0]) {
case "Today":
$("input[name='preferdDay'][value='Today']").next().addClass('checked');
break;
case "Tomorrow":
$("input[name='preferdDay'][value='Tomorrow']").next().addClass('checked');
break;
default:
}
} else {
$("input[name='preferdDay']").prop("checked", false);
$(".liAvailability a").removeClass("checked");
$("input[value='Any']").next().addClass('checked');
}
$("input[name=anyCB1]").change(function () {
if ($("input[name=titlesCB]:checked").length > 0) {
$("input[name=titlesCB]").prop("checked", false);
$(".liTitles a").removeClass("checked");
}
});
$("input[name=anyCBSpec]").change(function () {
if ($("input[name='specCB[]']:checked").length > 0) {
$("input[name='specCB[]']").prop("checked", false);
$(".liSpec a").removeClass("checked");
}
});
$("input[name=anyCBArea]").change(function () {
if ($("input[name='areaCB[]']:checked").length > 0) {
$("input[name='areaCB[]']").prop("checked", false);
$(".liArea a").removeClass("checked");
}
});
$(".pagination-lg>li>a").click(function () {
//$('body').css({ "cursor": "url(/Assets/Images/loader_cursor.gif), auto" });
$('body').css({ "cursor": "wait" });
$('#loadingspinner').show();
});
$(".responsive-search").change(function () {
$('body, .nav, .nav *').css('cursor', 'wait');
$('#loadingspinner').show();
var visitorAction = inputsFunctions[$(this).attr('name')];
if (visitorAction)
visitorAction();
});
$(".responsive-search").change(function () {
var spec = "";
if (this.name == "specCB[]") {
spec = { value: $(this).val(), state: this.checked };
}
searchLoad(spec);
});
$(".responsive-search-fees").click(function () {
//$(".theme-green .back-bar .pointer-label").css("visibility", "visible");
searchLoad();
});
if ($("input[name='specCB[]']:checked").length > 0) {
$('#anyCBSpec').removeAttr("disabled").closest('div').find('a').removeClass('disabled');
} else {
$('.liAnySpec .prettycheckbox a.disabled, .liAnySpec .prettycheckbox label.disabled, .liAnySpec .prettycheckbox label').css("cursor", "default");
}
if ($("input[name='areaCB[]']:checked").length > 0) {
$('#anyCBArea').removeAttr("disabled").closest('div').find('a').removeClass('disabled');
} else {
$('.liAnyArea .prettycheckbox a.disabled, .liAnyArea .prettycheckbox label.disabled, .liAnyArea .prettycheckbox label').css("cursor", "default");
}
if ($("input[name='titlesCB']:checked").length > 0) {
$('#anyCB1').removeAttr("disabled").closest('div').find('a').removeClass('disabled');
} else {
$('.liAny1 .prettycheckbox a.disabled, .liAny1 .prettycheckbox label.disabled, .liAny1 .prettycheckbox label').css("cursor", "default");
}
});
function searchLoad(spec) {
if (!$(document).ready()) { return; }
$('body, .nav, .nav *').css('cursor', 'wait');
$('body').css({ "cursor": "wait" });
$('#loadingspinner').show();
$('#resultsPanel').load(HomePageSearch(0,"", spec));
}
</script>
</div>
<div id="resultsPanel" class="col-md-12 col-lg-10">
<div id="srch-res-53101">
<div class="row docResult profileSearchResult" itemscope itemtype="schema.org/Physician">
<div class="media col-xs-12 centerdiv srch-doctor-profile">
<div class="row">
<div id="profile-img-53101" class="imgtopmrgn col-md-2 col-sm-3 col-lg-2">
<figure class="mobmargin text-center pull-left">
<div class="">
<a class="imgSearchPageCent" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%AD%D9%86%D8%A7%D9%86-%D9%85%D8%AD%D9%85%D8%AF-%D8%B5%D8%A7%D9%84%D8%AD-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" title="دكتورة حنان محمد صالح متخصص في امراض جلدية و تناسلية في حدائق القبة">
<Img alt="دكتورة حنان محمد صالح متخصص في امراض جلدية و تناسلية في حدائق القبة" class="img-rounded " height="100" id="imgheight" src="/Assets/Images/Doctors/ENT3f6e15/Doctor-Hanan-Mohamed-Saleh-Dermatology.jpg" style="width:150px;" width="100"></Img> </a>
</div>
<figcaption class="imgSearchPageCent" style="margin-top: 10px !important" id="figcapt-55177">
<a title="إحجز مع دكتورة حنان محمد صالح" id="bookbutton-55177" onclick=" mixPanelUtil.Book(MixPanelBook.ReservBtnImg); " href="/ar/Reservation/Index/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%AD%D9%86%D8%A7%D9%86-%D9%85%D8%AD%D9%85%D8%AF-%D8%B5%D8%A7%D9%84%D8%AD-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9" class="btn2 btn-2 btn-2e btn-reservation" style="margin: 0 !important; width: 100% !important;">احجز اونلاين</a>
</figcaption>
</figure>
</div>
<div id="profile-detail-53101" class="col-xs-12 col-sm-8 col-md-7 col-lg-7 media-body visibilitydiv marginImgSearch search">
<div class="row nameMg">
<div class="col-xs-12 col-md-9 col-sm-8 nopadding">
<a title="إحجز مع دكتورة حنان محمد صالح" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%AD%D9%86%D8%A7%D9%86-%D9%85%D8%AD%D9%85%D8%AF-%D8%B5%D8%A7%D9%84%D8%AD-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="doctor-prefix bluetext">
<span class="doctor-prefix">دكتورة</span>
</a>
<a title="إحجز مع دكتورة حنان محمد صالح" itemprop="url" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%AD%D9%86%D8%A7%D9%86-%D9%85%D8%AD%D9%85%D8%AF-%D8%B5%D8%A7%D9%84%D8%AD-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="bluetext text-decoration-none">
<span itemprop="name" class="media-heading FontSize25 media-body bluetext text-decoration"> حنان محمد صالح</span>
</a>
</div>
<div class="col-xs-12 col-md-3 col-sm-4 hidden-xs nopadding">
<div class="col-xs-12 nopadding" style="margin-top: 15px; font-size: 0.6em;">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" itemtitle="4.5 تقييم" class="star-rating rating-xs rating-active" style="display: inline; font-size: 1.2em; white-space: nowrap;">
<span itemprop="ratingValue" content="4.5"></span>
<input type="number" data-show-caption="false" data-show-clear="false" disabled="disabled" data-size="xs" step="1" max="5" min="0" value="4.5" class="rating form-control" style="display: none;">
</div>
<div title="٤ تقييم" class="stlbl rating-font" style="position: absolute; display: inline; width: 100%; white-space: nowrap;">
<span style="font-size: 1.0em">(٤ تقييم)</span>
</div>
</div>
</div>
</div>
<div class="row media-body visibilitydiv">
<div class="col-xs-12 col-sm-8">
<div class="row">
<div class="col-xs-12 nopadding">
<h2 class="bluetext nopadding nomargin seo-h2">استاذ الامراض الجلديه و التناسليه و العقم بكلية الطب جامعة عين شمس</h2>
</div>
<div class="row">
<div class="col-xs-12">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/OtherSpecialties5.7.5.png" title="التخصص" alt="التخصص" class="profileicon pull-left" />
<p class="padding-left">
<span class="gray666">
<a class="entityspecialitiesclass bluetext"href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82 title=ابحث عن افضل دكتور امراض جلدية و تناسلية في مصر><span itemprop="medicalSpecialty">امراض جلدية و تناسلية</span></a><span class="gray666"> متخصص في </span> <a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D8%A8%D8%A7%D9%84%D8%BA%D9%8A%D9%86/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>جلدية بالغين</a><span style="color: #7d7d7d">، </span><a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AA%D8%AC%D9%85%D9%8A%D9%84-%D9%88-%D9%84%D9%8A%D8%B2%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>تجميل و ليزر</a><span style="color: #7d7d7d"> و </span><a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D8%A7%D8%B7%D9%81%D8%A7%D9%84/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>جلدية اطفال</a>
</span>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix h5px"></div>
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/location5.7.5.1.png" title="المنطقة" alt="المنطقة" class="profileicon pull-left" />
<p class="padding-left">
<span id="area" style="color: #7d7d7d;">حدائق القبة</span>
<span>: ٥٠ شارع ترعة الجندي من سكه الوايلي ، برج الفريد ، امام صيدليه ايه - حدائق القبه</span>
<div class="clearfix h1px"></div>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix"></div>
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/callnumber5.7.5.1.png" title="اتصل بنا" alt="اتصل بنا" class="profileicon pull-left" />
<span class="margin-left-5"><span itemprop="telephone">16676</span> - بسعر المكالمة العادية</span>
</p>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-12">
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/ExaminationFees5.7.5.png" title="سعر الكشف" alt="سعر الكشف" class="profileicon pull-left" />
<span class="margin-left-5">
<span>سعر الكشف:</span> <span itemprop="priceRange">١٥٠ جنيه</span>
</span>
</p>
</div>
<div class="col-xs-12 waiting-time-col">
<div class="clearfix height5 hidden-xs"></div>
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/WaitingTime5.7.5.png" title="مدة الانتظار" alt="مدة الانتظار" class="waiting-time-icon pull-left col-xs-1 nopadding" />
<p class="col-xs-11 nopadding element-text">
مدة الانتظار
<span>
٩٠ دقيقة
</span>
</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="row hidden-xs">
<div class="col-xs-12">
</div>
</div>
</div>
</div>
</div>
<div class="clearfix visible-sm hidden-xs hidden-md hidden-lg"></div>
<div class="hidden-xs col-sm-5 col-md-3 col-lg-3 col-sm-offset-3 col-md-offset-0 col-lg-offset-0 profSearch2 smtopmrgn text-center moztransformorigin-leftelement" style="zoom: 0.85; -moz-transform: scale(0.85);">
<input id="reservationTypeId" name="reservationTypeId" type="hidden" value="2" />
<div class="table-type">الدخول بالحجز و اسبقية الحضور</div>
<div class="clearfix"></div>
<i id="load-icon" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></i>
<div data-contactid="55177" class="appointment tab" hidden>
<div id="appTableContactId" class="displaynone">55177</div>
<div>
<a class="nextWeek app-arr red previousWeek previousWeek-55177" data-bind='click: $root.prevWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentright5.7.5.1.png" alt="previousweek" class="appointmentarrow" />
</a>
<a class="prevWeek app-arr red next-week-arrow-55177" data-bind='click: $root.nextWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentleft5.7.5.1.png" alt="nextweek" class="appointmentarrow" />
</a>
</div>
<div class="table-responsive text-center" style="overflow:visible;">
<div class="calTable table" style="margin-bottom:0;">
<div id="tableHead" class="row nomargin Heading white" data-bind="foreach: Days">
<div id="tableAppHead" data-bind="attr:{ 'class': $root.GetColorClass(TodayDate) }">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:5px">
<div class="table-date" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">
<b class="fs-14 economica" data-bind="text: $root.GetDayOfWeek(TodayDate)" style="padding-left: 2px;padding-right: 2px;"></b>
<br />
<span data-bind="text: moment(TodayDate).format('MM/DD')"></span>
</div>
</div>
</div>
</div>
<div id="next-app-loading-55177" style="display:none;">
<i class="glyphicon glyphicon-refresh glyphicon-load-animate"></i>
</div>
<div data-bind="foreach: Days, as: 'd'" class="row nomargin Heading bluetext" id="tab-bod-55177">
<div id="tableBody" class="Col col-xs-4 text-center nopadding bluetext fifo-tab">
<div data-bind="if: NumberOfWorkingHourSlots > 0">
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }">
<div class="table-col" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }" style="padding-top:10px;">
<div>
<div style="font-size:0.85em;">من</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[0].From.locale('ar').format('hh:mm a')"></div>
<div style="font-size:0.85em;">الى</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[DaySlots.length - 1].To.locale('ar').format('hh:mm a')"></div>
</div>
<hr class="hrline" style="margin-top:10px;margin-bottom:5px;" />
<div data-bind="if: NumberOfPriorityToAttendanceSlots == 0">
<div style="font-size:0.85em" data-bind="text: 'لا يوجد مواعيد متوفرة'"></div>
</div>
<div style="height:5px"></div>
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<a title="الدخول باسبقية الحضور" class="btn2 btn-2 btn-2v2" id="BookNowlink" style="font-size: 1em; padding: 4.5px; min-width: 70px;" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">احجز</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-bind="ifnot: WeekAvailable">
<div data-bind="if: HasAppointment">
<div class="padding-right-left-15" data-bind="if: CurrentWeekIndex == 0">
<div id="firstav-55177" class="first-available" data-bind='click: $root.nextWeek'>
<div class="disp-inline">اول موعد متاح </div>
<div class="disp-inline" data-bind="text: FirstAppointment"></div>
<div class="disp-inline glyphicon glyphicon-arrow-left" style="padding-right: 5px;"></div>
</div>
</div>
</div>
<div data-bind="ifnot: HasAppointment">
<button class="no-available-hours gray666" disabled="disabled">لا يوجد مواعيد متاحة</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CallCenterDoctorDialogeSMs" tabindex="-1" role="dialog" aria-labelledby="CancelReservationLable" data-keyboard="false" data-backdrop="static" aria-hidden=" true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" id="">
<div>
<div class="control-group bluetext">
<span style=" font-size: 20px;">تم ارسال الرساله بنجاح</span>
</div>
</div>
</div>
<div class="modal-footer" id="">
<div class="save-n-cancel">
<div>
<a class="btn-2rd btn-2erd btn2 " id="CancleReservationokbtn" data-dismiss="modal">موافق</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var seemmoreHeight = 65;
if ('ar' == 'ar') {
seemmoreHeight = 61;
}
function collapsefunctionformorning(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var eveningElement = parentElement.find(".eve");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionfornoon(e) {
var parentElement = $(e).parent();
var morningElement = parentElement.find(".mor");
var eveningElement = parentElement.find(".eve");
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionforevening(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var morningElement = parentElement.find(".mor");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
}
function loadtable() {
var dataList = [{"EntityListContactId":55177,"EntityListingId":53101,"ReservationTypeId":2,"DirectBookingTypeId":3,"UrlKey":"دكتور-حنان-محمد-صالح-الجلدية","StartOfWeekDate":"\/Date(1462140000000)\/","Days":[{"TodayDate":"\/Date(1462140000000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}},{"TodayDate":"\/Date(1462226400000)\/","DaySlots":[{"From":"\/Date(1462300200000)\/","To":"\/Date(1462301640000)\/","SlotType":"Available"},{"From":"\/Date(1462301640000)\/","To":"\/Date(1462303080000)\/","SlotType":"Available"},{"From":"\/Date(1462303080000)\/","To":"\/Date(1462304520000)\/","SlotType":"Available"},{"From":"\/Date(1462304520000)\/","To":"\/Date(1462305960000)\/","SlotType":"Available"},{"From":"\/Date(1462305960000)\/","To":"\/Date(1462307400000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462300200000)\/","To":"\/Date(1462301640000)\/","SlotType":"Available"},{"From":"\/Date(1462301640000)\/","To":"\/Date(1462303080000)\/","SlotType":"Available"},{"From":"\/Date(1462303080000)\/","To":"\/Date(1462304520000)\/","SlotType":"Available"},{"From":"\/Date(1462304520000)\/","To":"\/Date(1462305960000)\/","SlotType":"Available"},{"From":"\/Date(1462305960000)\/","To":"\/Date(1462307400000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":5,"NumberOfWorkingHourSlots":5,"PriorityToAttendanceSlotsNumber":"٥","WorkingHourSlotsNumber":"٥","FirstPriorityToAttendSlot":{"From":"\/Date(1462300200000)\/","To":"\/Date(1462301640000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462300200000)\/","To":"\/Date(1462301640000)\/","SlotType":"Available"}},{"TodayDate":"\/Date(1462312800000)\/","DaySlots":[{"From":"\/Date(1462386600000)\/","To":"\/Date(1462388040000)\/","SlotType":"Available"},{"From":"\/Date(1462388040000)\/","To":"\/Date(1462389480000)\/","SlotType":"Available"},{"From":"\/Date(1462389480000)\/","To":"\/Date(1462390920000)\/","SlotType":"Available"},{"From":"\/Date(1462390920000)\/","To":"\/Date(1462392360000)\/","SlotType":"Available"},{"From":"\/Date(1462392360000)\/","To":"\/Date(1462393800000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462386600000)\/","To":"\/Date(1462388040000)\/","SlotType":"Available"},{"From":"\/Date(1462388040000)\/","To":"\/Date(1462389480000)\/","SlotType":"Available"},{"From":"\/Date(1462389480000)\/","To":"\/Date(1462390920000)\/","SlotType":"Available"},{"From":"\/Date(1462390920000)\/","To":"\/Date(1462392360000)\/","SlotType":"Available"},{"From":"\/Date(1462392360000)\/","To":"\/Date(1462393800000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":5,"NumberOfWorkingHourSlots":5,"PriorityToAttendanceSlotsNumber":"٥","WorkingHourSlotsNumber":"٥","FirstPriorityToAttendSlot":{"From":"\/Date(1462386600000)\/","To":"\/Date(1462388040000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462386600000)\/","To":"\/Date(1462388040000)\/","SlotType":"Available"}}],"IsSlots":true,"BookingAvailable":true,"FirstAppointment":"\/Date(1462226400000)\/","WeekAvailable":true}];
var week = 1;
var weekNumber = parseInt(week, 10) - 1;
function doctorAppointmentsModel(data) {
moment.locale('ar');
var self = this;
self.CurrentWeekIndex = 0;
self.SearchedWeeks = [0];
var selectedDayDateClass = "";
var urldate = "";
var sUrlVariables = window.location.search.substring(1).split('&');
for (var i = 0; i < sUrlVariables.length; i++) {
var sParameterName = sUrlVariables[i].split('=');
if (sParameterName[0] == "weekindex") {
var weekIndex = parseInt(sParameterName[1], 10);
self.CurrentWeekIndex = weekIndex;
self.SearchedWeeks = [weekIndex];
}
if (sParameterName[0] == "date") {
urldate = sParameterName[1].substring(0, 10).replace(/\//g, "");
}
}
self.WeekAvailable = ko.observable(data.WeekAvailable);
self.EntityListContactId = ko.observable(data.EntityListContactId);
self.UrlKey = ko.observable(data.UrlKey);
self.BookingAvailable = ko.observable(data.BookingAvailable);
self.StartOfWeekDate = ko.observable(data.StartOfWeekDate);
self.Days = ko.observableArray(data.Days);
self.HasAppointment = data.FirstAppointment != null;
self.FirstAppointment = 'True' == 'True' ? ko.observable(moment(data.FirstAppointment).format('YYYY/MM/DD')) : ko.observable(moment(data.FirstAppointment).format('DD/MM/YYYY'));
self.Days().forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
if (self.CurrentWeekIndex == 0) {
$(".previousWeek").addClass("NoPreviousWeek");
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
}
if (data.FirstAppointment == null) {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
}
self.timeOfDay = function(slot) {
var slotClasses = "";
var date = $("#SelectedDate").val();
if ('' != 'yes') {
$("a[data-date='" + date + "']").parent().addClass("Busy");
}
if (slot.get("hour") < 14) {
slotClasses += "morning";
} else if (slot.get("hour") < 18) {
slotClasses += "noon";
} else {
slotClasses += "evening";
}
return slotClasses;
};
self.changeObject = function(d, t) {
self.WeekAvailable(d.WeekAvailable);
self.EntityListContactId(d.EntityListContactId);
self.UrlKey(d.UrlKey);
self.StartOfWeekDate(d.StartOfWeekDate);
if (!(self.SearchedWeeks.indexOf(t) >= 0)) {
d.Days.forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
self.SearchedWeeks.push(t);
}
self.Days(d.Days);
$("#tab-bod-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
self.applyReadMore();
hoverStyles();
if (self.CurrentWeekIndex != 0) {
self.FirstAppointment("");
} else {
self.FirstAppointment(moment(d.FirstAppointment).format('DD/MM/YYYY'));
}
if (self.CurrentWeekIndex == 0) {
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
$(".previousWeek-"+self.EntityListContactId()).removeClass("disable-appointment-nav");
}
$(".contact-day-column").removeClass("selected-Day");
$(".contact-day-column").removeClass("box-checked");
if (selectedDayDateClass != "") {
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
setColumnHeight(self.EntityListContactId());
};
self.nextWeek = function() {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
$("#next-app-loading-" + self.EntityListContactId()).show();
var divHeight = $("#tab-bod-55177").height();
if (divHeight <= 80) {
divHeight = 80;
}
$("#next-app-loading-" + self.EntityListContactId()).css("height", divHeight);
$("#next-app-loading-" + self.EntityListContactId() + " .glyphicon").css("margin-top", divHeight / 2);
$("#tab-bod-" + self.EntityListContactId()).hide();
if (!self.WeekAvailable() && self.CurrentWeekIndex == /*dataList.length - 1*/ 0) {
var contact = self.EntityListContactId();
var thisdate = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$("#firstav-" + self.EntityListContactId()).hide();
$.ajax({
type: 'POST',
url: '/ar/Search/FirstContactAppointment',
data: { clinicId: contact, nowDate: thisdate},
dataType: "json",
success: function(result) {
$("#firstav-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
if (result.length == 0) {
$("#firstav-" + contact).text('لا يوجد مواعيد متاحة');
$("#firstav-" + contact).css("cursor", "default");
$("#firstav-" + contact).css("background-color", "#f5f5f5 !important");
$("#firstav-" + contact).replaceWith($("<button class='no-available-hours' disabled='disabled'>لا يوجد مواعيد متاحة</button>"));
$(".next-week-arrow-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
dataList.push(result);
self.WeekAvailable(result.WeekAvailable);
self.nextWeek();
}
},
});
} else {
if (self.CurrentWeekIndex < (dataList.length - 1)) {
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'left' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex + 1;
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'right' }, 250);
} else {
var contactId = self.EntityListContactId();
var date = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$.ajax({
type: 'POST',
url: '/ar/Search/ContactAppointments',
data: { contactId: contactId, nextWeekDate: date },
success: function(result) {
dataList.push(result);
self.nextWeek();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
}
});
}
}
$(".previousWeek").removeClass("NoPreviousWeek");
};
self.prevWeek = function() {
if (self.CurrentWeekIndex > 0) {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'right' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex - 1;
if (self.CurrentWeekIndex == 0) {
$('.previousWeek').addClass("NoPreviousWeek");
}
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'left' }, 250);
$(".next-week-arrow-"+self.EntityListContactId()).removeClass("disable-appointment-nav"); }
};
self.GetColorClass = function(todayDate) {
var today = moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var date = moment();
var datetoday = moment(date).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var datetomorrow = moment().add(1,'days');
var datetomorrow1 =moment(datetomorrow).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if (datetoday == today) {
return 'todaycolorclass Col col-xs-4 text-center nopadding';
}
if (datetomorrow1 == today) {
return 'tomorrowcolorclass Col col-xs-4 text-center nopadding';
} else {
return 'normalcolorclass Col col-xs-4 text-center nopadding';
}
};
self.GetDayClass = function(todayDate) {
return 'contact-day-column contact-day-' + self.EntityListContactId() + '-' + moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
};
var hoverStyles = function() {
if ('False' != "True") {
$(document).ready(function() {
var funct = function(num) {
var cl = ".contact-day-" + self.EntityListContactId() + '-'
+ moment(self.StartOfWeekDate()).add(num, 'days').locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if($(cl).length) {
$(cl).hover(function() {
$(cl).css('background-color','rgba(0,112,205,0.1)');
if ($("#tab-bod-" + '55177').find("#tableBody " + cl).length > 0 && !('Search'=="Reservation" && '2' != "2")) {
$(cl).css("cursor", "pointer");
}
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "visible");
$(cl).find(".fifo-selected").css("opacity", "0.5");
}
}, function() {
$(cl).css('background-color','transparent');
$(cl).css("cursor", "default");
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "hidden");
}
});
}
};
for (var count = 0; count <= 2; count++) {
funct(count);
}
});
}
};
hoverStyles();
if (urldate != "") {
$(document).ready(function() {
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + urldate;
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
});
}
self.OnAppointmentClicked = function(d, e) {
var controlerName='Search';
if ($(e.toElement).closest(".contact-day-column").find(".table-date").length > 0) {//If clicked on an empty day, do nothing
if ($(".calTable").find("#tableBody ." + $.grep($(e.toElement).closest(".contact-day-column")[0].classList, function(f){return f.match(/contact-day-[0-9]+/);}) + " .table-col").length == 0) {return;}
if (controlerName == "Reservation" && '2' != "2") return;
}
if (controlerName=="Reservation") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_ReservationPage);
} else if (controlerName == "Search") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve);
} else {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_DoctorProfile);
}
var date = $(e.target).attr("data-date");
if (date == undefined) {
date = $(e.currentTarget).attr("data-date");
}
var actualDate = $(e.target).attr("actual-date");
if (actualDate == undefined) {
actualDate = $(e.currentTarget).attr("actual-date");
}
if (controlerName != "Reservation" && '2' != "2" && e.toElement.className != "day-slot") {
actualDate = "";
}
if ($(e.target).parent().hasClass("Blocked") || $(e.target).parent().hasClass("Vacation") || $(e.target).parent().hasClass("Passed")) {
return;
}
$('span').removeClass("Busy");
$(e.target).parent().addClass("Busy");
$(".contact-day-column").removeClass("selected-Day");
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + date.substring(0, 10).replace(/\//g, "");
$(selectedDayDateClass).addClass("selected-Day");
if ('Index' === 'Index' && 'Search' === 'Reservation' || '' == 'yes') {
var clearDate = false;
if ('2' == "2") {
var element = $(e.toElement); //Current element
if (e.toElement == undefined) {
element = $(e.target);
}
var closestDay = element.closest(".contact-day-column"); //Parent
if (closestDay.find(".table-date").length > 0) { // If clicked on the day
var dayClass = $.grep(closestDay[0].classList, function(f){return f.match(/contact-day-[0-9]+/);});
element = $(".calTable").find("#tableBody ." + dayClass + " .table-col");
if (element.length == 0) {
return;
}
} else { //Else, clicked on the column
element = element.closest(".table-col");
}
var elementChild = element.find(".fifo-icon");
if (elementChild.length > 0) {
element = elementChild;
}
if (elementChild.length > 0) {
var removeCheck = element.hasClass("glyphicon-ok");
$(".check-box").find(".fifo-icon").addClass("icon-unchecked");
$(".check-box").find(".fifo-icon").removeClass("glyphicon-ok");
$("#AppointmentTable").find(".fifo-selected").css("visibility", "hidden");
if (removeCheck) {
element.removeClass("glyphicon-ok");
element.addClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "hidden");
clearDate = true;
selectedDayDateClass = "";
$(".contact-day-column").removeClass("selected-Day");
} else {
element.removeClass("icon-unchecked");
element.addClass("glyphicon-ok");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
}
}
if (!clearDate) {
$("#SelectedDate").val(date);
setSelectedDateFormatted();
$("#TheSelectedDate").val(actualDate);
$(".empty-date").hide();
} else {
$("#SelectedDate").val("");
$("#TheSelectedDate").val("");
$("#selecteddateformated").val("");
}
} else {
$('body').css('cursor', 'wait');
var urlKey = self.UrlKey();
if (window.location.href.indexOf('patientId') > -1 && window.location.href.split('patientId=')[1] != "") {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55177' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex + " &patientId=" + window.location.href.split('patientId=')[1];
} else {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55177' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex;
}
}
};
self.GetDayOfWeek = function(date) {
var dayindex = moment(date).weekday();
if ('ar' == 'ar') {
dayindex--;
if (dayindex == -1) {
dayindex = 6;
}
}
var day = moment.weekdays()[dayindex];
return day;
};
var nooncount = [];
var morningcount = [];
var eveningcount = [];
self.applyReadMore = function() {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).find(".day-column").each(function(index) {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
nooncount[index] = $(this).find(".noon").length;
morningcount[index] = $(this).find(".morning").length;
eveningcount[index] = $(this).find(".evening").length;
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
};
}
ko.bindingHandlers.animateWeek = {
init: function(element, valueAccessor) {
var value = valueAccessor();
$(element).toggle(ko.utils.unwrapObservable(value));
},
update: function(element, valueAccessor) {
var value = valueAccessor();
ko.utils.unwrapObservable(value) ?
$(element).slideDown(500) :
$(element).slideUp(500);
}
};
$(".tab").show();
var currentItem = dataList[weekNumber];
var model = new doctorAppointmentsModel(currentItem);
var dom = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
if (dom) {
ko.applyBindings(model, dom);
$(dom).find(".readmore").height(65);
$(dom).find(".day-column").each(function() {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
}
setColumnHeight('55177');
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
}
if ('' == 'false') {
loadtable();
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
setColumnHeight('55177');
} else {
loadtable();
//$(".tab").show();
//$(".glyphicon-refresh-animate").hide();
$(document).ready(function() {
if ('' != 'yes') {
$("a[data-date='" + $("#SelectedDate").val() + "']").parent().addClass("Busy");
}
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
$(window).load(function() {
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
//setColumnHeight('55177');
});
setSelectedDateFormatted();
});
}
function setColumnHeight(contactId) {
var tableHeight = $("#tab-bod-" + contactId).height();
var bookButtonHeight = $("#tab-bod-" + contactId + " #BookNowlink").parent().height();
var height = tableHeight - bookButtonHeight;
$("#tab-bod-" + contactId + " .align-btn-app").css("min-height", height);
}
function setSelectedDateFormatted() {
var selectedDateValue = $("#SelectedDate").val();
if (selectedDateValue != undefined && selectedDateValue != "") {
var splittedSelected = selectedDateValue.split('/');
var day = splittedSelected[1];
var month = splittedSelected[0];
splittedSelected[0] = day;
splittedSelected[1] = month;
selectedDateValue = splittedSelected[0] + '/' + splittedSelected[1] + '/' + splittedSelected[2];
var x = new Date(selectedDateValue);
var culture;
if ('ar' == 'ar') {
culture = "ar-sa";
} else {
culture = "en";
}
if ('2' == 2) {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY'));
} else {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY, h:mm a'));
}
}
}
</script>
<script>
function sendDoctorSms(param) {
var pname = $('#name').text();
$('#sendDoctorSmsbtn-' + param).css("cursor", "default");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "none");
$('#sendDoctorSmsbtn-' + param).css("background", "grey");
var text = 'ارسال' + ' ...';
$('#sendDoctorSmsbtn-' + param).text(text);
$.ajax({
url: '/ar/CallCenterReservation/SendDoctorSms',
dataType: "json",
data: {
paientname: pname,
doctorid: param,
},
type: "POST",
success: function(result) {
if (result) {
$('#CallCenterDoctorDialogeSMs').modal('show');
$('#sendDoctorSmsbtn-' + param).css("cursor", "pointer");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "painted");
$('#sendDoctorSmsbtn-' + param).css("background", "rgba(239, 15, 15, 1)");
var text = 'ارسل تنويه للدكتور بيانات المريض الاَن';
$('#sendDoctorSmsbtn-' + param).text(text);
}
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
if ('False' == 'True') {
$("#profile-detail-" + '53101').css("opacity", "0.5");
$("#profile-img-" + '53101').css("opacity", "0.5");
$(".card-op-" + '53101').css("opacity", "0.5").css('pointer-events', 'none');
}
});
</script> <hr class="clearfix h10" style="margin:0" />
<div id="srch-res-53047">
<div class="row docResult profileSearchResult" itemscope itemtype="schema.org/Physician">
<div class="media col-xs-12 centerdiv srch-doctor-profile">
<div class="row">
<div id="profile-img-53047" class="imgtopmrgn col-md-2 col-sm-3 col-lg-2">
<figure class="mobmargin text-center pull-left">
<div class="">
<a class="imgSearchPageCent" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-Amr-Nada-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" title="دكتور عمرو ندا متخصص في امراض جلدية و تناسلية في وسط البلد">
<Img alt="دكتور عمرو ندا متخصص في امراض جلدية و تناسلية في وسط البلد" class="img-rounded " height="100" id="imgheight" src="/Assets/Images/Doctors/ENT73b653/Doctor-Amr-Nada-Dermatology.jpg" style="width:150px;" width="100"></Img> </a>
</div>
<figcaption class="imgSearchPageCent" style="margin-top: 10px !important" id="figcapt-55123">
<a title="إحجز مع دكتور عمرو ندا" id="bookbutton-55123" onclick=" mixPanelUtil.Book(MixPanelBook.ReservBtnImg); " href="/ar/Reservation/Index/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-Amr-Nada-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9" class="btn2 btn-2 btn-2e btn-reservation" style="margin: 0 !important; width: 100% !important;">احجز اونلاين</a>
</figcaption>
</figure>
</div>
<div id="profile-detail-53047" class="col-xs-12 col-sm-8 col-md-7 col-lg-7 media-body visibilitydiv marginImgSearch search">
<div class="row nameMg">
<div class="col-xs-12 col-md-9 col-sm-8 nopadding">
<a title="إحجز مع دكتور عمرو ندا" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-Amr-Nada-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="doctor-prefix bluetext">
<span class="doctor-prefix">دكتور</span>
</a>
<a title="إحجز مع دكتور عمرو ندا" itemprop="url" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-Amr-Nada-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="bluetext text-decoration-none">
<span itemprop="name" class="media-heading FontSize25 media-body bluetext text-decoration"> عمرو ندا</span>
</a>
</div>
<div class="col-xs-12 col-md-3 col-sm-4 hidden-xs nopadding">
<div class="col-xs-12 nopadding" style="margin-top: 15px; font-size: 0.6em;">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" itemtitle="4.5 تقييم" class="star-rating rating-xs rating-active" style="display: inline; font-size: 1.2em; white-space: nowrap;">
<span itemprop="ratingValue" content="4.5"></span>
<input type="number" data-show-caption="false" data-show-clear="false" disabled="disabled" data-size="xs" step="1" max="5" min="0" value="4.5" class="rating form-control" style="display: none;">
</div>
<div title="٤ تقييم" class="stlbl rating-font" style="position: absolute; display: inline; width: 100%; white-space: nowrap;">
<span style="font-size: 1.0em">(٤ تقييم)</span>
</div>
</div>
</div>
</div>
<div class="row media-body visibilitydiv">
<div class="col-xs-12 col-sm-8">
<div class="row">
<div class="col-xs-12 nopadding">
<h2 class="bluetext nopadding nomargin seo-h2">استشارى الامراض الجلدية والتناسلية والليزر- القصر العيني</h2>
</div>
<div class="row">
<div class="col-xs-12">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/OtherSpecialties5.7.5.png" title="التخصص" alt="التخصص" class="profileicon pull-left" />
<p class="padding-left">
<span class="gray666">
<a class="entityspecialitiesclass bluetext"href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82 title=ابحث عن افضل دكتور امراض جلدية و تناسلية في مصر><span itemprop="medicalSpecialty">امراض جلدية و تناسلية</span></a><span class="gray666"> متخصص في </span> <a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>امراض تناسلية</a><span style="color: #7d7d7d">، </span><a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D8%A8%D8%A7%D9%84%D8%BA%D9%8A%D9%86/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>جلدية بالغين</a><span style="color: #7d7d7d"> و </span><a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AA%D8%AC%D9%85%D9%8A%D9%84-%D9%88-%D9%84%D9%8A%D8%B2%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>تجميل و ليزر</a>
</span>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix h5px"></div>
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/location5.7.5.1.png" title="المنطقة" alt="المنطقة" class="profileicon pull-left" />
<p class="padding-left">
<span id="area" style="color: #7d7d7d;">وسط البلد</span>
<span>: 182 شارغ التحرير - امام عمارة ستراند - فوق كشري الزعيم</span>
<div class="clearfix h1px"></div>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix"></div>
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/callnumber5.7.5.1.png" title="اتصل بنا" alt="اتصل بنا" class="profileicon pull-left" />
<span class="margin-left-5"><span itemprop="telephone">16676</span> - بسعر المكالمة العادية</span>
</p>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-12">
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/ExaminationFees5.7.5.png" title="سعر الكشف" alt="سعر الكشف" class="profileicon pull-left" />
<span class="margin-left-5">
<span>سعر الكشف:</span> <span itemprop="priceRange">٢٠٠ جنيه</span>
</span>
</p>
</div>
<div class="col-xs-12 waiting-time-col">
<div class="clearfix height5 hidden-xs"></div>
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/WaitingTime5.7.5.png" title="مدة الانتظار" alt="مدة الانتظار" class="waiting-time-icon pull-left col-xs-1 nopadding" />
<p class="col-xs-11 nopadding element-text">
مدة الانتظار
<span>
٦٠ دقيقة
</span>
</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="row hidden-xs">
<div class="col-xs-12">
</div>
</div>
</div>
</div>
</div>
<div class="clearfix visible-sm hidden-xs hidden-md hidden-lg"></div>
<div class="hidden-xs col-sm-5 col-md-3 col-lg-3 col-sm-offset-3 col-md-offset-0 col-lg-offset-0 profSearch2 smtopmrgn text-center moztransformorigin-leftelement" style="zoom: 0.85; -moz-transform: scale(0.85);">
<input id="reservationTypeId" name="reservationTypeId" type="hidden" value="2" />
<div class="table-type">الدخول بالحجز و اسبقية الحضور</div>
<div class="clearfix"></div>
<i id="load-icon" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></i>
<div data-contactid="55123" class="appointment tab" hidden>
<div id="appTableContactId" class="displaynone">55123</div>
<div>
<a class="nextWeek app-arr red previousWeek previousWeek-55123" data-bind='click: $root.prevWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentright5.7.5.1.png" alt="previousweek" class="appointmentarrow" />
</a>
<a class="prevWeek app-arr red next-week-arrow-55123" data-bind='click: $root.nextWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentleft5.7.5.1.png" alt="nextweek" class="appointmentarrow" />
</a>
</div>
<div class="table-responsive text-center" style="overflow:visible;">
<div class="calTable table" style="margin-bottom:0;">
<div id="tableHead" class="row nomargin Heading white" data-bind="foreach: Days">
<div id="tableAppHead" data-bind="attr:{ 'class': $root.GetColorClass(TodayDate) }">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:5px">
<div class="table-date" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">
<b class="fs-14 economica" data-bind="text: $root.GetDayOfWeek(TodayDate)" style="padding-left: 2px;padding-right: 2px;"></b>
<br />
<span data-bind="text: moment(TodayDate).format('MM/DD')"></span>
</div>
</div>
</div>
</div>
<div id="next-app-loading-55123" style="display:none;">
<i class="glyphicon glyphicon-refresh glyphicon-load-animate"></i>
</div>
<div data-bind="foreach: Days, as: 'd'" class="row nomargin Heading bluetext" id="tab-bod-55123">
<div id="tableBody" class="Col col-xs-4 text-center nopadding bluetext fifo-tab">
<div data-bind="if: NumberOfWorkingHourSlots > 0">
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }">
<div class="table-col" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }" style="padding-top:10px;">
<div>
<div style="font-size:0.85em;">من</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[0].From.locale('ar').format('hh:mm a')"></div>
<div style="font-size:0.85em;">الى</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[DaySlots.length - 1].To.locale('ar').format('hh:mm a')"></div>
</div>
<hr class="hrline" style="margin-top:10px;margin-bottom:5px;" />
<div data-bind="if: NumberOfPriorityToAttendanceSlots == 0">
<div style="font-size:0.85em" data-bind="text: 'لا يوجد مواعيد متوفرة'"></div>
</div>
<div style="height:5px"></div>
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<a title="الدخول باسبقية الحضور" class="btn2 btn-2 btn-2v2" id="BookNowlink" style="font-size: 1em; padding: 4.5px; min-width: 70px;" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">احجز</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-bind="ifnot: WeekAvailable">
<div data-bind="if: HasAppointment">
<div class="padding-right-left-15" data-bind="if: CurrentWeekIndex == 0">
<div id="firstav-55123" class="first-available" data-bind='click: $root.nextWeek'>
<div class="disp-inline">اول موعد متاح </div>
<div class="disp-inline" data-bind="text: FirstAppointment"></div>
<div class="disp-inline glyphicon glyphicon-arrow-left" style="padding-right: 5px;"></div>
</div>
</div>
</div>
<div data-bind="ifnot: HasAppointment">
<button class="no-available-hours gray666" disabled="disabled">لا يوجد مواعيد متاحة</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CallCenterDoctorDialogeSMs" tabindex="-1" role="dialog" aria-labelledby="CancelReservationLable" data-keyboard="false" data-backdrop="static" aria-hidden=" true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" id="">
<div>
<div class="control-group bluetext">
<span style=" font-size: 20px;">تم ارسال الرساله بنجاح</span>
</div>
</div>
</div>
<div class="modal-footer" id="">
<div class="save-n-cancel">
<div>
<a class="btn-2rd btn-2erd btn2 " id="CancleReservationokbtn" data-dismiss="modal">موافق</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var seemmoreHeight = 65;
if ('ar' == 'ar') {
seemmoreHeight = 61;
}
function collapsefunctionformorning(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var eveningElement = parentElement.find(".eve");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionfornoon(e) {
var parentElement = $(e).parent();
var morningElement = parentElement.find(".mor");
var eveningElement = parentElement.find(".eve");
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionforevening(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var morningElement = parentElement.find(".mor");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
}
function loadtable() {
var dataList = [{"EntityListContactId":55123,"EntityListingId":53047,"ReservationTypeId":2,"DirectBookingTypeId":3,"UrlKey":"دكتور-Amr-Nada-الجلدية","StartOfWeekDate":"\/Date(1462140000000)\/","Days":[{"TodayDate":"\/Date(1462140000000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}},{"TodayDate":"\/Date(1462226400000)\/","DaySlots":[{"From":"\/Date(1462294800000)\/","To":"\/Date(1462295520000)\/","SlotType":"Available"},{"From":"\/Date(1462295520000)\/","To":"\/Date(1462296240000)\/","SlotType":"Available"},{"From":"\/Date(1462296240000)\/","To":"\/Date(1462296960000)\/","SlotType":"Available"},{"From":"\/Date(1462296960000)\/","To":"\/Date(1462297680000)\/","SlotType":"Available"},{"From":"\/Date(1462297680000)\/","To":"\/Date(1462298400000)\/","SlotType":"Available"},{"From":"\/Date(1462298400000)\/","To":"\/Date(1462299120000)\/","SlotType":"Available"},{"From":"\/Date(1462299120000)\/","To":"\/Date(1462299840000)\/","SlotType":"Available"},{"From":"\/Date(1462299840000)\/","To":"\/Date(1462300560000)\/","SlotType":"Available"},{"From":"\/Date(1462300560000)\/","To":"\/Date(1462301280000)\/","SlotType":"Available"},{"From":"\/Date(1462301280000)\/","To":"\/Date(1462302000000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462294800000)\/","To":"\/Date(1462295520000)\/","SlotType":"Available"},{"From":"\/Date(1462295520000)\/","To":"\/Date(1462296240000)\/","SlotType":"Available"},{"From":"\/Date(1462296240000)\/","To":"\/Date(1462296960000)\/","SlotType":"Available"},{"From":"\/Date(1462296960000)\/","To":"\/Date(1462297680000)\/","SlotType":"Available"},{"From":"\/Date(1462297680000)\/","To":"\/Date(1462298400000)\/","SlotType":"Available"},{"From":"\/Date(1462298400000)\/","To":"\/Date(1462299120000)\/","SlotType":"Available"},{"From":"\/Date(1462299120000)\/","To":"\/Date(1462299840000)\/","SlotType":"Available"},{"From":"\/Date(1462299840000)\/","To":"\/Date(1462300560000)\/","SlotType":"Available"},{"From":"\/Date(1462300560000)\/","To":"\/Date(1462301280000)\/","SlotType":"Available"},{"From":"\/Date(1462301280000)\/","To":"\/Date(1462302000000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":10,"NumberOfWorkingHourSlots":10,"PriorityToAttendanceSlotsNumber":"١٠","WorkingHourSlotsNumber":"١٠","FirstPriorityToAttendSlot":{"From":"\/Date(1462294800000)\/","To":"\/Date(1462295520000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462294800000)\/","To":"\/Date(1462295520000)\/","SlotType":"Available"}},{"TodayDate":"\/Date(1462312800000)\/","DaySlots":[{"From":"\/Date(1462381200000)\/","To":"\/Date(1462381920000)\/","SlotType":"Available"},{"From":"\/Date(1462381920000)\/","To":"\/Date(1462382640000)\/","SlotType":"Available"},{"From":"\/Date(1462382640000)\/","To":"\/Date(1462383360000)\/","SlotType":"Available"},{"From":"\/Date(1462383360000)\/","To":"\/Date(1462384080000)\/","SlotType":"Available"},{"From":"\/Date(1462384080000)\/","To":"\/Date(1462384800000)\/","SlotType":"Available"},{"From":"\/Date(1462384800000)\/","To":"\/Date(1462385520000)\/","SlotType":"Available"},{"From":"\/Date(1462385520000)\/","To":"\/Date(1462386240000)\/","SlotType":"Available"},{"From":"\/Date(1462386240000)\/","To":"\/Date(1462386960000)\/","SlotType":"Available"},{"From":"\/Date(1462386960000)\/","To":"\/Date(1462387680000)\/","SlotType":"Available"},{"From":"\/Date(1462387680000)\/","To":"\/Date(1462388400000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462381200000)\/","To":"\/Date(1462381920000)\/","SlotType":"Available"},{"From":"\/Date(1462381920000)\/","To":"\/Date(1462382640000)\/","SlotType":"Available"},{"From":"\/Date(1462382640000)\/","To":"\/Date(1462383360000)\/","SlotType":"Available"},{"From":"\/Date(1462383360000)\/","To":"\/Date(1462384080000)\/","SlotType":"Available"},{"From":"\/Date(1462384080000)\/","To":"\/Date(1462384800000)\/","SlotType":"Available"},{"From":"\/Date(1462384800000)\/","To":"\/Date(1462385520000)\/","SlotType":"Available"},{"From":"\/Date(1462385520000)\/","To":"\/Date(1462386240000)\/","SlotType":"Available"},{"From":"\/Date(1462386240000)\/","To":"\/Date(1462386960000)\/","SlotType":"Available"},{"From":"\/Date(1462386960000)\/","To":"\/Date(1462387680000)\/","SlotType":"Available"},{"From":"\/Date(1462387680000)\/","To":"\/Date(1462388400000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":10,"NumberOfWorkingHourSlots":10,"PriorityToAttendanceSlotsNumber":"١٠","WorkingHourSlotsNumber":"١٠","FirstPriorityToAttendSlot":{"From":"\/Date(1462381200000)\/","To":"\/Date(1462381920000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462381200000)\/","To":"\/Date(1462381920000)\/","SlotType":"Available"}}],"IsSlots":true,"BookingAvailable":true,"FirstAppointment":"\/Date(1462226400000)\/","WeekAvailable":true}];
var week = 1;
var weekNumber = parseInt(week, 10) - 1;
function doctorAppointmentsModel(data) {
moment.locale('ar');
var self = this;
self.CurrentWeekIndex = 0;
self.SearchedWeeks = [0];
var selectedDayDateClass = "";
var urldate = "";
var sUrlVariables = window.location.search.substring(1).split('&');
for (var i = 0; i < sUrlVariables.length; i++) {
var sParameterName = sUrlVariables[i].split('=');
if (sParameterName[0] == "weekindex") {
var weekIndex = parseInt(sParameterName[1], 10);
self.CurrentWeekIndex = weekIndex;
self.SearchedWeeks = [weekIndex];
}
if (sParameterName[0] == "date") {
urldate = sParameterName[1].substring(0, 10).replace(/\//g, "");
}
}
self.WeekAvailable = ko.observable(data.WeekAvailable);
self.EntityListContactId = ko.observable(data.EntityListContactId);
self.UrlKey = ko.observable(data.UrlKey);
self.BookingAvailable = ko.observable(data.BookingAvailable);
self.StartOfWeekDate = ko.observable(data.StartOfWeekDate);
self.Days = ko.observableArray(data.Days);
self.HasAppointment = data.FirstAppointment != null;
self.FirstAppointment = 'True' == 'True' ? ko.observable(moment(data.FirstAppointment).format('YYYY/MM/DD')) : ko.observable(moment(data.FirstAppointment).format('DD/MM/YYYY'));
self.Days().forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
if (self.CurrentWeekIndex == 0) {
$(".previousWeek").addClass("NoPreviousWeek");
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
}
if (data.FirstAppointment == null) {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
}
self.timeOfDay = function(slot) {
var slotClasses = "";
var date = $("#SelectedDate").val();
if ('' != 'yes') {
$("a[data-date='" + date + "']").parent().addClass("Busy");
}
if (slot.get("hour") < 14) {
slotClasses += "morning";
} else if (slot.get("hour") < 18) {
slotClasses += "noon";
} else {
slotClasses += "evening";
}
return slotClasses;
};
self.changeObject = function(d, t) {
self.WeekAvailable(d.WeekAvailable);
self.EntityListContactId(d.EntityListContactId);
self.UrlKey(d.UrlKey);
self.StartOfWeekDate(d.StartOfWeekDate);
if (!(self.SearchedWeeks.indexOf(t) >= 0)) {
d.Days.forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
self.SearchedWeeks.push(t);
}
self.Days(d.Days);
$("#tab-bod-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
self.applyReadMore();
hoverStyles();
if (self.CurrentWeekIndex != 0) {
self.FirstAppointment("");
} else {
self.FirstAppointment(moment(d.FirstAppointment).format('DD/MM/YYYY'));
}
if (self.CurrentWeekIndex == 0) {
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
$(".previousWeek-"+self.EntityListContactId()).removeClass("disable-appointment-nav");
}
$(".contact-day-column").removeClass("selected-Day");
$(".contact-day-column").removeClass("box-checked");
if (selectedDayDateClass != "") {
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
setColumnHeight(self.EntityListContactId());
};
self.nextWeek = function() {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
$("#next-app-loading-" + self.EntityListContactId()).show();
var divHeight = $("#tab-bod-55123").height();
if (divHeight <= 80) {
divHeight = 80;
}
$("#next-app-loading-" + self.EntityListContactId()).css("height", divHeight);
$("#next-app-loading-" + self.EntityListContactId() + " .glyphicon").css("margin-top", divHeight / 2);
$("#tab-bod-" + self.EntityListContactId()).hide();
if (!self.WeekAvailable() && self.CurrentWeekIndex == /*dataList.length - 1*/ 0) {
var contact = self.EntityListContactId();
var thisdate = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$("#firstav-" + self.EntityListContactId()).hide();
$.ajax({
type: 'POST',
url: '/ar/Search/FirstContactAppointment',
data: { clinicId: contact, nowDate: thisdate},
dataType: "json",
success: function(result) {
$("#firstav-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
if (result.length == 0) {
$("#firstav-" + contact).text('لا يوجد مواعيد متاحة');
$("#firstav-" + contact).css("cursor", "default");
$("#firstav-" + contact).css("background-color", "#f5f5f5 !important");
$("#firstav-" + contact).replaceWith($("<button class='no-available-hours' disabled='disabled'>لا يوجد مواعيد متاحة</button>"));
$(".next-week-arrow-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
dataList.push(result);
self.WeekAvailable(result.WeekAvailable);
self.nextWeek();
}
},
});
} else {
if (self.CurrentWeekIndex < (dataList.length - 1)) {
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'left' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex + 1;
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'right' }, 250);
} else {
var contactId = self.EntityListContactId();
var date = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$.ajax({
type: 'POST',
url: '/ar/Search/ContactAppointments',
data: { contactId: contactId, nextWeekDate: date },
success: function(result) {
dataList.push(result);
self.nextWeek();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
}
});
}
}
$(".previousWeek").removeClass("NoPreviousWeek");
};
self.prevWeek = function() {
if (self.CurrentWeekIndex > 0) {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'right' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex - 1;
if (self.CurrentWeekIndex == 0) {
$('.previousWeek').addClass("NoPreviousWeek");
}
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'left' }, 250);
$(".next-week-arrow-"+self.EntityListContactId()).removeClass("disable-appointment-nav"); }
};
self.GetColorClass = function(todayDate) {
var today = moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var date = moment();
var datetoday = moment(date).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var datetomorrow = moment().add(1,'days');
var datetomorrow1 =moment(datetomorrow).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if (datetoday == today) {
return 'todaycolorclass Col col-xs-4 text-center nopadding';
}
if (datetomorrow1 == today) {
return 'tomorrowcolorclass Col col-xs-4 text-center nopadding';
} else {
return 'normalcolorclass Col col-xs-4 text-center nopadding';
}
};
self.GetDayClass = function(todayDate) {
return 'contact-day-column contact-day-' + self.EntityListContactId() + '-' + moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
};
var hoverStyles = function() {
if ('False' != "True") {
$(document).ready(function() {
var funct = function(num) {
var cl = ".contact-day-" + self.EntityListContactId() + '-'
+ moment(self.StartOfWeekDate()).add(num, 'days').locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if($(cl).length) {
$(cl).hover(function() {
$(cl).css('background-color','rgba(0,112,205,0.1)');
if ($("#tab-bod-" + '55123').find("#tableBody " + cl).length > 0 && !('Search'=="Reservation" && '2' != "2")) {
$(cl).css("cursor", "pointer");
}
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "visible");
$(cl).find(".fifo-selected").css("opacity", "0.5");
}
}, function() {
$(cl).css('background-color','transparent');
$(cl).css("cursor", "default");
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "hidden");
}
});
}
};
for (var count = 0; count <= 2; count++) {
funct(count);
}
});
}
};
hoverStyles();
if (urldate != "") {
$(document).ready(function() {
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + urldate;
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
});
}
self.OnAppointmentClicked = function(d, e) {
var controlerName='Search';
if ($(e.toElement).closest(".contact-day-column").find(".table-date").length > 0) {//If clicked on an empty day, do nothing
if ($(".calTable").find("#tableBody ." + $.grep($(e.toElement).closest(".contact-day-column")[0].classList, function(f){return f.match(/contact-day-[0-9]+/);}) + " .table-col").length == 0) {return;}
if (controlerName == "Reservation" && '2' != "2") return;
}
if (controlerName=="Reservation") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_ReservationPage);
} else if (controlerName == "Search") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve);
} else {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_DoctorProfile);
}
var date = $(e.target).attr("data-date");
if (date == undefined) {
date = $(e.currentTarget).attr("data-date");
}
var actualDate = $(e.target).attr("actual-date");
if (actualDate == undefined) {
actualDate = $(e.currentTarget).attr("actual-date");
}
if (controlerName != "Reservation" && '2' != "2" && e.toElement.className != "day-slot") {
actualDate = "";
}
if ($(e.target).parent().hasClass("Blocked") || $(e.target).parent().hasClass("Vacation") || $(e.target).parent().hasClass("Passed")) {
return;
}
$('span').removeClass("Busy");
$(e.target).parent().addClass("Busy");
$(".contact-day-column").removeClass("selected-Day");
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + date.substring(0, 10).replace(/\//g, "");
$(selectedDayDateClass).addClass("selected-Day");
if ('Index' === 'Index' && 'Search' === 'Reservation' || '' == 'yes') {
var clearDate = false;
if ('2' == "2") {
var element = $(e.toElement); //Current element
if (e.toElement == undefined) {
element = $(e.target);
}
var closestDay = element.closest(".contact-day-column"); //Parent
if (closestDay.find(".table-date").length > 0) { // If clicked on the day
var dayClass = $.grep(closestDay[0].classList, function(f){return f.match(/contact-day-[0-9]+/);});
element = $(".calTable").find("#tableBody ." + dayClass + " .table-col");
if (element.length == 0) {
return;
}
} else { //Else, clicked on the column
element = element.closest(".table-col");
}
var elementChild = element.find(".fifo-icon");
if (elementChild.length > 0) {
element = elementChild;
}
if (elementChild.length > 0) {
var removeCheck = element.hasClass("glyphicon-ok");
$(".check-box").find(".fifo-icon").addClass("icon-unchecked");
$(".check-box").find(".fifo-icon").removeClass("glyphicon-ok");
$("#AppointmentTable").find(".fifo-selected").css("visibility", "hidden");
if (removeCheck) {
element.removeClass("glyphicon-ok");
element.addClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "hidden");
clearDate = true;
selectedDayDateClass = "";
$(".contact-day-column").removeClass("selected-Day");
} else {
element.removeClass("icon-unchecked");
element.addClass("glyphicon-ok");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
}
}
if (!clearDate) {
$("#SelectedDate").val(date);
setSelectedDateFormatted();
$("#TheSelectedDate").val(actualDate);
$(".empty-date").hide();
} else {
$("#SelectedDate").val("");
$("#TheSelectedDate").val("");
$("#selecteddateformated").val("");
}
} else {
$('body').css('cursor', 'wait');
var urlKey = self.UrlKey();
if (window.location.href.indexOf('patientId') > -1 && window.location.href.split('patientId=')[1] != "") {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55123' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex + " &patientId=" + window.location.href.split('patientId=')[1];
} else {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55123' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex;
}
}
};
self.GetDayOfWeek = function(date) {
var dayindex = moment(date).weekday();
if ('ar' == 'ar') {
dayindex--;
if (dayindex == -1) {
dayindex = 6;
}
}
var day = moment.weekdays()[dayindex];
return day;
};
var nooncount = [];
var morningcount = [];
var eveningcount = [];
self.applyReadMore = function() {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).find(".day-column").each(function(index) {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
nooncount[index] = $(this).find(".noon").length;
morningcount[index] = $(this).find(".morning").length;
eveningcount[index] = $(this).find(".evening").length;
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
};
}
ko.bindingHandlers.animateWeek = {
init: function(element, valueAccessor) {
var value = valueAccessor();
$(element).toggle(ko.utils.unwrapObservable(value));
},
update: function(element, valueAccessor) {
var value = valueAccessor();
ko.utils.unwrapObservable(value) ?
$(element).slideDown(500) :
$(element).slideUp(500);
}
};
$(".tab").show();
var currentItem = dataList[weekNumber];
var model = new doctorAppointmentsModel(currentItem);
var dom = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
if (dom) {
ko.applyBindings(model, dom);
$(dom).find(".readmore").height(65);
$(dom).find(".day-column").each(function() {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
}
setColumnHeight('55123');
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
}
if ('' == 'false') {
loadtable();
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
setColumnHeight('55123');
} else {
loadtable();
//$(".tab").show();
//$(".glyphicon-refresh-animate").hide();
$(document).ready(function() {
if ('' != 'yes') {
$("a[data-date='" + $("#SelectedDate").val() + "']").parent().addClass("Busy");
}
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
$(window).load(function() {
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
//setColumnHeight('55123');
});
setSelectedDateFormatted();
});
}
function setColumnHeight(contactId) {
var tableHeight = $("#tab-bod-" + contactId).height();
var bookButtonHeight = $("#tab-bod-" + contactId + " #BookNowlink").parent().height();
var height = tableHeight - bookButtonHeight;
$("#tab-bod-" + contactId + " .align-btn-app").css("min-height", height);
}
function setSelectedDateFormatted() {
var selectedDateValue = $("#SelectedDate").val();
if (selectedDateValue != undefined && selectedDateValue != "") {
var splittedSelected = selectedDateValue.split('/');
var day = splittedSelected[1];
var month = splittedSelected[0];
splittedSelected[0] = day;
splittedSelected[1] = month;
selectedDateValue = splittedSelected[0] + '/' + splittedSelected[1] + '/' + splittedSelected[2];
var x = new Date(selectedDateValue);
var culture;
if ('ar' == 'ar') {
culture = "ar-sa";
} else {
culture = "en";
}
if ('2' == 2) {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY'));
} else {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY, h:mm a'));
}
}
}
</script>
<script>
function sendDoctorSms(param) {
var pname = $('#name').text();
$('#sendDoctorSmsbtn-' + param).css("cursor", "default");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "none");
$('#sendDoctorSmsbtn-' + param).css("background", "grey");
var text = 'ارسال' + ' ...';
$('#sendDoctorSmsbtn-' + param).text(text);
$.ajax({
url: '/ar/CallCenterReservation/SendDoctorSms',
dataType: "json",
data: {
paientname: pname,
doctorid: param,
},
type: "POST",
success: function(result) {
if (result) {
$('#CallCenterDoctorDialogeSMs').modal('show');
$('#sendDoctorSmsbtn-' + param).css("cursor", "pointer");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "painted");
$('#sendDoctorSmsbtn-' + param).css("background", "rgba(239, 15, 15, 1)");
var text = 'ارسل تنويه للدكتور بيانات المريض الاَن';
$('#sendDoctorSmsbtn-' + param).text(text);
}
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
if ('False' == 'True') {
$("#profile-detail-" + '53047').css("opacity", "0.5");
$("#profile-img-" + '53047').css("opacity", "0.5");
$(".card-op-" + '53047').css("opacity", "0.5").css('pointer-events', 'none');
}
});
</script> <hr class="clearfix h10" style="margin:0" />
<div id="srch-res-53049">
<div class="row docResult profileSearchResult" itemscope itemtype="schema.org/Physician">
<div class="media col-xs-12 centerdiv srch-doctor-profile">
<div class="row">
<div id="profile-img-53049" class="imgtopmrgn col-md-2 col-sm-3 col-lg-2">
<figure class="mobmargin text-center pull-left">
<div class="">
<a class="imgSearchPageCent" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%A9-%D9%86%D9%8A%D9%81%D9%8A%D9%86-%D8%B9%D9%84%D9%8A-%D9%85%D8%A4%D9%86%D8%B3-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" title="دكتورة نيفين علي مؤنس متخصص في امراض جلدية و تناسلية في مدينه نصر">
<Img alt="دكتورة نيفين علي مؤنس متخصص في امراض جلدية و تناسلية في مدينه نصر" class="img-rounded " height="100" id="imgheight" src="/Assets/Images/Doctors/ENTbdfded/Doctor-Neveen-mones-Dermatology.jpeg" style="width:150px;" width="100"></Img> </a>
</div>
<figcaption class="imgSearchPageCent" style="margin-top: 10px !important" id="figcapt-55125">
<a title="إحجز مع دكتورة نيفين علي مؤنس" id="bookbutton-55125" onclick=" mixPanelUtil.Book(MixPanelBook.ReservBtnImg); " href="/ar/Reservation/Index/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%A9-%D9%86%D9%8A%D9%81%D9%8A%D9%86-%D8%B9%D9%84%D9%8A-%D9%85%D8%A4%D9%86%D8%B3-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9" class="btn2 btn-2 btn-2e btn-reservation" style="margin: 0 !important; width: 100% !important;">احجز اونلاين</a>
</figcaption>
</figure>
</div>
<div id="profile-detail-53049" class="col-xs-12 col-sm-8 col-md-7 col-lg-7 media-body visibilitydiv marginImgSearch search">
<div class="row nameMg">
<div class="col-xs-12 col-md-9 col-sm-8 nopadding">
<a title="إحجز مع دكتورة نيفين علي مؤنس" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%A9-%D9%86%D9%8A%D9%81%D9%8A%D9%86-%D8%B9%D9%84%D9%8A-%D9%85%D8%A4%D9%86%D8%B3-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="doctor-prefix bluetext">
<span class="doctor-prefix">دكتورة</span>
</a>
<a title="إحجز مع دكتورة نيفين علي مؤنس" itemprop="url" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%A9-%D9%86%D9%8A%D9%81%D9%8A%D9%86-%D8%B9%D9%84%D9%8A-%D9%85%D8%A4%D9%86%D8%B3-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="bluetext text-decoration-none">
<span itemprop="name" class="media-heading FontSize25 media-body bluetext text-decoration"> نيفين علي مؤنس</span>
</a>
</div>
<div class="col-xs-12 col-md-3 col-sm-4 hidden-xs nopadding">
<div class="col-xs-12 nopadding" style="margin-top: 15px; font-size: 0.6em;">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" itemtitle="5 تقييم" class="star-rating rating-xs rating-active" style="display: inline; font-size: 1.2em; white-space: nowrap;">
<span itemprop="ratingValue" content="5"></span>
<input type="number" data-show-caption="false" data-show-clear="false" disabled="disabled" data-size="xs" step="1" max="5" min="0" value="5" class="rating form-control" style="display: none;">
</div>
<div title="٢ تقييم" class="stlbl rating-font" style="position: absolute; display: inline; width: 100%; white-space: nowrap;">
<span style="font-size: 1.0em">(٢ تقييم)</span>
</div>
</div>
</div>
</div>
<div class="row media-body visibilitydiv">
<div class="col-xs-12 col-sm-8">
<div class="row">
<div class="col-xs-12 nopadding">
<h2 class="bluetext nopadding nomargin seo-h2">أخصائي أمراض الجلد و البشرة -جامعة القاهرة</h2>
</div>
<div class="row">
<div class="col-xs-12">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/OtherSpecialties5.7.5.png" title="التخصص" alt="التخصص" class="profileicon pull-left" />
<p class="padding-left">
<span class="gray666">
<a class="entityspecialitiesclass bluetext"href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82 title=ابحث عن افضل دكتور امراض جلدية و تناسلية في مصر><span itemprop="medicalSpecialty">امراض جلدية و تناسلية</span></a><span class="gray666"> متخصص في </span> <a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D8%A8%D8%A7%D9%84%D8%BA%D9%8A%D9%86/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>جلدية بالغين</a><span style="color: #7d7d7d">، </span><a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AA%D8%AC%D9%85%D9%8A%D9%84-%D9%88-%D9%84%D9%8A%D8%B2%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>تجميل و ليزر</a><span style="color: #7d7d7d"> و </span><a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D8%A7%D8%B7%D9%81%D8%A7%D9%84/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>جلدية اطفال</a>
</span>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix h5px"></div>
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/location5.7.5.1.png" title="المنطقة" alt="المنطقة" class="profileicon pull-left" />
<p class="padding-left">
<span id="area" style="color: #7d7d7d;">مدينه نصر</span>
<span>: ٦٠ مصطفي النحاس بجوار غاز تك - مدينة نصر</span>
<div class="clearfix h1px"></div>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix"></div>
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/callnumber5.7.5.1.png" title="اتصل بنا" alt="اتصل بنا" class="profileicon pull-left" />
<span class="margin-left-5"><span itemprop="telephone">16676</span> - بسعر المكالمة العادية</span>
</p>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-12">
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/ExaminationFees5.7.5.png" title="سعر الكشف" alt="سعر الكشف" class="profileicon pull-left" />
<span class="margin-left-5">
<span>سعر الكشف:</span> <span itemprop="priceRange">١٢٠ جنيه</span>
</span>
</p>
</div>
<div class="col-xs-12 waiting-time-col">
<div class="clearfix height5 hidden-xs"></div>
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/WaitingTime5.7.5.png" title="مدة الانتظار" alt="مدة الانتظار" class="waiting-time-icon pull-left col-xs-1 nopadding" />
<p class="col-xs-11 nopadding element-text">
مدة الانتظار
<span>
٣٠ دقيقة
</span>
</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="row hidden-xs">
<div class="col-xs-12">
</div>
</div>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="علاج حب الشباب و الندبات">
<div class="tag text-overflow">علاج حب الشباب و الندبات<span class="displaynone tagAr">علاج حب الشباب و الندبات</span><span class="displaynone tagEn">Acne and Scar Removal</span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="علاج الهالات السوداء">
<div class="tag text-overflow">علاج الهالات السوداء<span class="displaynone tagAr">علاج الهالات السوداء</span><span class="displaynone tagEn">Dark Circle Treatments</span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="علاج تساقط الشعر">
<div class="tag text-overflow">علاج تساقط الشعر<span class="displaynone tagAr">علاج تساقط الشعر</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="التقشير الكيميائي">
<div class="tag text-overflow">التقشير الكيميائي<span class="displaynone tagAr">التقشير الكيميائي</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="اعادة نضارة البشرة">
<div class="tag text-overflow">اعادة نضارة البشرة<span class="displaynone tagAr">اعادة نضارة البشرة</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="برامج ادابة و تفتيت الدهون لنحت الجسم بدون جراحة">
<div class="tag text-overflow">برامج ادابة و تفتيت الدهون لنحت الجسم بدون جراحة<span class="displaynone tagAr">برامج ادابة و تفتيت الدهون لنحت الجسم بدون جراحة</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper nopadding">
<span class="col-xs-12 tagitem nopadding" style="border:0!important">
<a href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%A9-%D9%86%D9%8A%D9%81%D9%8A%D9%86-%D8%B9%D9%84%D9%8A-%D9%85%D8%A4%D9%86%D8%B3-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="more">المزيد...</a>
</span>
</div>
</div>
</div>
<div class="clearfix visible-sm hidden-xs hidden-md hidden-lg"></div>
<div class="hidden-xs col-sm-5 col-md-3 col-lg-3 col-sm-offset-3 col-md-offset-0 col-lg-offset-0 profSearch2 smtopmrgn text-center moztransformorigin-leftelement" style="zoom: 0.85; -moz-transform: scale(0.85);">
<input id="reservationTypeId" name="reservationTypeId" type="hidden" value="2" />
<div class="table-type">الدخول بالحجز و اسبقية الحضور</div>
<div class="clearfix"></div>
<i id="load-icon" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></i>
<div data-contactid="55125" class="appointment tab" hidden>
<div id="appTableContactId" class="displaynone">55125</div>
<div>
<a class="nextWeek app-arr red previousWeek previousWeek-55125" data-bind='click: $root.prevWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentright5.7.5.1.png" alt="previousweek" class="appointmentarrow" />
</a>
<a class="prevWeek app-arr red next-week-arrow-55125" data-bind='click: $root.nextWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentleft5.7.5.1.png" alt="nextweek" class="appointmentarrow" />
</a>
</div>
<div class="table-responsive text-center" style="overflow:visible;">
<div class="calTable table" style="margin-bottom:0;">
<div id="tableHead" class="row nomargin Heading white" data-bind="foreach: Days">
<div id="tableAppHead" data-bind="attr:{ 'class': $root.GetColorClass(TodayDate) }">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:5px">
<div class="table-date" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">
<b class="fs-14 economica" data-bind="text: $root.GetDayOfWeek(TodayDate)" style="padding-left: 2px;padding-right: 2px;"></b>
<br />
<span data-bind="text: moment(TodayDate).format('MM/DD')"></span>
</div>
</div>
</div>
</div>
<div id="next-app-loading-55125" style="display:none;">
<i class="glyphicon glyphicon-refresh glyphicon-load-animate"></i>
</div>
<div data-bind="foreach: Days, as: 'd'" class="row nomargin Heading bluetext" id="tab-bod-55125">
<div id="tableBody" class="Col col-xs-4 text-center nopadding bluetext fifo-tab">
<div data-bind="if: NumberOfWorkingHourSlots > 0">
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }">
<div class="table-col" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }" style="padding-top:10px;">
<div>
<div style="font-size:0.85em;">من</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[0].From.locale('ar').format('hh:mm a')"></div>
<div style="font-size:0.85em;">الى</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[DaySlots.length - 1].To.locale('ar').format('hh:mm a')"></div>
</div>
<hr class="hrline" style="margin-top:10px;margin-bottom:5px;" />
<div data-bind="if: NumberOfPriorityToAttendanceSlots == 0">
<div style="font-size:0.85em" data-bind="text: 'لا يوجد مواعيد متوفرة'"></div>
</div>
<div style="height:5px"></div>
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<a title="الدخول باسبقية الحضور" class="btn2 btn-2 btn-2v2" id="BookNowlink" style="font-size: 1em; padding: 4.5px; min-width: 70px;" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">احجز</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-bind="ifnot: WeekAvailable">
<div data-bind="if: HasAppointment">
<div class="padding-right-left-15" data-bind="if: CurrentWeekIndex == 0">
<div id="firstav-55125" class="first-available" data-bind='click: $root.nextWeek'>
<div class="disp-inline">اول موعد متاح </div>
<div class="disp-inline" data-bind="text: FirstAppointment"></div>
<div class="disp-inline glyphicon glyphicon-arrow-left" style="padding-right: 5px;"></div>
</div>
</div>
</div>
<div data-bind="ifnot: HasAppointment">
<button class="no-available-hours gray666" disabled="disabled">لا يوجد مواعيد متاحة</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CallCenterDoctorDialogeSMs" tabindex="-1" role="dialog" aria-labelledby="CancelReservationLable" data-keyboard="false" data-backdrop="static" aria-hidden=" true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" id="">
<div>
<div class="control-group bluetext">
<span style=" font-size: 20px;">تم ارسال الرساله بنجاح</span>
</div>
</div>
</div>
<div class="modal-footer" id="">
<div class="save-n-cancel">
<div>
<a class="btn-2rd btn-2erd btn2 " id="CancleReservationokbtn" data-dismiss="modal">موافق</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var seemmoreHeight = 65;
if ('ar' == 'ar') {
seemmoreHeight = 61;
}
function collapsefunctionformorning(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var eveningElement = parentElement.find(".eve");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionfornoon(e) {
var parentElement = $(e).parent();
var morningElement = parentElement.find(".mor");
var eveningElement = parentElement.find(".eve");
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionforevening(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var morningElement = parentElement.find(".mor");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
}
function loadtable() {
var dataList = [{"EntityListContactId":55125,"EntityListingId":53049,"ReservationTypeId":2,"DirectBookingTypeId":3,"UrlKey":"دكتور-ة-نيفين-علي-مؤنس-الجلدية","StartOfWeekDate":"\/Date(1462140000000)\/","Days":[{"TodayDate":"\/Date(1462140000000)\/","DaySlots":[{"From":"\/Date(1462208400000)\/","To":"\/Date(1462219200000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462208400000)\/","To":"\/Date(1462219200000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":1,"NumberOfWorkingHourSlots":1,"PriorityToAttendanceSlotsNumber":"١","WorkingHourSlotsNumber":"١","FirstPriorityToAttendSlot":{"From":"\/Date(1462208400000)\/","To":"\/Date(1462219200000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462208400000)\/","To":"\/Date(1462219200000)\/","SlotType":"Available"}},{"TodayDate":"\/Date(1462226400000)\/","DaySlots":[{"From":"\/Date(1462294800000)\/","To":"\/Date(1462296600000)\/","SlotType":"Available"},{"From":"\/Date(1462296600000)\/","To":"\/Date(1462298400000)\/","SlotType":"Available"},{"From":"\/Date(1462298400000)\/","To":"\/Date(1462300200000)\/","SlotType":"Available"},{"From":"\/Date(1462300200000)\/","To":"\/Date(1462302000000)\/","SlotType":"Available"},{"From":"\/Date(1462302000000)\/","To":"\/Date(1462303800000)\/","SlotType":"Available"},{"From":"\/Date(1462303800000)\/","To":"\/Date(1462305600000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462294800000)\/","To":"\/Date(1462296600000)\/","SlotType":"Available"},{"From":"\/Date(1462296600000)\/","To":"\/Date(1462298400000)\/","SlotType":"Available"},{"From":"\/Date(1462298400000)\/","To":"\/Date(1462300200000)\/","SlotType":"Available"},{"From":"\/Date(1462300200000)\/","To":"\/Date(1462302000000)\/","SlotType":"Available"},{"From":"\/Date(1462302000000)\/","To":"\/Date(1462303800000)\/","SlotType":"Available"},{"From":"\/Date(1462303800000)\/","To":"\/Date(1462305600000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":6,"NumberOfWorkingHourSlots":6,"PriorityToAttendanceSlotsNumber":"٦","WorkingHourSlotsNumber":"٦","FirstPriorityToAttendSlot":{"From":"\/Date(1462294800000)\/","To":"\/Date(1462296600000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462294800000)\/","To":"\/Date(1462296600000)\/","SlotType":"Available"}},{"TodayDate":"\/Date(1462312800000)\/","DaySlots":[{"From":"\/Date(1462381200000)\/","To":"\/Date(1462392000000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462381200000)\/","To":"\/Date(1462392000000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":1,"NumberOfWorkingHourSlots":1,"PriorityToAttendanceSlotsNumber":"١","WorkingHourSlotsNumber":"١","FirstPriorityToAttendSlot":{"From":"\/Date(1462381200000)\/","To":"\/Date(1462392000000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462381200000)\/","To":"\/Date(1462392000000)\/","SlotType":"Available"}}],"IsSlots":true,"BookingAvailable":true,"FirstAppointment":"\/Date(1462140000000)\/","WeekAvailable":true}];
var week = 1;
var weekNumber = parseInt(week, 10) - 1;
function doctorAppointmentsModel(data) {
moment.locale('ar');
var self = this;
self.CurrentWeekIndex = 0;
self.SearchedWeeks = [0];
var selectedDayDateClass = "";
var urldate = "";
var sUrlVariables = window.location.search.substring(1).split('&');
for (var i = 0; i < sUrlVariables.length; i++) {
var sParameterName = sUrlVariables[i].split('=');
if (sParameterName[0] == "weekindex") {
var weekIndex = parseInt(sParameterName[1], 10);
self.CurrentWeekIndex = weekIndex;
self.SearchedWeeks = [weekIndex];
}
if (sParameterName[0] == "date") {
urldate = sParameterName[1].substring(0, 10).replace(/\//g, "");
}
}
self.WeekAvailable = ko.observable(data.WeekAvailable);
self.EntityListContactId = ko.observable(data.EntityListContactId);
self.UrlKey = ko.observable(data.UrlKey);
self.BookingAvailable = ko.observable(data.BookingAvailable);
self.StartOfWeekDate = ko.observable(data.StartOfWeekDate);
self.Days = ko.observableArray(data.Days);
self.HasAppointment = data.FirstAppointment != null;
self.FirstAppointment = 'True' == 'True' ? ko.observable(moment(data.FirstAppointment).format('YYYY/MM/DD')) : ko.observable(moment(data.FirstAppointment).format('DD/MM/YYYY'));
self.Days().forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
if (self.CurrentWeekIndex == 0) {
$(".previousWeek").addClass("NoPreviousWeek");
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
}
if (data.FirstAppointment == null) {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
}
self.timeOfDay = function(slot) {
var slotClasses = "";
var date = $("#SelectedDate").val();
if ('' != 'yes') {
$("a[data-date='" + date + "']").parent().addClass("Busy");
}
if (slot.get("hour") < 14) {
slotClasses += "morning";
} else if (slot.get("hour") < 18) {
slotClasses += "noon";
} else {
slotClasses += "evening";
}
return slotClasses;
};
self.changeObject = function(d, t) {
self.WeekAvailable(d.WeekAvailable);
self.EntityListContactId(d.EntityListContactId);
self.UrlKey(d.UrlKey);
self.StartOfWeekDate(d.StartOfWeekDate);
if (!(self.SearchedWeeks.indexOf(t) >= 0)) {
d.Days.forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
self.SearchedWeeks.push(t);
}
self.Days(d.Days);
$("#tab-bod-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
self.applyReadMore();
hoverStyles();
if (self.CurrentWeekIndex != 0) {
self.FirstAppointment("");
} else {
self.FirstAppointment(moment(d.FirstAppointment).format('DD/MM/YYYY'));
}
if (self.CurrentWeekIndex == 0) {
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
$(".previousWeek-"+self.EntityListContactId()).removeClass("disable-appointment-nav");
}
$(".contact-day-column").removeClass("selected-Day");
$(".contact-day-column").removeClass("box-checked");
if (selectedDayDateClass != "") {
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
setColumnHeight(self.EntityListContactId());
};
self.nextWeek = function() {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
$("#next-app-loading-" + self.EntityListContactId()).show();
var divHeight = $("#tab-bod-55125").height();
if (divHeight <= 80) {
divHeight = 80;
}
$("#next-app-loading-" + self.EntityListContactId()).css("height", divHeight);
$("#next-app-loading-" + self.EntityListContactId() + " .glyphicon").css("margin-top", divHeight / 2);
$("#tab-bod-" + self.EntityListContactId()).hide();
if (!self.WeekAvailable() && self.CurrentWeekIndex == /*dataList.length - 1*/ 0) {
var contact = self.EntityListContactId();
var thisdate = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$("#firstav-" + self.EntityListContactId()).hide();
$.ajax({
type: 'POST',
url: '/ar/Search/FirstContactAppointment',
data: { clinicId: contact, nowDate: thisdate},
dataType: "json",
success: function(result) {
$("#firstav-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
if (result.length == 0) {
$("#firstav-" + contact).text('لا يوجد مواعيد متاحة');
$("#firstav-" + contact).css("cursor", "default");
$("#firstav-" + contact).css("background-color", "#f5f5f5 !important");
$("#firstav-" + contact).replaceWith($("<button class='no-available-hours' disabled='disabled'>لا يوجد مواعيد متاحة</button>"));
$(".next-week-arrow-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
dataList.push(result);
self.WeekAvailable(result.WeekAvailable);
self.nextWeek();
}
},
});
} else {
if (self.CurrentWeekIndex < (dataList.length - 1)) {
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'left' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex + 1;
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'right' }, 250);
} else {
var contactId = self.EntityListContactId();
var date = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$.ajax({
type: 'POST',
url: '/ar/Search/ContactAppointments',
data: { contactId: contactId, nextWeekDate: date },
success: function(result) {
dataList.push(result);
self.nextWeek();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
}
});
}
}
$(".previousWeek").removeClass("NoPreviousWeek");
};
self.prevWeek = function() {
if (self.CurrentWeekIndex > 0) {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'right' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex - 1;
if (self.CurrentWeekIndex == 0) {
$('.previousWeek').addClass("NoPreviousWeek");
}
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'left' }, 250);
$(".next-week-arrow-"+self.EntityListContactId()).removeClass("disable-appointment-nav"); }
};
self.GetColorClass = function(todayDate) {
var today = moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var date = moment();
var datetoday = moment(date).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var datetomorrow = moment().add(1,'days');
var datetomorrow1 =moment(datetomorrow).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if (datetoday == today) {
return 'todaycolorclass Col col-xs-4 text-center nopadding';
}
if (datetomorrow1 == today) {
return 'tomorrowcolorclass Col col-xs-4 text-center nopadding';
} else {
return 'normalcolorclass Col col-xs-4 text-center nopadding';
}
};
self.GetDayClass = function(todayDate) {
return 'contact-day-column contact-day-' + self.EntityListContactId() + '-' + moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
};
var hoverStyles = function() {
if ('False' != "True") {
$(document).ready(function() {
var funct = function(num) {
var cl = ".contact-day-" + self.EntityListContactId() + '-'
+ moment(self.StartOfWeekDate()).add(num, 'days').locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if($(cl).length) {
$(cl).hover(function() {
$(cl).css('background-color','rgba(0,112,205,0.1)');
if ($("#tab-bod-" + '55125').find("#tableBody " + cl).length > 0 && !('Search'=="Reservation" && '2' != "2")) {
$(cl).css("cursor", "pointer");
}
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "visible");
$(cl).find(".fifo-selected").css("opacity", "0.5");
}
}, function() {
$(cl).css('background-color','transparent');
$(cl).css("cursor", "default");
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "hidden");
}
});
}
};
for (var count = 0; count <= 2; count++) {
funct(count);
}
});
}
};
hoverStyles();
if (urldate != "") {
$(document).ready(function() {
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + urldate;
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
});
}
self.OnAppointmentClicked = function(d, e) {
var controlerName='Search';
if ($(e.toElement).closest(".contact-day-column").find(".table-date").length > 0) {//If clicked on an empty day, do nothing
if ($(".calTable").find("#tableBody ." + $.grep($(e.toElement).closest(".contact-day-column")[0].classList, function(f){return f.match(/contact-day-[0-9]+/);}) + " .table-col").length == 0) {return;}
if (controlerName == "Reservation" && '2' != "2") return;
}
if (controlerName=="Reservation") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_ReservationPage);
} else if (controlerName == "Search") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve);
} else {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_DoctorProfile);
}
var date = $(e.target).attr("data-date");
if (date == undefined) {
date = $(e.currentTarget).attr("data-date");
}
var actualDate = $(e.target).attr("actual-date");
if (actualDate == undefined) {
actualDate = $(e.currentTarget).attr("actual-date");
}
if (controlerName != "Reservation" && '2' != "2" && e.toElement.className != "day-slot") {
actualDate = "";
}
if ($(e.target).parent().hasClass("Blocked") || $(e.target).parent().hasClass("Vacation") || $(e.target).parent().hasClass("Passed")) {
return;
}
$('span').removeClass("Busy");
$(e.target).parent().addClass("Busy");
$(".contact-day-column").removeClass("selected-Day");
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + date.substring(0, 10).replace(/\//g, "");
$(selectedDayDateClass).addClass("selected-Day");
if ('Index' === 'Index' && 'Search' === 'Reservation' || '' == 'yes') {
var clearDate = false;
if ('2' == "2") {
var element = $(e.toElement); //Current element
if (e.toElement == undefined) {
element = $(e.target);
}
var closestDay = element.closest(".contact-day-column"); //Parent
if (closestDay.find(".table-date").length > 0) { // If clicked on the day
var dayClass = $.grep(closestDay[0].classList, function(f){return f.match(/contact-day-[0-9]+/);});
element = $(".calTable").find("#tableBody ." + dayClass + " .table-col");
if (element.length == 0) {
return;
}
} else { //Else, clicked on the column
element = element.closest(".table-col");
}
var elementChild = element.find(".fifo-icon");
if (elementChild.length > 0) {
element = elementChild;
}
if (elementChild.length > 0) {
var removeCheck = element.hasClass("glyphicon-ok");
$(".check-box").find(".fifo-icon").addClass("icon-unchecked");
$(".check-box").find(".fifo-icon").removeClass("glyphicon-ok");
$("#AppointmentTable").find(".fifo-selected").css("visibility", "hidden");
if (removeCheck) {
element.removeClass("glyphicon-ok");
element.addClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "hidden");
clearDate = true;
selectedDayDateClass = "";
$(".contact-day-column").removeClass("selected-Day");
} else {
element.removeClass("icon-unchecked");
element.addClass("glyphicon-ok");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
}
}
if (!clearDate) {
$("#SelectedDate").val(date);
setSelectedDateFormatted();
$("#TheSelectedDate").val(actualDate);
$(".empty-date").hide();
} else {
$("#SelectedDate").val("");
$("#TheSelectedDate").val("");
$("#selecteddateformated").val("");
}
} else {
$('body').css('cursor', 'wait');
var urlKey = self.UrlKey();
if (window.location.href.indexOf('patientId') > -1 && window.location.href.split('patientId=')[1] != "") {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55125' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex + " &patientId=" + window.location.href.split('patientId=')[1];
} else {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55125' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex;
}
}
};
self.GetDayOfWeek = function(date) {
var dayindex = moment(date).weekday();
if ('ar' == 'ar') {
dayindex--;
if (dayindex == -1) {
dayindex = 6;
}
}
var day = moment.weekdays()[dayindex];
return day;
};
var nooncount = [];
var morningcount = [];
var eveningcount = [];
self.applyReadMore = function() {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).find(".day-column").each(function(index) {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
nooncount[index] = $(this).find(".noon").length;
morningcount[index] = $(this).find(".morning").length;
eveningcount[index] = $(this).find(".evening").length;
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
};
}
ko.bindingHandlers.animateWeek = {
init: function(element, valueAccessor) {
var value = valueAccessor();
$(element).toggle(ko.utils.unwrapObservable(value));
},
update: function(element, valueAccessor) {
var value = valueAccessor();
ko.utils.unwrapObservable(value) ?
$(element).slideDown(500) :
$(element).slideUp(500);
}
};
$(".tab").show();
var currentItem = dataList[weekNumber];
var model = new doctorAppointmentsModel(currentItem);
var dom = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
if (dom) {
ko.applyBindings(model, dom);
$(dom).find(".readmore").height(65);
$(dom).find(".day-column").each(function() {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
}
setColumnHeight('55125');
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
}
if ('' == 'false') {
loadtable();
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
setColumnHeight('55125');
} else {
loadtable();
//$(".tab").show();
//$(".glyphicon-refresh-animate").hide();
$(document).ready(function() {
if ('' != 'yes') {
$("a[data-date='" + $("#SelectedDate").val() + "']").parent().addClass("Busy");
}
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
$(window).load(function() {
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
//setColumnHeight('55125');
});
setSelectedDateFormatted();
});
}
function setColumnHeight(contactId) {
var tableHeight = $("#tab-bod-" + contactId).height();
var bookButtonHeight = $("#tab-bod-" + contactId + " #BookNowlink").parent().height();
var height = tableHeight - bookButtonHeight;
$("#tab-bod-" + contactId + " .align-btn-app").css("min-height", height);
}
function setSelectedDateFormatted() {
var selectedDateValue = $("#SelectedDate").val();
if (selectedDateValue != undefined && selectedDateValue != "") {
var splittedSelected = selectedDateValue.split('/');
var day = splittedSelected[1];
var month = splittedSelected[0];
splittedSelected[0] = day;
splittedSelected[1] = month;
selectedDateValue = splittedSelected[0] + '/' + splittedSelected[1] + '/' + splittedSelected[2];
var x = new Date(selectedDateValue);
var culture;
if ('ar' == 'ar') {
culture = "ar-sa";
} else {
culture = "en";
}
if ('2' == 2) {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY'));
} else {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY, h:mm a'));
}
}
}
</script>
<script>
function sendDoctorSms(param) {
var pname = $('#name').text();
$('#sendDoctorSmsbtn-' + param).css("cursor", "default");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "none");
$('#sendDoctorSmsbtn-' + param).css("background", "grey");
var text = 'ارسال' + ' ...';
$('#sendDoctorSmsbtn-' + param).text(text);
$.ajax({
url: '/ar/CallCenterReservation/SendDoctorSms',
dataType: "json",
data: {
paientname: pname,
doctorid: param,
},
type: "POST",
success: function(result) {
if (result) {
$('#CallCenterDoctorDialogeSMs').modal('show');
$('#sendDoctorSmsbtn-' + param).css("cursor", "pointer");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "painted");
$('#sendDoctorSmsbtn-' + param).css("background", "rgba(239, 15, 15, 1)");
var text = 'ارسل تنويه للدكتور بيانات المريض الاَن';
$('#sendDoctorSmsbtn-' + param).text(text);
}
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
if ('False' == 'True') {
$("#profile-detail-" + '53049').css("opacity", "0.5");
$("#profile-img-" + '53049').css("opacity", "0.5");
$(".card-op-" + '53049').css("opacity", "0.5").css('pointer-events', 'none');
}
});
</script> <hr class="clearfix h10" style="margin:0" />
<div id="srch-res-52895">
<div class="row docResult profileSearchResult" itemscope itemtype="schema.org/Physician">
<div class="media col-xs-12 centerdiv srch-doctor-profile">
<div class="row">
<div id="profile-img-52895" class="imgtopmrgn col-md-2 col-sm-3 col-lg-2">
<figure class="mobmargin text-center pull-left">
<div class="">
<a class="imgSearchPageCent" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B1%D8%A7%D9%86%D8%AF%D9%87-%D9%85%D8%AD%D9%85%D8%AF-%D8%B3%D8%B9%D8%AF-%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" title="دكتورة راندا محمد سعد متخصص في امراض جلدية و تناسلية في رشدي">
<Img alt="دكتورة راندا محمد سعد متخصص في امراض جلدية و تناسلية في رشدي" class="img-rounded " height="100" id="imgheight" src="/Assets/Images/Doctors/ENTe4f0de/Doctor-Randah-saad-Dermatology.png" style="width:150px;" width="100"></Img> </a>
</div>
<figcaption class="imgSearchPageCent" style="margin-top: 10px !important" id="figcapt-54969">
<a title="إحجز مع دكتورة راندا محمد سعد" id="bookbutton-54969" onclick=" mixPanelUtil.Book(MixPanelBook.ReservBtnImg); " href="/ar/Reservation/Index/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B1%D8%A7%D9%86%D8%AF%D9%87-%D9%85%D8%AD%D9%85%D8%AF-%D8%B3%D8%B9%D8%AF-%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="btn2 btn-2 btn-2e btn-reservation" style="margin: 0 !important; width: 100% !important;">احجز اونلاين</a>
</figcaption>
</figure>
</div>
<div id="profile-detail-52895" class="col-xs-12 col-sm-8 col-md-7 col-lg-7 media-body visibilitydiv marginImgSearch search">
<div class="row nameMg">
<div class="col-xs-12 col-md-9 col-sm-8 nopadding">
<a title="إحجز مع دكتورة راندا محمد سعد" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B1%D8%A7%D9%86%D8%AF%D9%87-%D9%85%D8%AD%D9%85%D8%AF-%D8%B3%D8%B9%D8%AF-%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="doctor-prefix bluetext">
<span class="doctor-prefix">دكتورة</span>
</a>
<a title="إحجز مع دكتورة راندا محمد سعد" itemprop="url" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B1%D8%A7%D9%86%D8%AF%D9%87-%D9%85%D8%AD%D9%85%D8%AF-%D8%B3%D8%B9%D8%AF-%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="bluetext text-decoration-none">
<span itemprop="name" class="media-heading FontSize25 media-body bluetext text-decoration"> راندا محمد سعد</span>
</a>
</div>
<div class="col-xs-12 col-md-3 col-sm-4 hidden-xs nopadding">
<div class="col-xs-12 nopadding" style="margin-top: 15px; font-size: 0.6em;">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" itemtitle="4 تقييم" class="star-rating rating-xs rating-active" style="display: inline; font-size: 1.2em; white-space: nowrap;">
<input type="number" data-show-caption="false" data-show-clear="false" disabled="disabled" data-size="xs" step="1" max="5" min="0" value="4" class="rating form-control" style="display: none;">
</div>
<div title="٣ تقييم" class="stlbl rating-font" style="position: absolute; display: inline; width: 100%; white-space: nowrap;">
<span style="font-size: 1.0em">(٣ تقييم)</span>
</div>
</div>
</div>
</div>
<div class="row media-body visibilitydiv">
<div class="col-xs-12 col-sm-8">
<div class="row">
<div class="col-xs-12 nopadding">
<h2 class="bluetext nopadding nomargin seo-h2">أخصائية العلاج التجميلي للبشرة و التقشيير الكيميائي
و صنفرة الجلد بالكريستال و إزالة الشعر الدائم بالليزر
</h2>
</div>
<div class="row">
<div class="col-xs-12">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/OtherSpecialties5.7.5.png" title="التخصص" alt="التخصص" class="profileicon pull-left" />
<p class="padding-left">
<span class="gray666">
<a class="entityspecialitiesclass bluetext"href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82 title=ابحث عن افضل دكتور امراض جلدية و تناسلية في مصر><span itemprop="medicalSpecialty">امراض جلدية و تناسلية</span></a><span class="gray666"> متخصص في </span> <a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AA%D8%AC%D9%85%D9%8A%D9%84-%D9%88-%D9%84%D9%8A%D8%B2%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>تجميل و ليزر</a>
</span>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix h5px"></div>
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/location5.7.5.1.png" title="المنطقة" alt="المنطقة" class="profileicon pull-left" />
<p class="padding-left">
<span id="area" style="color: #7d7d7d;">رشدي</span>
<span>: 458 طريق الحرية - رشدي
أمام محل حسام للملابس_امام محل عبايتي – الدور الثالث </span>
<div class="clearfix h1px"></div>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix"></div>
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/callnumber5.7.5.1.png" title="اتصل بنا" alt="اتصل بنا" class="profileicon pull-left" />
<span class="margin-left-5"><span itemprop="telephone">16676</span> - بسعر المكالمة العادية</span>
</p>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-12">
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/ExaminationFees5.7.5.png" title="سعر الكشف" alt="سعر الكشف" class="profileicon pull-left" />
<span class="margin-left-5">
<span>سعر الكشف:</span> <span itemprop="priceRange">١٠٠ جنيه</span>
</span>
</p>
</div>
<div class="col-xs-12 waiting-time-col">
<div class="clearfix height5 hidden-xs"></div>
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/WaitingTime5.7.5.png" title="مدة الانتظار" alt="مدة الانتظار" class="waiting-time-icon pull-left col-xs-1 nopadding" />
<p class="col-xs-11 nopadding element-text">
مدة الانتظار
<span>
٦٠ دقيقة
</span>
</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="row hidden-xs">
<div class="col-xs-12">
</div>
</div>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="علاج تجميلي للبشره">
<div class="tag text-overflow">علاج تجميلي للبشره<span class="displaynone tagAr">علاج تجميلي للبشره</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="التقشير الكيميائي">
<div class="tag text-overflow">التقشير الكيميائي<span class="displaynone tagAr">التقشير الكيميائي</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="التقشير و الليزر">
<div class="tag text-overflow">التقشير و الليزر<span class="displaynone tagAr">التقشير و الليزر</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="صنفره الجلد بالكريستال">
<div class="tag text-overflow">صنفره الجلد بالكريستال<span class="displaynone tagAr">صنفره الجلد بالكريستال</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="إزالة الشعر بالليزر">
<div class="tag text-overflow">إزالة الشعر بالليزر<span class="displaynone tagAr">إزالة الشعر بالليزر</span><span class="displaynone tagEn">Laser Hair Removal</span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="ازالة اثار حب الشباب">
<div class="tag text-overflow">ازالة اثار حب الشباب<span class="displaynone tagAr">ازالة اثار حب الشباب</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper nopadding">
<span class="col-xs-12 tagitem nopadding" style="border:0!important">
<a href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B1%D8%A7%D9%86%D8%AF%D9%87-%D9%85%D8%AD%D9%85%D8%AF-%D8%B3%D8%B9%D8%AF-%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="more">المزيد...</a>
</span>
</div>
</div>
</div>
<div class="clearfix visible-sm hidden-xs hidden-md hidden-lg"></div>
<div class="hidden-xs col-sm-5 col-md-3 col-lg-3 col-sm-offset-3 col-md-offset-0 col-lg-offset-0 profSearch2 smtopmrgn text-center moztransformorigin-leftelement" style="zoom: 0.85; -moz-transform: scale(0.85);">
<input id="reservationTypeId" name="reservationTypeId" type="hidden" value="2" />
<div class="table-type">الدخول بالحجز و اسبقية الحضور</div>
<div class="clearfix"></div>
<i id="load-icon" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></i>
<div data-contactid="54969" class="appointment tab" hidden>
<div id="appTableContactId" class="displaynone">54969</div>
<div>
<a class="nextWeek app-arr red previousWeek previousWeek-54969" data-bind='click: $root.prevWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentright5.7.5.1.png" alt="previousweek" class="appointmentarrow" />
</a>
<a class="prevWeek app-arr red next-week-arrow-54969" data-bind='click: $root.nextWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentleft5.7.5.1.png" alt="nextweek" class="appointmentarrow" />
</a>
</div>
<div class="table-responsive text-center" style="overflow:visible;">
<div class="calTable table" style="margin-bottom:0;">
<div id="tableHead" class="row nomargin Heading white" data-bind="foreach: Days">
<div id="tableAppHead" data-bind="attr:{ 'class': $root.GetColorClass(TodayDate) }">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:5px">
<div class="table-date" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">
<b class="fs-14 economica" data-bind="text: $root.GetDayOfWeek(TodayDate)" style="padding-left: 2px;padding-right: 2px;"></b>
<br />
<span data-bind="text: moment(TodayDate).format('MM/DD')"></span>
</div>
</div>
</div>
</div>
<div id="next-app-loading-54969" style="display:none;">
<i class="glyphicon glyphicon-refresh glyphicon-load-animate"></i>
</div>
<div data-bind="foreach: Days, as: 'd'" class="row nomargin Heading bluetext" id="tab-bod-54969">
<div id="tableBody" class="Col col-xs-4 text-center nopadding bluetext fifo-tab">
<div data-bind="if: NumberOfWorkingHourSlots > 0">
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }">
<div class="table-col" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }" style="padding-top:10px;">
<div>
<div style="font-size:0.85em;">من</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[0].From.locale('ar').format('hh:mm a')"></div>
<div style="font-size:0.85em;">الى</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[DaySlots.length - 1].To.locale('ar').format('hh:mm a')"></div>
</div>
<hr class="hrline" style="margin-top:10px;margin-bottom:5px;" />
<div data-bind="if: NumberOfPriorityToAttendanceSlots == 0">
<div style="font-size:0.85em" data-bind="text: 'لا يوجد مواعيد متوفرة'"></div>
</div>
<div style="height:5px"></div>
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<a title="الدخول باسبقية الحضور" class="btn2 btn-2 btn-2v2" id="BookNowlink" style="font-size: 1em; padding: 4.5px; min-width: 70px;" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">احجز</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-bind="ifnot: WeekAvailable">
<div data-bind="if: HasAppointment">
<div class="padding-right-left-15" data-bind="if: CurrentWeekIndex == 0">
<div id="firstav-54969" class="first-available" data-bind='click: $root.nextWeek'>
<div class="disp-inline">اول موعد متاح </div>
<div class="disp-inline" data-bind="text: FirstAppointment"></div>
<div class="disp-inline glyphicon glyphicon-arrow-left" style="padding-right: 5px;"></div>
</div>
</div>
</div>
<div data-bind="ifnot: HasAppointment">
<button class="no-available-hours gray666" disabled="disabled">لا يوجد مواعيد متاحة</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CallCenterDoctorDialogeSMs" tabindex="-1" role="dialog" aria-labelledby="CancelReservationLable" data-keyboard="false" data-backdrop="static" aria-hidden=" true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" id="">
<div>
<div class="control-group bluetext">
<span style=" font-size: 20px;">تم ارسال الرساله بنجاح</span>
</div>
</div>
</div>
<div class="modal-footer" id="">
<div class="save-n-cancel">
<div>
<a class="btn-2rd btn-2erd btn2 " id="CancleReservationokbtn" data-dismiss="modal">موافق</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var seemmoreHeight = 65;
if ('ar' == 'ar') {
seemmoreHeight = 61;
}
function collapsefunctionformorning(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var eveningElement = parentElement.find(".eve");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionfornoon(e) {
var parentElement = $(e).parent();
var morningElement = parentElement.find(".mor");
var eveningElement = parentElement.find(".eve");
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionforevening(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var morningElement = parentElement.find(".mor");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
}
function loadtable() {
var dataList = [{"EntityListContactId":54969,"EntityListingId":52895,"ReservationTypeId":2,"DirectBookingTypeId":3,"UrlKey":"دكتور-رانده-محمد-سعد-امراض-جلدية-و-تناسلية","StartOfWeekDate":"\/Date(1462140000000)\/","Days":[{"TodayDate":"\/Date(1462140000000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}},{"TodayDate":"\/Date(1462226400000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}},{"TodayDate":"\/Date(1462312800000)\/","DaySlots":[{"From":"\/Date(1462352400000)\/","To":"\/Date(1462354200000)\/","SlotType":"Available"},{"From":"\/Date(1462354200000)\/","To":"\/Date(1462356000000)\/","SlotType":"Available"},{"From":"\/Date(1462356000000)\/","To":"\/Date(1462357800000)\/","SlotType":"Available"},{"From":"\/Date(1462357800000)\/","To":"\/Date(1462359600000)\/","SlotType":"Available"},{"From":"\/Date(1462359600000)\/","To":"\/Date(1462361400000)\/","SlotType":"Available"},{"From":"\/Date(1462361400000)\/","To":"\/Date(1462363200000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462352400000)\/","To":"\/Date(1462354200000)\/","SlotType":"Available"},{"From":"\/Date(1462354200000)\/","To":"\/Date(1462356000000)\/","SlotType":"Available"},{"From":"\/Date(1462356000000)\/","To":"\/Date(1462357800000)\/","SlotType":"Available"},{"From":"\/Date(1462357800000)\/","To":"\/Date(1462359600000)\/","SlotType":"Available"},{"From":"\/Date(1462359600000)\/","To":"\/Date(1462361400000)\/","SlotType":"Available"},{"From":"\/Date(1462361400000)\/","To":"\/Date(1462363200000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":6,"NumberOfWorkingHourSlots":6,"PriorityToAttendanceSlotsNumber":"٦","WorkingHourSlotsNumber":"٦","FirstPriorityToAttendSlot":{"From":"\/Date(1462352400000)\/","To":"\/Date(1462354200000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462352400000)\/","To":"\/Date(1462354200000)\/","SlotType":"Available"}}],"IsSlots":true,"BookingAvailable":true,"FirstAppointment":"\/Date(1462312800000)\/","WeekAvailable":true}];
var week = 1;
var weekNumber = parseInt(week, 10) - 1;
function doctorAppointmentsModel(data) {
moment.locale('ar');
var self = this;
self.CurrentWeekIndex = 0;
self.SearchedWeeks = [0];
var selectedDayDateClass = "";
var urldate = "";
var sUrlVariables = window.location.search.substring(1).split('&');
for (var i = 0; i < sUrlVariables.length; i++) {
var sParameterName = sUrlVariables[i].split('=');
if (sParameterName[0] == "weekindex") {
var weekIndex = parseInt(sParameterName[1], 10);
self.CurrentWeekIndex = weekIndex;
self.SearchedWeeks = [weekIndex];
}
if (sParameterName[0] == "date") {
urldate = sParameterName[1].substring(0, 10).replace(/\//g, "");
}
}
self.WeekAvailable = ko.observable(data.WeekAvailable);
self.EntityListContactId = ko.observable(data.EntityListContactId);
self.UrlKey = ko.observable(data.UrlKey);
self.BookingAvailable = ko.observable(data.BookingAvailable);
self.StartOfWeekDate = ko.observable(data.StartOfWeekDate);
self.Days = ko.observableArray(data.Days);
self.HasAppointment = data.FirstAppointment != null;
self.FirstAppointment = 'True' == 'True' ? ko.observable(moment(data.FirstAppointment).format('YYYY/MM/DD')) : ko.observable(moment(data.FirstAppointment).format('DD/MM/YYYY'));
self.Days().forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
if (self.CurrentWeekIndex == 0) {
$(".previousWeek").addClass("NoPreviousWeek");
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
}
if (data.FirstAppointment == null) {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
}
self.timeOfDay = function(slot) {
var slotClasses = "";
var date = $("#SelectedDate").val();
if ('' != 'yes') {
$("a[data-date='" + date + "']").parent().addClass("Busy");
}
if (slot.get("hour") < 14) {
slotClasses += "morning";
} else if (slot.get("hour") < 18) {
slotClasses += "noon";
} else {
slotClasses += "evening";
}
return slotClasses;
};
self.changeObject = function(d, t) {
self.WeekAvailable(d.WeekAvailable);
self.EntityListContactId(d.EntityListContactId);
self.UrlKey(d.UrlKey);
self.StartOfWeekDate(d.StartOfWeekDate);
if (!(self.SearchedWeeks.indexOf(t) >= 0)) {
d.Days.forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
self.SearchedWeeks.push(t);
}
self.Days(d.Days);
$("#tab-bod-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
self.applyReadMore();
hoverStyles();
if (self.CurrentWeekIndex != 0) {
self.FirstAppointment("");
} else {
self.FirstAppointment(moment(d.FirstAppointment).format('DD/MM/YYYY'));
}
if (self.CurrentWeekIndex == 0) {
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
$(".previousWeek-"+self.EntityListContactId()).removeClass("disable-appointment-nav");
}
$(".contact-day-column").removeClass("selected-Day");
$(".contact-day-column").removeClass("box-checked");
if (selectedDayDateClass != "") {
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
setColumnHeight(self.EntityListContactId());
};
self.nextWeek = function() {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
$("#next-app-loading-" + self.EntityListContactId()).show();
var divHeight = $("#tab-bod-54969").height();
if (divHeight <= 80) {
divHeight = 80;
}
$("#next-app-loading-" + self.EntityListContactId()).css("height", divHeight);
$("#next-app-loading-" + self.EntityListContactId() + " .glyphicon").css("margin-top", divHeight / 2);
$("#tab-bod-" + self.EntityListContactId()).hide();
if (!self.WeekAvailable() && self.CurrentWeekIndex == /*dataList.length - 1*/ 0) {
var contact = self.EntityListContactId();
var thisdate = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$("#firstav-" + self.EntityListContactId()).hide();
$.ajax({
type: 'POST',
url: '/ar/Search/FirstContactAppointment',
data: { clinicId: contact, nowDate: thisdate},
dataType: "json",
success: function(result) {
$("#firstav-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
if (result.length == 0) {
$("#firstav-" + contact).text('لا يوجد مواعيد متاحة');
$("#firstav-" + contact).css("cursor", "default");
$("#firstav-" + contact).css("background-color", "#f5f5f5 !important");
$("#firstav-" + contact).replaceWith($("<button class='no-available-hours' disabled='disabled'>لا يوجد مواعيد متاحة</button>"));
$(".next-week-arrow-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
dataList.push(result);
self.WeekAvailable(result.WeekAvailable);
self.nextWeek();
}
},
});
} else {
if (self.CurrentWeekIndex < (dataList.length - 1)) {
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'left' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex + 1;
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'right' }, 250);
} else {
var contactId = self.EntityListContactId();
var date = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$.ajax({
type: 'POST',
url: '/ar/Search/ContactAppointments',
data: { contactId: contactId, nextWeekDate: date },
success: function(result) {
dataList.push(result);
self.nextWeek();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
}
});
}
}
$(".previousWeek").removeClass("NoPreviousWeek");
};
self.prevWeek = function() {
if (self.CurrentWeekIndex > 0) {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'right' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex - 1;
if (self.CurrentWeekIndex == 0) {
$('.previousWeek').addClass("NoPreviousWeek");
}
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'left' }, 250);
$(".next-week-arrow-"+self.EntityListContactId()).removeClass("disable-appointment-nav"); }
};
self.GetColorClass = function(todayDate) {
var today = moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var date = moment();
var datetoday = moment(date).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var datetomorrow = moment().add(1,'days');
var datetomorrow1 =moment(datetomorrow).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if (datetoday == today) {
return 'todaycolorclass Col col-xs-4 text-center nopadding';
}
if (datetomorrow1 == today) {
return 'tomorrowcolorclass Col col-xs-4 text-center nopadding';
} else {
return 'normalcolorclass Col col-xs-4 text-center nopadding';
}
};
self.GetDayClass = function(todayDate) {
return 'contact-day-column contact-day-' + self.EntityListContactId() + '-' + moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
};
var hoverStyles = function() {
if ('False' != "True") {
$(document).ready(function() {
var funct = function(num) {
var cl = ".contact-day-" + self.EntityListContactId() + '-'
+ moment(self.StartOfWeekDate()).add(num, 'days').locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if($(cl).length) {
$(cl).hover(function() {
$(cl).css('background-color','rgba(0,112,205,0.1)');
if ($("#tab-bod-" + '54969').find("#tableBody " + cl).length > 0 && !('Search'=="Reservation" && '2' != "2")) {
$(cl).css("cursor", "pointer");
}
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "visible");
$(cl).find(".fifo-selected").css("opacity", "0.5");
}
}, function() {
$(cl).css('background-color','transparent');
$(cl).css("cursor", "default");
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "hidden");
}
});
}
};
for (var count = 0; count <= 2; count++) {
funct(count);
}
});
}
};
hoverStyles();
if (urldate != "") {
$(document).ready(function() {
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + urldate;
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
});
}
self.OnAppointmentClicked = function(d, e) {
var controlerName='Search';
if ($(e.toElement).closest(".contact-day-column").find(".table-date").length > 0) {//If clicked on an empty day, do nothing
if ($(".calTable").find("#tableBody ." + $.grep($(e.toElement).closest(".contact-day-column")[0].classList, function(f){return f.match(/contact-day-[0-9]+/);}) + " .table-col").length == 0) {return;}
if (controlerName == "Reservation" && '2' != "2") return;
}
if (controlerName=="Reservation") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_ReservationPage);
} else if (controlerName == "Search") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve);
} else {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_DoctorProfile);
}
var date = $(e.target).attr("data-date");
if (date == undefined) {
date = $(e.currentTarget).attr("data-date");
}
var actualDate = $(e.target).attr("actual-date");
if (actualDate == undefined) {
actualDate = $(e.currentTarget).attr("actual-date");
}
if (controlerName != "Reservation" && '2' != "2" && e.toElement.className != "day-slot") {
actualDate = "";
}
if ($(e.target).parent().hasClass("Blocked") || $(e.target).parent().hasClass("Vacation") || $(e.target).parent().hasClass("Passed")) {
return;
}
$('span').removeClass("Busy");
$(e.target).parent().addClass("Busy");
$(".contact-day-column").removeClass("selected-Day");
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + date.substring(0, 10).replace(/\//g, "");
$(selectedDayDateClass).addClass("selected-Day");
if ('Index' === 'Index' && 'Search' === 'Reservation' || '' == 'yes') {
var clearDate = false;
if ('2' == "2") {
var element = $(e.toElement); //Current element
if (e.toElement == undefined) {
element = $(e.target);
}
var closestDay = element.closest(".contact-day-column"); //Parent
if (closestDay.find(".table-date").length > 0) { // If clicked on the day
var dayClass = $.grep(closestDay[0].classList, function(f){return f.match(/contact-day-[0-9]+/);});
element = $(".calTable").find("#tableBody ." + dayClass + " .table-col");
if (element.length == 0) {
return;
}
} else { //Else, clicked on the column
element = element.closest(".table-col");
}
var elementChild = element.find(".fifo-icon");
if (elementChild.length > 0) {
element = elementChild;
}
if (elementChild.length > 0) {
var removeCheck = element.hasClass("glyphicon-ok");
$(".check-box").find(".fifo-icon").addClass("icon-unchecked");
$(".check-box").find(".fifo-icon").removeClass("glyphicon-ok");
$("#AppointmentTable").find(".fifo-selected").css("visibility", "hidden");
if (removeCheck) {
element.removeClass("glyphicon-ok");
element.addClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "hidden");
clearDate = true;
selectedDayDateClass = "";
$(".contact-day-column").removeClass("selected-Day");
} else {
element.removeClass("icon-unchecked");
element.addClass("glyphicon-ok");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
}
}
if (!clearDate) {
$("#SelectedDate").val(date);
setSelectedDateFormatted();
$("#TheSelectedDate").val(actualDate);
$(".empty-date").hide();
} else {
$("#SelectedDate").val("");
$("#TheSelectedDate").val("");
$("#selecteddateformated").val("");
}
} else {
$('body').css('cursor', 'wait');
var urlKey = self.UrlKey();
if (window.location.href.indexOf('patientId') > -1 && window.location.href.split('patientId=')[1] != "") {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '54969' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex + " &patientId=" + window.location.href.split('patientId=')[1];
} else {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '54969' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex;
}
}
};
self.GetDayOfWeek = function(date) {
var dayindex = moment(date).weekday();
if ('ar' == 'ar') {
dayindex--;
if (dayindex == -1) {
dayindex = 6;
}
}
var day = moment.weekdays()[dayindex];
return day;
};
var nooncount = [];
var morningcount = [];
var eveningcount = [];
self.applyReadMore = function() {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).find(".day-column").each(function(index) {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
nooncount[index] = $(this).find(".noon").length;
morningcount[index] = $(this).find(".morning").length;
eveningcount[index] = $(this).find(".evening").length;
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
};
}
ko.bindingHandlers.animateWeek = {
init: function(element, valueAccessor) {
var value = valueAccessor();
$(element).toggle(ko.utils.unwrapObservable(value));
},
update: function(element, valueAccessor) {
var value = valueAccessor();
ko.utils.unwrapObservable(value) ?
$(element).slideDown(500) :
$(element).slideUp(500);
}
};
$(".tab").show();
var currentItem = dataList[weekNumber];
var model = new doctorAppointmentsModel(currentItem);
var dom = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
if (dom) {
ko.applyBindings(model, dom);
$(dom).find(".readmore").height(65);
$(dom).find(".day-column").each(function() {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
}
setColumnHeight('54969');
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
}
if ('' == 'false') {
loadtable();
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
setColumnHeight('54969');
} else {
loadtable();
//$(".tab").show();
//$(".glyphicon-refresh-animate").hide();
$(document).ready(function() {
if ('' != 'yes') {
$("a[data-date='" + $("#SelectedDate").val() + "']").parent().addClass("Busy");
}
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
$(window).load(function() {
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
//setColumnHeight('54969');
});
setSelectedDateFormatted();
});
}
function setColumnHeight(contactId) {
var tableHeight = $("#tab-bod-" + contactId).height();
var bookButtonHeight = $("#tab-bod-" + contactId + " #BookNowlink").parent().height();
var height = tableHeight - bookButtonHeight;
$("#tab-bod-" + contactId + " .align-btn-app").css("min-height", height);
}
function setSelectedDateFormatted() {
var selectedDateValue = $("#SelectedDate").val();
if (selectedDateValue != undefined && selectedDateValue != "") {
var splittedSelected = selectedDateValue.split('/');
var day = splittedSelected[1];
var month = splittedSelected[0];
splittedSelected[0] = day;
splittedSelected[1] = month;
selectedDateValue = splittedSelected[0] + '/' + splittedSelected[1] + '/' + splittedSelected[2];
var x = new Date(selectedDateValue);
var culture;
if ('ar' == 'ar') {
culture = "ar-sa";
} else {
culture = "en";
}
if ('2' == 2) {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY'));
} else {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY, h:mm a'));
}
}
}
</script>
<script>
function sendDoctorSms(param) {
var pname = $('#name').text();
$('#sendDoctorSmsbtn-' + param).css("cursor", "default");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "none");
$('#sendDoctorSmsbtn-' + param).css("background", "grey");
var text = 'ارسال' + ' ...';
$('#sendDoctorSmsbtn-' + param).text(text);
$.ajax({
url: '/ar/CallCenterReservation/SendDoctorSms',
dataType: "json",
data: {
paientname: pname,
doctorid: param,
},
type: "POST",
success: function(result) {
if (result) {
$('#CallCenterDoctorDialogeSMs').modal('show');
$('#sendDoctorSmsbtn-' + param).css("cursor", "pointer");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "painted");
$('#sendDoctorSmsbtn-' + param).css("background", "rgba(239, 15, 15, 1)");
var text = 'ارسل تنويه للدكتور بيانات المريض الاَن';
$('#sendDoctorSmsbtn-' + param).text(text);
}
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
if ('False' == 'True') {
$("#profile-detail-" + '52895').css("opacity", "0.5");
$("#profile-img-" + '52895').css("opacity", "0.5");
$(".card-op-" + '52895').css("opacity", "0.5").css('pointer-events', 'none');
}
});
</script> <hr class="clearfix h10" style="margin:0" />
<div id="srch-res-52595">
<div class="row docResult profileSearchResult" itemscope itemtype="schema.org/Physician">
<div class="media col-xs-12 centerdiv srch-doctor-profile">
<div class="row">
<div id="profile-img-52595" class="imgtopmrgn col-md-2 col-sm-3 col-lg-2">
<figure class="mobmargin text-center pull-left">
<div class="">
<a class="imgSearchPageCent" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-Mohamed-el-akkad-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" title="دكتور محمد العقاد متخصص في امراض جلدية و تناسلية في الرحاب">
<Img alt="دكتور محمد العقاد متخصص في امراض جلدية و تناسلية في الرحاب" class="img-rounded " height="100" id="imgheight" src="/Assets/Images/Doctors/ENT1c2c1d/Doctor-Mohamed-el-akkad-Dermatology.png" style="width:150px;" width="100"></Img> </a>
</div>
<figcaption class="imgSearchPageCent" style="margin-top: 10px !important" id="figcapt-54666">
<a title="إحجز مع دكتور محمد العقاد" id="bookbutton-54666" onclick=" mixPanelUtil.Book(MixPanelBook.ReservBtnImg); " href="/ar/Reservation/Index/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-Mohamed-el-akkad-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9" class="btn2 btn-2 btn-2e btn-reservation" style="margin: 0 !important; width: 100% !important;">احجز اونلاين</a>
</figcaption>
</figure>
</div>
<div id="profile-detail-52595" class="col-xs-12 col-sm-8 col-md-7 col-lg-7 media-body visibilitydiv marginImgSearch search">
<div class="row nameMg">
<div class="col-xs-12 col-md-9 col-sm-8 nopadding">
<a title="إحجز مع دكتور محمد العقاد" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-Mohamed-el-akkad-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="doctor-prefix bluetext">
<span class="doctor-prefix">دكتور</span>
</a>
<a title="إحجز مع دكتور محمد العقاد" itemprop="url" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-Mohamed-el-akkad-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="bluetext text-decoration-none">
<span itemprop="name" class="media-heading FontSize25 media-body bluetext text-decoration"> محمد العقاد</span>
</a>
</div>
<div class="col-xs-12 col-md-3 col-sm-4 hidden-xs nopadding">
<div class="col-xs-12 nopadding" style="margin-top: 15px; font-size: 0.6em;">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" itemtitle="4 تقييم" class="star-rating rating-xs rating-active" style="display: inline; font-size: 1.2em; white-space: nowrap;">
<input type="number" data-show-caption="false" data-show-clear="false" disabled="disabled" data-size="xs" step="1" max="5" min="0" value="4" class="rating form-control" style="display: none;">
</div>
<div title="١ تقييم" class="stlbl rating-font" style="position: absolute; display: inline; width: 100%; white-space: nowrap;">
<span style="font-size: 1.0em">(١ تقييم)</span>
</div>
</div>
</div>
</div>
<div class="row media-body visibilitydiv">
<div class="col-xs-12 col-sm-8">
<div class="row">
<div class="col-xs-12 nopadding">
<h2 class="bluetext nopadding nomargin seo-h2"> اخصائي الامراض الجلدية و الذكورة</h2>
</div>
<div class="row">
<div class="col-xs-12">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/OtherSpecialties5.7.5.png" title="التخصص" alt="التخصص" class="profileicon pull-left" />
<p class="padding-left">
<span class="gray666">
<a class="entityspecialitiesclass bluetext"href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82 title=ابحث عن افضل دكتور امراض جلدية و تناسلية في مصر><span itemprop="medicalSpecialty">امراض جلدية و تناسلية</span></a><span class="gray666"> متخصص في </span> <a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D8%A8%D8%A7%D9%84%D8%BA%D9%8A%D9%86/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>جلدية بالغين</a>
</span>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix h5px"></div>
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/location5.7.5.1.png" title="المنطقة" alt="المنطقة" class="profileicon pull-left" />
<p class="padding-left">
<span id="area" style="color: #7d7d7d;">الرحاب</span>
<span>: شارع احمد شوقي بجوار سينما الرحاب مول 1 مجمع العيادات - الرحاب</span>
<div class="clearfix h1px"></div>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix"></div>
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/callnumber5.7.5.1.png" title="اتصل بنا" alt="اتصل بنا" class="profileicon pull-left" />
<span class="margin-left-5"><span itemprop="telephone">16676</span> - بسعر المكالمة العادية</span>
</p>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-12">
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/ExaminationFees5.7.5.png" title="سعر الكشف" alt="سعر الكشف" class="profileicon pull-left" />
<span class="margin-left-5">
<span>سعر الكشف:</span> <span itemprop="priceRange">١٥٠ جنيه</span>
</span>
</p>
</div>
<div class="col-xs-12 waiting-time-col">
<div class="clearfix height5 hidden-xs"></div>
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/WaitingTime5.7.5.png" title="مدة الانتظار" alt="مدة الانتظار" class="waiting-time-icon pull-left col-xs-1 nopadding" />
<p class="col-xs-11 nopadding element-text">
مدة الانتظار
<span>
٣٠ دقيقة
</span>
</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="row hidden-xs">
<div class="col-xs-12">
</div>
</div>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="ازالة الشعر بالليزر">
<div class="tag text-overflow">ازالة الشعر بالليزر<span class="displaynone tagAr">ازالة الشعر بالليزر</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="ضعف الانتصاب (العجز الجنسي)">
<div class="tag text-overflow">ضعف الانتصاب (العجز الجنسي)<span class="displaynone tagAr">ضعف الانتصاب (العجز الجنسي)</span><span class="displaynone tagEn">Erectile dysfunction (Impotence)</span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="البوتوكس">
<div class="tag text-overflow">البوتوكس<span class="displaynone tagAr">البوتوكس</span><span class="displaynone tagEn">Botox</span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="الفيلر">
<div class="tag text-overflow">الفيلر<span class="displaynone tagAr">الفيلر</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="تشخيص و علاج الامراض الجلدية و التناسلية و الذكورة">
<div class="tag text-overflow">تشخيص و علاج الامراض الجلدية و التناسلية و الذكورة<span class="displaynone tagAr">تشخيص و علاج الامراض الجلدية و التناسلية و الذكورة</span><span class="displaynone tagEn"></span></div>
</div>
</div>
</div>
<div class="clearfix visible-sm hidden-xs hidden-md hidden-lg"></div>
<div class="hidden-xs col-sm-5 col-md-3 col-lg-3 col-sm-offset-3 col-md-offset-0 col-lg-offset-0 profSearch2 smtopmrgn text-center moztransformorigin-leftelement" style="zoom: 0.85; -moz-transform: scale(0.85);">
<input id="reservationTypeId" name="reservationTypeId" type="hidden" value="1" />
<div class="table-type">الدخول في ميعاد الحجز المحدد</div>
<div class="clearfix"></div>
<i id="load-icon" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></i>
<div data-contactid="54666" class="appointment tab" hidden>
<div id="appTableContactId" class="displaynone">54666</div>
<div>
<a class="nextWeek app-arr red previousWeek previousWeek-54666" data-bind='click: $root.prevWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentright5.7.5.1.png" alt="previousweek" class="appointmentarrow" />
</a>
<a class="prevWeek app-arr red next-week-arrow-54666" data-bind='click: $root.nextWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentleft5.7.5.1.png" alt="nextweek" class="appointmentarrow" />
</a>
</div>
<div class="table-responsive text-center" style="overflow:visible;">
<div class="calTable table" style="margin-bottom:0;">
<div id="tableHead" class="row nomargin Heading white" data-bind="foreach: Days">
<div id="tableAppHead" data-bind="attr:{ 'class': $root.GetColorClass(TodayDate) }">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:5px">
<div class="table-date" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">
<b class="fs-14 economica" data-bind="text: $root.GetDayOfWeek(TodayDate)" style="padding-left: 2px;padding-right: 2px;"></b>
<br />
<span data-bind="text: moment(TodayDate).format('MM/DD')"></span>
</div>
</div>
</div>
</div>
<div id="next-app-loading-54666" style="display:none;">
<i class="glyphicon glyphicon-refresh glyphicon-load-animate"></i>
</div>
<div data-bind="foreach: Days, as: 'd'" class="row nomargin Heading bluetext" id="tab-bod-54666">
<div id="tableBody" class="Col col-xs-4 day-column text-center nopadding bluetext" style="width: 33.33333333%;">
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:10px">
<div data-bind="foreach: PriorityToAttendSlots" class="align-btn-app bluetext">
<div class="table-col">
<div data-bind="attr:{ 'class': $root.timeOfDay(From)}">
<span class="Cell" data-bind="attr: {'class': SlotType }">
<a title="الحجز بميعاد مسبق" data-bind="text: From.locale('ar').format('hh:mm a'), click : $root.OnAppointmentClicked, attr: {'data-date':From.locale('en').format('DD/MM/YYYY hh:mm A'), 'actual-date':From.locale('en').format('DD/MM/YYYY hh:mm A')}" style="white-space: nowrap;font-weight:bold !important" class="day-slot"></a>
</span>
</div>
</div>
</div>
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<a title="الحجز بميعاد مسبق" class="btn2 btn-2 btn-2v2" id="BookNowlink" style="font-size:1em;padding:4.5px;"
data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstDaySlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':'' }">احجز</a>
</div>
</div>
</div>
</div>
</div>
<div data-bind="ifnot: WeekAvailable">
<div data-bind="if: HasAppointment">
<div class="padding-right-left-15" data-bind="if: CurrentWeekIndex == 0">
<div id="firstav-54666" class="first-available" data-bind='click: $root.nextWeek'>
<div class="disp-inline">اول موعد متاح </div>
<div class="disp-inline" data-bind="text: FirstAppointment"></div>
<div class="disp-inline glyphicon glyphicon-arrow-left" style="padding-right: 5px;"></div>
</div>
</div>
</div>
<div data-bind="ifnot: HasAppointment">
<button class="no-available-hours gray666" disabled="disabled">لا يوجد مواعيد متاحة</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CallCenterDoctorDialogeSMs" tabindex="-1" role="dialog" aria-labelledby="CancelReservationLable" data-keyboard="false" data-backdrop="static" aria-hidden=" true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" id="">
<div>
<div class="control-group bluetext">
<span style=" font-size: 20px;">تم ارسال الرساله بنجاح</span>
</div>
</div>
</div>
<div class="modal-footer" id="">
<div class="save-n-cancel">
<div>
<a class="btn-2rd btn-2erd btn2 " id="CancleReservationokbtn" data-dismiss="modal">موافق</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var seemmoreHeight = 65;
if ('ar' == 'ar') {
seemmoreHeight = 61;
}
function collapsefunctionformorning(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var eveningElement = parentElement.find(".eve");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionfornoon(e) {
var parentElement = $(e).parent();
var morningElement = parentElement.find(".mor");
var eveningElement = parentElement.find(".eve");
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionforevening(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var morningElement = parentElement.find(".mor");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
}
function loadtable() {
var dataList = [{"EntityListContactId":54666,"EntityListingId":52595,"ReservationTypeId":1,"DirectBookingTypeId":3,"UrlKey":"دكتور-Mohamed-el-akkad-الجلدية","StartOfWeekDate":"\/Date(1462140000000)\/","Days":[{"TodayDate":"\/Date(1462140000000)\/","DaySlots":[{"From":"\/Date(1462215600000)\/","To":"\/Date(1462216200000)\/","SlotType":"Available"},{"From":"\/Date(1462216200000)\/","To":"\/Date(1462216800000)\/","SlotType":"Available"},{"From":"\/Date(1462216800000)\/","To":"\/Date(1462217400000)\/","SlotType":"Available"},{"From":"\/Date(1462217400000)\/","To":"\/Date(1462218000000)\/","SlotType":"Available"},{"From":"\/Date(1462218000000)\/","To":"\/Date(1462218600000)\/","SlotType":"Available"},{"From":"\/Date(1462218600000)\/","To":"\/Date(1462219200000)\/","SlotType":"Available"},{"From":"\/Date(1462219200000)\/","To":"\/Date(1462219800000)\/","SlotType":"Available"},{"From":"\/Date(1462219800000)\/","To":"\/Date(1462220400000)\/","SlotType":"Available"},{"From":"\/Date(1462220400000)\/","To":"\/Date(1462221000000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462215600000)\/","To":"\/Date(1462216200000)\/","SlotType":"Available"},{"From":"\/Date(1462216200000)\/","To":"\/Date(1462216800000)\/","SlotType":"Available"},{"From":"\/Date(1462216800000)\/","To":"\/Date(1462217400000)\/","SlotType":"Available"},{"From":"\/Date(1462217400000)\/","To":"\/Date(1462218000000)\/","SlotType":"Available"},{"From":"\/Date(1462218000000)\/","To":"\/Date(1462218600000)\/","SlotType":"Available"},{"From":"\/Date(1462218600000)\/","To":"\/Date(1462219200000)\/","SlotType":"Available"},{"From":"\/Date(1462219200000)\/","To":"\/Date(1462219800000)\/","SlotType":"Available"},{"From":"\/Date(1462219800000)\/","To":"\/Date(1462220400000)\/","SlotType":"Available"},{"From":"\/Date(1462220400000)\/","To":"\/Date(1462221000000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":9,"NumberOfWorkingHourSlots":9,"PriorityToAttendanceSlotsNumber":"٩","WorkingHourSlotsNumber":"٩","FirstPriorityToAttendSlot":{"From":"\/Date(1462215600000)\/","To":"\/Date(1462216200000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462215600000)\/","To":"\/Date(1462216200000)\/","SlotType":"Available"}},{"TodayDate":"\/Date(1462226400000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}},{"TodayDate":"\/Date(1462312800000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}}],"IsSlots":true,"BookingAvailable":true,"FirstAppointment":"\/Date(1462140000000)\/","WeekAvailable":true}];
var week = 1;
var weekNumber = parseInt(week, 10) - 1;
function doctorAppointmentsModel(data) {
moment.locale('ar');
var self = this;
self.CurrentWeekIndex = 0;
self.SearchedWeeks = [0];
var selectedDayDateClass = "";
var urldate = "";
var sUrlVariables = window.location.search.substring(1).split('&');
for (var i = 0; i < sUrlVariables.length; i++) {
var sParameterName = sUrlVariables[i].split('=');
if (sParameterName[0] == "weekindex") {
var weekIndex = parseInt(sParameterName[1], 10);
self.CurrentWeekIndex = weekIndex;
self.SearchedWeeks = [weekIndex];
}
if (sParameterName[0] == "date") {
urldate = sParameterName[1].substring(0, 10).replace(/\//g, "");
}
}
self.WeekAvailable = ko.observable(data.WeekAvailable);
self.EntityListContactId = ko.observable(data.EntityListContactId);
self.UrlKey = ko.observable(data.UrlKey);
self.BookingAvailable = ko.observable(data.BookingAvailable);
self.StartOfWeekDate = ko.observable(data.StartOfWeekDate);
self.Days = ko.observableArray(data.Days);
self.HasAppointment = data.FirstAppointment != null;
self.FirstAppointment = 'True' == 'True' ? ko.observable(moment(data.FirstAppointment).format('YYYY/MM/DD')) : ko.observable(moment(data.FirstAppointment).format('DD/MM/YYYY'));
self.Days().forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
if (self.CurrentWeekIndex == 0) {
$(".previousWeek").addClass("NoPreviousWeek");
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
}
if (data.FirstAppointment == null) {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
}
self.timeOfDay = function(slot) {
var slotClasses = "";
var date = $("#SelectedDate").val();
if ('' != 'yes') {
$("a[data-date='" + date + "']").parent().addClass("Busy");
}
if (slot.get("hour") < 14) {
slotClasses += "morning";
} else if (slot.get("hour") < 18) {
slotClasses += "noon";
} else {
slotClasses += "evening";
}
return slotClasses;
};
self.changeObject = function(d, t) {
self.WeekAvailable(d.WeekAvailable);
self.EntityListContactId(d.EntityListContactId);
self.UrlKey(d.UrlKey);
self.StartOfWeekDate(d.StartOfWeekDate);
if (!(self.SearchedWeeks.indexOf(t) >= 0)) {
d.Days.forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
self.SearchedWeeks.push(t);
}
self.Days(d.Days);
$("#tab-bod-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
self.applyReadMore();
hoverStyles();
if (self.CurrentWeekIndex != 0) {
self.FirstAppointment("");
} else {
self.FirstAppointment(moment(d.FirstAppointment).format('DD/MM/YYYY'));
}
if (self.CurrentWeekIndex == 0) {
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
$(".previousWeek-"+self.EntityListContactId()).removeClass("disable-appointment-nav");
}
$(".contact-day-column").removeClass("selected-Day");
$(".contact-day-column").removeClass("box-checked");
if (selectedDayDateClass != "") {
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
setColumnHeight(self.EntityListContactId());
};
self.nextWeek = function() {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
$("#next-app-loading-" + self.EntityListContactId()).show();
var divHeight = $("#tab-bod-54666").height();
if (divHeight <= 80) {
divHeight = 80;
}
$("#next-app-loading-" + self.EntityListContactId()).css("height", divHeight);
$("#next-app-loading-" + self.EntityListContactId() + " .glyphicon").css("margin-top", divHeight / 2);
$("#tab-bod-" + self.EntityListContactId()).hide();
if (!self.WeekAvailable() && self.CurrentWeekIndex == /*dataList.length - 1*/ 0) {
var contact = self.EntityListContactId();
var thisdate = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$("#firstav-" + self.EntityListContactId()).hide();
$.ajax({
type: 'POST',
url: '/ar/Search/FirstContactAppointment',
data: { clinicId: contact, nowDate: thisdate},
dataType: "json",
success: function(result) {
$("#firstav-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
if (result.length == 0) {
$("#firstav-" + contact).text('لا يوجد مواعيد متاحة');
$("#firstav-" + contact).css("cursor", "default");
$("#firstav-" + contact).css("background-color", "#f5f5f5 !important");
$("#firstav-" + contact).replaceWith($("<button class='no-available-hours' disabled='disabled'>لا يوجد مواعيد متاحة</button>"));
$(".next-week-arrow-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
dataList.push(result);
self.WeekAvailable(result.WeekAvailable);
self.nextWeek();
}
},
});
} else {
if (self.CurrentWeekIndex < (dataList.length - 1)) {
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'left' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex + 1;
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'right' }, 250);
} else {
var contactId = self.EntityListContactId();
var date = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$.ajax({
type: 'POST',
url: '/ar/Search/ContactAppointments',
data: { contactId: contactId, nextWeekDate: date },
success: function(result) {
dataList.push(result);
self.nextWeek();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
}
});
}
}
$(".previousWeek").removeClass("NoPreviousWeek");
};
self.prevWeek = function() {
if (self.CurrentWeekIndex > 0) {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'right' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex - 1;
if (self.CurrentWeekIndex == 0) {
$('.previousWeek').addClass("NoPreviousWeek");
}
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'left' }, 250);
$(".next-week-arrow-"+self.EntityListContactId()).removeClass("disable-appointment-nav"); }
};
self.GetColorClass = function(todayDate) {
var today = moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var date = moment();
var datetoday = moment(date).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var datetomorrow = moment().add(1,'days');
var datetomorrow1 =moment(datetomorrow).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if (datetoday == today) {
return 'todaycolorclass Col col-xs-4 text-center nopadding';
}
if (datetomorrow1 == today) {
return 'tomorrowcolorclass Col col-xs-4 text-center nopadding';
} else {
return 'normalcolorclass Col col-xs-4 text-center nopadding';
}
};
self.GetDayClass = function(todayDate) {
return 'contact-day-column contact-day-' + self.EntityListContactId() + '-' + moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
};
var hoverStyles = function() {
if ('False' != "True") {
$(document).ready(function() {
var funct = function(num) {
var cl = ".contact-day-" + self.EntityListContactId() + '-'
+ moment(self.StartOfWeekDate()).add(num, 'days').locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if($(cl).length) {
$(cl).hover(function() {
$(cl).css('background-color','rgba(0,112,205,0.1)');
if ($("#tab-bod-" + '54666').find("#tableBody " + cl).length > 0 && !('Search'=="Reservation" && '1' != "2")) {
$(cl).css("cursor", "pointer");
}
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "visible");
$(cl).find(".fifo-selected").css("opacity", "0.5");
}
}, function() {
$(cl).css('background-color','transparent');
$(cl).css("cursor", "default");
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "hidden");
}
});
}
};
for (var count = 0; count <= 2; count++) {
funct(count);
}
});
}
};
hoverStyles();
if (urldate != "") {
$(document).ready(function() {
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + urldate;
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
});
}
self.OnAppointmentClicked = function(d, e) {
var controlerName='Search';
if ($(e.toElement).closest(".contact-day-column").find(".table-date").length > 0) {//If clicked on an empty day, do nothing
if ($(".calTable").find("#tableBody ." + $.grep($(e.toElement).closest(".contact-day-column")[0].classList, function(f){return f.match(/contact-day-[0-9]+/);}) + " .table-col").length == 0) {return;}
if (controlerName == "Reservation" && '1' != "2") return;
}
if (controlerName=="Reservation") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_ReservationPage);
} else if (controlerName == "Search") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve);
} else {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_DoctorProfile);
}
var date = $(e.target).attr("data-date");
if (date == undefined) {
date = $(e.currentTarget).attr("data-date");
}
var actualDate = $(e.target).attr("actual-date");
if (actualDate == undefined) {
actualDate = $(e.currentTarget).attr("actual-date");
}
if (controlerName != "Reservation" && '1' != "2" && e.toElement.className != "day-slot") {
actualDate = "";
}
if ($(e.target).parent().hasClass("Blocked") || $(e.target).parent().hasClass("Vacation") || $(e.target).parent().hasClass("Passed")) {
return;
}
$('span').removeClass("Busy");
$(e.target).parent().addClass("Busy");
$(".contact-day-column").removeClass("selected-Day");
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + date.substring(0, 10).replace(/\//g, "");
$(selectedDayDateClass).addClass("selected-Day");
if ('Index' === 'Index' && 'Search' === 'Reservation' || '' == 'yes') {
var clearDate = false;
if ('1' == "2") {
var element = $(e.toElement); //Current element
if (e.toElement == undefined) {
element = $(e.target);
}
var closestDay = element.closest(".contact-day-column"); //Parent
if (closestDay.find(".table-date").length > 0) { // If clicked on the day
var dayClass = $.grep(closestDay[0].classList, function(f){return f.match(/contact-day-[0-9]+/);});
element = $(".calTable").find("#tableBody ." + dayClass + " .table-col");
if (element.length == 0) {
return;
}
} else { //Else, clicked on the column
element = element.closest(".table-col");
}
var elementChild = element.find(".fifo-icon");
if (elementChild.length > 0) {
element = elementChild;
}
if (elementChild.length > 0) {
var removeCheck = element.hasClass("glyphicon-ok");
$(".check-box").find(".fifo-icon").addClass("icon-unchecked");
$(".check-box").find(".fifo-icon").removeClass("glyphicon-ok");
$("#AppointmentTable").find(".fifo-selected").css("visibility", "hidden");
if (removeCheck) {
element.removeClass("glyphicon-ok");
element.addClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "hidden");
clearDate = true;
selectedDayDateClass = "";
$(".contact-day-column").removeClass("selected-Day");
} else {
element.removeClass("icon-unchecked");
element.addClass("glyphicon-ok");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
}
}
if (!clearDate) {
$("#SelectedDate").val(date);
setSelectedDateFormatted();
$("#TheSelectedDate").val(actualDate);
$(".empty-date").hide();
} else {
$("#SelectedDate").val("");
$("#TheSelectedDate").val("");
$("#selecteddateformated").val("");
}
} else {
$('body').css('cursor', 'wait');
var urlKey = self.UrlKey();
if (window.location.href.indexOf('patientId') > -1 && window.location.href.split('patientId=')[1] != "") {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '54666' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex + " &patientId=" + window.location.href.split('patientId=')[1];
} else {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '54666' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex;
}
}
};
self.GetDayOfWeek = function(date) {
var dayindex = moment(date).weekday();
if ('ar' == 'ar') {
dayindex--;
if (dayindex == -1) {
dayindex = 6;
}
}
var day = moment.weekdays()[dayindex];
return day;
};
var nooncount = [];
var morningcount = [];
var eveningcount = [];
self.applyReadMore = function() {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).find(".day-column").each(function(index) {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
nooncount[index] = $(this).find(".noon").length;
morningcount[index] = $(this).find(".morning").length;
eveningcount[index] = $(this).find(".evening").length;
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
};
}
ko.bindingHandlers.animateWeek = {
init: function(element, valueAccessor) {
var value = valueAccessor();
$(element).toggle(ko.utils.unwrapObservable(value));
},
update: function(element, valueAccessor) {
var value = valueAccessor();
ko.utils.unwrapObservable(value) ?
$(element).slideDown(500) :
$(element).slideUp(500);
}
};
$(".tab").show();
var currentItem = dataList[weekNumber];
var model = new doctorAppointmentsModel(currentItem);
var dom = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
if (dom) {
ko.applyBindings(model, dom);
$(dom).find(".readmore").height(65);
$(dom).find(".day-column").each(function() {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
}
setColumnHeight('54666');
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
}
if ('' == 'false') {
loadtable();
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
setColumnHeight('54666');
} else {
loadtable();
//$(".tab").show();
//$(".glyphicon-refresh-animate").hide();
$(document).ready(function() {
if ('' != 'yes') {
$("a[data-date='" + $("#SelectedDate").val() + "']").parent().addClass("Busy");
}
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
$(window).load(function() {
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
//setColumnHeight('54666');
});
setSelectedDateFormatted();
});
}
function setColumnHeight(contactId) {
var tableHeight = $("#tab-bod-" + contactId).height();
var bookButtonHeight = $("#tab-bod-" + contactId + " #BookNowlink").parent().height();
var height = tableHeight - bookButtonHeight;
$("#tab-bod-" + contactId + " .align-btn-app").css("min-height", height);
}
function setSelectedDateFormatted() {
var selectedDateValue = $("#SelectedDate").val();
if (selectedDateValue != undefined && selectedDateValue != "") {
var splittedSelected = selectedDateValue.split('/');
var day = splittedSelected[1];
var month = splittedSelected[0];
splittedSelected[0] = day;
splittedSelected[1] = month;
selectedDateValue = splittedSelected[0] + '/' + splittedSelected[1] + '/' + splittedSelected[2];
var x = new Date(selectedDateValue);
var culture;
if ('ar' == 'ar') {
culture = "ar-sa";
} else {
culture = "en";
}
if ('1' == 2) {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY'));
} else {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY, h:mm a'));
}
}
}
</script>
<script>
function sendDoctorSms(param) {
var pname = $('#name').text();
$('#sendDoctorSmsbtn-' + param).css("cursor", "default");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "none");
$('#sendDoctorSmsbtn-' + param).css("background", "grey");
var text = 'ارسال' + ' ...';
$('#sendDoctorSmsbtn-' + param).text(text);
$.ajax({
url: '/ar/CallCenterReservation/SendDoctorSms',
dataType: "json",
data: {
paientname: pname,
doctorid: param,
},
type: "POST",
success: function(result) {
if (result) {
$('#CallCenterDoctorDialogeSMs').modal('show');
$('#sendDoctorSmsbtn-' + param).css("cursor", "pointer");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "painted");
$('#sendDoctorSmsbtn-' + param).css("background", "rgba(239, 15, 15, 1)");
var text = 'ارسل تنويه للدكتور بيانات المريض الاَن';
$('#sendDoctorSmsbtn-' + param).text(text);
}
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
if ('False' == 'True') {
$("#profile-detail-" + '52595').css("opacity", "0.5");
$("#profile-img-" + '52595').css("opacity", "0.5");
$(".card-op-" + '52595').css("opacity", "0.5").css('pointer-events', 'none');
}
});
</script> <hr class="clearfix h10" style="margin:0" />
<div id="srch-res-53104">
<div class="row docResult profileSearchResult" itemscope itemtype="schema.org/Physician">
<div class="media col-xs-12 centerdiv srch-doctor-profile">
<div class="row">
<div id="profile-img-53104" class="imgtopmrgn col-md-2 col-sm-3 col-lg-2">
<figure class="mobmargin text-center pull-left">
<div class="">
<a class="imgSearchPageCent" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B9%D9%8A%D8%A7%D8%AF%D8%A7%D8%AA-%D9%86%D8%A8%D8%B6-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D9%8A%D9%87-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" title="دكتور عيادات نبض التخصصيه متخصص في امراض جلدية و تناسلية في المهندسين">
<Img alt="دكتور عيادات نبض التخصصيه متخصص في امراض جلدية و تناسلية في المهندسين" class="img-rounded " height="100" id="imgheight" src="/Assets/Images/Doctors/ENT7bf7ac/Doctor-Nabd-Clinics-Dermatology.jpg" style="width:150px;" width="100"></Img> </a>
</div>
<figcaption class="imgSearchPageCent" style="margin-top: 10px !important" id="figcapt-55180">
<a title="إحجز مع دكتور عيادات نبض التخصصيه " id="bookbutton-55180" onclick=" mixPanelUtil.Book(MixPanelBook.ReservBtnImg); " href="/ar/Reservation/Index/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B9%D9%8A%D8%A7%D8%AF%D8%A7%D8%AA-%D9%86%D8%A8%D8%B6-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D9%8A%D9%87-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9" class="btn2 btn-2 btn-2e btn-reservation" style="margin: 0 !important; width: 100% !important;">احجز اونلاين</a>
</figcaption>
</figure>
</div>
<div id="profile-detail-53104" class="col-xs-12 col-sm-8 col-md-7 col-lg-7 media-body visibilitydiv marginImgSearch search">
<div class="row nameMg">
<div class="col-xs-12 col-md-9 col-sm-8 nopadding">
<a title="إحجز مع دكتور عيادات نبض التخصصيه " href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B9%D9%8A%D8%A7%D8%AF%D8%A7%D8%AA-%D9%86%D8%A8%D8%B6-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D9%8A%D9%87-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="doctor-prefix bluetext">
<span class="doctor-prefix">دكتور</span>
</a>
<a title="إحجز مع دكتور عيادات نبض التخصصيه " itemprop="url" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B9%D9%8A%D8%A7%D8%AF%D8%A7%D8%AA-%D9%86%D8%A8%D8%B6-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D9%8A%D9%87-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="bluetext text-decoration-none">
<span itemprop="name" class="media-heading FontSize25 media-body bluetext text-decoration"> عيادات نبض التخصصيه </span>
</a>
</div>
<div class="col-xs-12 col-md-3 col-sm-4 hidden-xs nopadding">
<div class="col-xs-12 nopadding" style="margin-top: 15px; font-size: 0.6em;">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" itemtitle="4 تقييم" class="star-rating rating-xs rating-active" style="display: inline; font-size: 1.2em; white-space: nowrap;">
<input type="number" data-show-caption="false" data-show-clear="false" disabled="disabled" data-size="xs" step="1" max="5" min="0" value="4" class="rating form-control" style="display: none;">
</div>
<div title="١ تقييم" class="stlbl rating-font" style="position: absolute; display: inline; width: 100%; white-space: nowrap;">
<span style="font-size: 1.0em">(١ تقييم)</span>
</div>
</div>
</div>
</div>
<div class="row media-body visibilitydiv">
<div class="col-xs-12 col-sm-8">
<div class="row">
<div class="col-xs-12 nopadding">
<h2 class="bluetext nopadding nomargin seo-h2">مجموعه من كبار استاذة الجلديه و التجميل </h2>
</div>
<div class="row">
<div class="col-xs-12">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/OtherSpecialties5.7.5.png" title="التخصص" alt="التخصص" class="profileicon pull-left" />
<p class="padding-left">
<span class="gray666">
<a class="entityspecialitiesclass bluetext"href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82 title=ابحث عن افضل دكتور امراض جلدية و تناسلية في مصر><span itemprop="medicalSpecialty">امراض جلدية و تناسلية</span></a><span class="gray666"> متخصص في </span> <a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AA%D8%AC%D9%85%D9%8A%D9%84-%D9%88-%D9%84%D9%8A%D8%B2%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>تجميل و ليزر</a>
</span>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix h5px"></div>
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/location5.7.5.1.png" title="المنطقة" alt="المنطقة" class="profileicon pull-left" />
<p class="padding-left">
<span id="area" style="color: #7d7d7d;">المهندسين</span>
<span>: 38 شارع محي الدين أبو العز - برج سمارت تاور - الدور 10
</span>
<div class="clearfix h1px"></div>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix"></div>
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/callnumber5.7.5.1.png" title="اتصل بنا" alt="اتصل بنا" class="profileicon pull-left" />
<span class="margin-left-5"><span itemprop="telephone">16676</span> - بسعر المكالمة العادية</span>
</p>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-12">
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/ExaminationFees5.7.5.png" title="سعر الكشف" alt="سعر الكشف" class="profileicon pull-left" />
<span class="margin-left-5">
<span>سعر الكشف:</span> <span itemprop="priceRange">٢٠٠ جنيه</span>
</span>
</p>
</div>
<div class="col-xs-12 waiting-time-col">
<div class="clearfix height5 hidden-xs"></div>
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/WaitingTime5.7.5.png" title="مدة الانتظار" alt="مدة الانتظار" class="waiting-time-icon pull-left col-xs-1 nopadding" />
<p class="col-xs-11 nopadding element-text">
مدة الانتظار
<span>
٣٠ دقيقة
</span>
</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="row hidden-xs">
<div class="col-xs-12">
</div>
</div>
</div>
</div>
</div>
<div class="clearfix visible-sm hidden-xs hidden-md hidden-lg"></div>
<div class="hidden-xs col-sm-5 col-md-3 col-lg-3 col-sm-offset-3 col-md-offset-0 col-lg-offset-0 profSearch2 smtopmrgn text-center moztransformorigin-leftelement" style="zoom: 0.85; -moz-transform: scale(0.85);">
<input id="reservationTypeId" name="reservationTypeId" type="hidden" value="2" />
<div class="table-type">الدخول بالحجز و اسبقية الحضور</div>
<div class="clearfix"></div>
<i id="load-icon" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></i>
<div data-contactid="55180" class="appointment tab" hidden>
<div id="appTableContactId" class="displaynone">55180</div>
<div>
<a class="nextWeek app-arr red previousWeek previousWeek-55180" data-bind='click: $root.prevWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentright5.7.5.1.png" alt="previousweek" class="appointmentarrow" />
</a>
<a class="prevWeek app-arr red next-week-arrow-55180" data-bind='click: $root.nextWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentleft5.7.5.1.png" alt="nextweek" class="appointmentarrow" />
</a>
</div>
<div class="table-responsive text-center" style="overflow:visible;">
<div class="calTable table" style="margin-bottom:0;">
<div id="tableHead" class="row nomargin Heading white" data-bind="foreach: Days">
<div id="tableAppHead" data-bind="attr:{ 'class': $root.GetColorClass(TodayDate) }">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:5px">
<div class="table-date" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">
<b class="fs-14 economica" data-bind="text: $root.GetDayOfWeek(TodayDate)" style="padding-left: 2px;padding-right: 2px;"></b>
<br />
<span data-bind="text: moment(TodayDate).format('MM/DD')"></span>
</div>
</div>
</div>
</div>
<div id="next-app-loading-55180" style="display:none;">
<i class="glyphicon glyphicon-refresh glyphicon-load-animate"></i>
</div>
<div data-bind="foreach: Days, as: 'd'" class="row nomargin Heading bluetext" id="tab-bod-55180">
<div id="tableBody" class="Col col-xs-4 text-center nopadding bluetext fifo-tab">
<div data-bind="if: NumberOfWorkingHourSlots > 0">
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }">
<div class="table-col" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }" style="padding-top:10px;">
<div>
<div style="font-size:0.85em;">من</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[0].From.locale('ar').format('hh:mm a')"></div>
<div style="font-size:0.85em;">الى</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[DaySlots.length - 1].To.locale('ar').format('hh:mm a')"></div>
</div>
<hr class="hrline" style="margin-top:10px;margin-bottom:5px;" />
<div data-bind="if: NumberOfPriorityToAttendanceSlots == 0">
<div style="font-size:0.85em" data-bind="text: 'لا يوجد مواعيد متوفرة'"></div>
</div>
<div style="height:5px"></div>
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<a title="الدخول باسبقية الحضور" class="btn2 btn-2 btn-2v2" id="BookNowlink" style="font-size: 1em; padding: 4.5px; min-width: 70px;" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">احجز</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-bind="ifnot: WeekAvailable">
<div data-bind="if: HasAppointment">
<div class="padding-right-left-15" data-bind="if: CurrentWeekIndex == 0">
<div id="firstav-55180" class="first-available" data-bind='click: $root.nextWeek'>
<div class="disp-inline">اول موعد متاح </div>
<div class="disp-inline" data-bind="text: FirstAppointment"></div>
<div class="disp-inline glyphicon glyphicon-arrow-left" style="padding-right: 5px;"></div>
</div>
</div>
</div>
<div data-bind="ifnot: HasAppointment">
<button class="no-available-hours gray666" disabled="disabled">لا يوجد مواعيد متاحة</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CallCenterDoctorDialogeSMs" tabindex="-1" role="dialog" aria-labelledby="CancelReservationLable" data-keyboard="false" data-backdrop="static" aria-hidden=" true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" id="">
<div>
<div class="control-group bluetext">
<span style=" font-size: 20px;">تم ارسال الرساله بنجاح</span>
</div>
</div>
</div>
<div class="modal-footer" id="">
<div class="save-n-cancel">
<div>
<a class="btn-2rd btn-2erd btn2 " id="CancleReservationokbtn" data-dismiss="modal">موافق</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var seemmoreHeight = 65;
if ('ar' == 'ar') {
seemmoreHeight = 61;
}
function collapsefunctionformorning(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var eveningElement = parentElement.find(".eve");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionfornoon(e) {
var parentElement = $(e).parent();
var morningElement = parentElement.find(".mor");
var eveningElement = parentElement.find(".eve");
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionforevening(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var morningElement = parentElement.find(".mor");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
}
function loadtable() {
var dataList = [{"EntityListContactId":55180,"EntityListingId":53104,"ReservationTypeId":2,"DirectBookingTypeId":3,"UrlKey":"دكتور-عيادات-نبض-التخصصيه-الجلدية","StartOfWeekDate":"\/Date(1462140000000)\/","Days":[{"TodayDate":"\/Date(1462140000000)\/","DaySlots":[{"From":"\/Date(1462186800000)\/","To":"\/Date(1462187820000)\/","SlotType":"Available"},{"From":"\/Date(1462187820000)\/","To":"\/Date(1462188840000)\/","SlotType":"Available"},{"From":"\/Date(1462188840000)\/","To":"\/Date(1462189860000)\/","SlotType":"Available"},{"From":"\/Date(1462189860000)\/","To":"\/Date(1462190880000)\/","SlotType":"Available"},{"From":"\/Date(1462190880000)\/","To":"\/Date(1462191900000)\/","SlotType":"Available"},{"From":"\/Date(1462191900000)\/","To":"\/Date(1462192920000)\/","SlotType":"Available"},{"From":"\/Date(1462192920000)\/","To":"\/Date(1462193940000)\/","SlotType":"Available"},{"From":"\/Date(1462193940000)\/","To":"\/Date(1462194960000)\/","SlotType":"Available"},{"From":"\/Date(1462194960000)\/","To":"\/Date(1462195980000)\/","SlotType":"Available"},{"From":"\/Date(1462195980000)\/","To":"\/Date(1462197000000)\/","SlotType":"Available"},{"From":"\/Date(1462197000000)\/","To":"\/Date(1462198020000)\/","SlotType":"Available"},{"From":"\/Date(1462198020000)\/","To":"\/Date(1462199040000)\/","SlotType":"Available"},{"From":"\/Date(1462199040000)\/","To":"\/Date(1462200060000)\/","SlotType":"Available"},{"From":"\/Date(1462200060000)\/","To":"\/Date(1462201080000)\/","SlotType":"Available"},{"From":"\/Date(1462201080000)\/","To":"\/Date(1462202100000)\/","SlotType":"Available"},{"From":"\/Date(1462202100000)\/","To":"\/Date(1462203120000)\/","SlotType":"Available"},{"From":"\/Date(1462203120000)\/","To":"\/Date(1462204140000)\/","SlotType":"Available"},{"From":"\/Date(1462204140000)\/","To":"\/Date(1462205160000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462186800000)\/","To":"\/Date(1462187880000)\/","SlotType":"Available"},{"From":"\/Date(1462187880000)\/","To":"\/Date(1462188960000)\/","SlotType":"Available"},{"From":"\/Date(1462188960000)\/","To":"\/Date(1462190040000)\/","SlotType":"Available"},{"From":"\/Date(1462190040000)\/","To":"\/Date(1462191120000)\/","SlotType":"Available"},{"From":"\/Date(1462191120000)\/","To":"\/Date(1462192200000)\/","SlotType":"Available"},{"From":"\/Date(1462192200000)\/","To":"\/Date(1462193280000)\/","SlotType":"Available"},{"From":"\/Date(1462193280000)\/","To":"\/Date(1462194360000)\/","SlotType":"Available"},{"From":"\/Date(1462194360000)\/","To":"\/Date(1462195440000)\/","SlotType":"Available"},{"From":"\/Date(1462195440000)\/","To":"\/Date(1462196520000)\/","SlotType":"Available"},{"From":"\/Date(1462196520000)\/","To":"\/Date(1462197600000)\/","SlotType":"Available"},{"From":"\/Date(1462197600000)\/","To":"\/Date(1462198680000)\/","SlotType":"Available"},{"From":"\/Date(1462198680000)\/","To":"\/Date(1462199760000)\/","SlotType":"Available"},{"From":"\/Date(1462199760000)\/","To":"\/Date(1462200840000)\/","SlotType":"Available"},{"From":"\/Date(1462200840000)\/","To":"\/Date(1462201920000)\/","SlotType":"Available"},{"From":"\/Date(1462201920000)\/","To":"\/Date(1462203000000)\/","SlotType":"Available"},{"From":"\/Date(1462203000000)\/","To":"\/Date(1462204080000)\/","SlotType":"Available"},{"From":"\/Date(1462204080000)\/","To":"\/Date(1462205160000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":17,"NumberOfWorkingHourSlots":18,"PriorityToAttendanceSlotsNumber":"١٧","WorkingHourSlotsNumber":"١٨","FirstPriorityToAttendSlot":{"From":"\/Date(1462186800000)\/","To":"\/Date(1462187880000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462186800000)\/","To":"\/Date(1462187820000)\/","SlotType":"Available"}},{"TodayDate":"\/Date(1462226400000)\/","DaySlots":[{"From":"\/Date(1462273200000)\/","To":"\/Date(1462274220000)\/","SlotType":"Available"},{"From":"\/Date(1462274220000)\/","To":"\/Date(1462275240000)\/","SlotType":"Available"},{"From":"\/Date(1462275240000)\/","To":"\/Date(1462276260000)\/","SlotType":"Available"},{"From":"\/Date(1462276260000)\/","To":"\/Date(1462277280000)\/","SlotType":"Available"},{"From":"\/Date(1462277280000)\/","To":"\/Date(1462278300000)\/","SlotType":"Available"},{"From":"\/Date(1462278300000)\/","To":"\/Date(1462279320000)\/","SlotType":"Available"},{"From":"\/Date(1462279320000)\/","To":"\/Date(1462280340000)\/","SlotType":"Available"},{"From":"\/Date(1462280340000)\/","To":"\/Date(1462281360000)\/","SlotType":"Available"},{"From":"\/Date(1462281360000)\/","To":"\/Date(1462282380000)\/","SlotType":"Available"},{"From":"\/Date(1462282380000)\/","To":"\/Date(1462283400000)\/","SlotType":"Available"},{"From":"\/Date(1462283400000)\/","To":"\/Date(1462284420000)\/","SlotType":"Available"},{"From":"\/Date(1462284420000)\/","To":"\/Date(1462285440000)\/","SlotType":"Available"},{"From":"\/Date(1462285440000)\/","To":"\/Date(1462286460000)\/","SlotType":"Available"},{"From":"\/Date(1462286460000)\/","To":"\/Date(1462287480000)\/","SlotType":"Available"},{"From":"\/Date(1462287480000)\/","To":"\/Date(1462288500000)\/","SlotType":"Available"},{"From":"\/Date(1462288500000)\/","To":"\/Date(1462289520000)\/","SlotType":"Available"},{"From":"\/Date(1462289520000)\/","To":"\/Date(1462290540000)\/","SlotType":"Available"},{"From":"\/Date(1462290540000)\/","To":"\/Date(1462291560000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462273200000)\/","To":"\/Date(1462274280000)\/","SlotType":"Available"},{"From":"\/Date(1462274280000)\/","To":"\/Date(1462275360000)\/","SlotType":"Available"},{"From":"\/Date(1462275360000)\/","To":"\/Date(1462276440000)\/","SlotType":"Available"},{"From":"\/Date(1462276440000)\/","To":"\/Date(1462277520000)\/","SlotType":"Available"},{"From":"\/Date(1462277520000)\/","To":"\/Date(1462278600000)\/","SlotType":"Available"},{"From":"\/Date(1462278600000)\/","To":"\/Date(1462279680000)\/","SlotType":"Available"},{"From":"\/Date(1462279680000)\/","To":"\/Date(1462280760000)\/","SlotType":"Available"},{"From":"\/Date(1462280760000)\/","To":"\/Date(1462281840000)\/","SlotType":"Available"},{"From":"\/Date(1462281840000)\/","To":"\/Date(1462282920000)\/","SlotType":"Available"},{"From":"\/Date(1462282920000)\/","To":"\/Date(1462284000000)\/","SlotType":"Available"},{"From":"\/Date(1462284000000)\/","To":"\/Date(1462285080000)\/","SlotType":"Available"},{"From":"\/Date(1462285080000)\/","To":"\/Date(1462286160000)\/","SlotType":"Available"},{"From":"\/Date(1462286160000)\/","To":"\/Date(1462287240000)\/","SlotType":"Available"},{"From":"\/Date(1462287240000)\/","To":"\/Date(1462288320000)\/","SlotType":"Available"},{"From":"\/Date(1462288320000)\/","To":"\/Date(1462289400000)\/","SlotType":"Available"},{"From":"\/Date(1462289400000)\/","To":"\/Date(1462290480000)\/","SlotType":"Available"},{"From":"\/Date(1462290480000)\/","To":"\/Date(1462291560000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":17,"NumberOfWorkingHourSlots":18,"PriorityToAttendanceSlotsNumber":"١٧","WorkingHourSlotsNumber":"١٨","FirstPriorityToAttendSlot":{"From":"\/Date(1462273200000)\/","To":"\/Date(1462274280000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462273200000)\/","To":"\/Date(1462274220000)\/","SlotType":"Available"}},{"TodayDate":"\/Date(1462312800000)\/","DaySlots":[{"From":"\/Date(1462359600000)\/","To":"\/Date(1462360620000)\/","SlotType":"Available"},{"From":"\/Date(1462360620000)\/","To":"\/Date(1462361640000)\/","SlotType":"Available"},{"From":"\/Date(1462361640000)\/","To":"\/Date(1462362660000)\/","SlotType":"Available"},{"From":"\/Date(1462362660000)\/","To":"\/Date(1462363680000)\/","SlotType":"Available"},{"From":"\/Date(1462363680000)\/","To":"\/Date(1462364700000)\/","SlotType":"Available"},{"From":"\/Date(1462364700000)\/","To":"\/Date(1462365720000)\/","SlotType":"Available"},{"From":"\/Date(1462365720000)\/","To":"\/Date(1462366740000)\/","SlotType":"Available"},{"From":"\/Date(1462366740000)\/","To":"\/Date(1462367760000)\/","SlotType":"Available"},{"From":"\/Date(1462367760000)\/","To":"\/Date(1462368780000)\/","SlotType":"Available"},{"From":"\/Date(1462368780000)\/","To":"\/Date(1462369800000)\/","SlotType":"Available"},{"From":"\/Date(1462369800000)\/","To":"\/Date(1462370820000)\/","SlotType":"Available"},{"From":"\/Date(1462370820000)\/","To":"\/Date(1462371840000)\/","SlotType":"Available"},{"From":"\/Date(1462371840000)\/","To":"\/Date(1462372860000)\/","SlotType":"Available"},{"From":"\/Date(1462372860000)\/","To":"\/Date(1462373880000)\/","SlotType":"Available"},{"From":"\/Date(1462373880000)\/","To":"\/Date(1462374900000)\/","SlotType":"Available"},{"From":"\/Date(1462374900000)\/","To":"\/Date(1462375920000)\/","SlotType":"Available"},{"From":"\/Date(1462375920000)\/","To":"\/Date(1462376940000)\/","SlotType":"Available"},{"From":"\/Date(1462376940000)\/","To":"\/Date(1462377960000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462359600000)\/","To":"\/Date(1462360680000)\/","SlotType":"Available"},{"From":"\/Date(1462360680000)\/","To":"\/Date(1462361760000)\/","SlotType":"Available"},{"From":"\/Date(1462361760000)\/","To":"\/Date(1462362840000)\/","SlotType":"Available"},{"From":"\/Date(1462362840000)\/","To":"\/Date(1462363920000)\/","SlotType":"Available"},{"From":"\/Date(1462363920000)\/","To":"\/Date(1462365000000)\/","SlotType":"Available"},{"From":"\/Date(1462365000000)\/","To":"\/Date(1462366080000)\/","SlotType":"Available"},{"From":"\/Date(1462366080000)\/","To":"\/Date(1462367160000)\/","SlotType":"Available"},{"From":"\/Date(1462367160000)\/","To":"\/Date(1462368240000)\/","SlotType":"Available"},{"From":"\/Date(1462368240000)\/","To":"\/Date(1462369320000)\/","SlotType":"Available"},{"From":"\/Date(1462369320000)\/","To":"\/Date(1462370400000)\/","SlotType":"Available"},{"From":"\/Date(1462370400000)\/","To":"\/Date(1462371480000)\/","SlotType":"Available"},{"From":"\/Date(1462371480000)\/","To":"\/Date(1462372560000)\/","SlotType":"Available"},{"From":"\/Date(1462372560000)\/","To":"\/Date(1462373640000)\/","SlotType":"Available"},{"From":"\/Date(1462373640000)\/","To":"\/Date(1462374720000)\/","SlotType":"Available"},{"From":"\/Date(1462374720000)\/","To":"\/Date(1462375800000)\/","SlotType":"Available"},{"From":"\/Date(1462375800000)\/","To":"\/Date(1462376880000)\/","SlotType":"Available"},{"From":"\/Date(1462376880000)\/","To":"\/Date(1462377960000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":17,"NumberOfWorkingHourSlots":18,"PriorityToAttendanceSlotsNumber":"١٧","WorkingHourSlotsNumber":"١٨","FirstPriorityToAttendSlot":{"From":"\/Date(1462359600000)\/","To":"\/Date(1462360680000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462359600000)\/","To":"\/Date(1462360620000)\/","SlotType":"Available"}}],"IsSlots":true,"BookingAvailable":true,"FirstAppointment":"\/Date(1462140000000)\/","WeekAvailable":true}];
var week = 1;
var weekNumber = parseInt(week, 10) - 1;
function doctorAppointmentsModel(data) {
moment.locale('ar');
var self = this;
self.CurrentWeekIndex = 0;
self.SearchedWeeks = [0];
var selectedDayDateClass = "";
var urldate = "";
var sUrlVariables = window.location.search.substring(1).split('&');
for (var i = 0; i < sUrlVariables.length; i++) {
var sParameterName = sUrlVariables[i].split('=');
if (sParameterName[0] == "weekindex") {
var weekIndex = parseInt(sParameterName[1], 10);
self.CurrentWeekIndex = weekIndex;
self.SearchedWeeks = [weekIndex];
}
if (sParameterName[0] == "date") {
urldate = sParameterName[1].substring(0, 10).replace(/\//g, "");
}
}
self.WeekAvailable = ko.observable(data.WeekAvailable);
self.EntityListContactId = ko.observable(data.EntityListContactId);
self.UrlKey = ko.observable(data.UrlKey);
self.BookingAvailable = ko.observable(data.BookingAvailable);
self.StartOfWeekDate = ko.observable(data.StartOfWeekDate);
self.Days = ko.observableArray(data.Days);
self.HasAppointment = data.FirstAppointment != null;
self.FirstAppointment = 'True' == 'True' ? ko.observable(moment(data.FirstAppointment).format('YYYY/MM/DD')) : ko.observable(moment(data.FirstAppointment).format('DD/MM/YYYY'));
self.Days().forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
if (self.CurrentWeekIndex == 0) {
$(".previousWeek").addClass("NoPreviousWeek");
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
}
if (data.FirstAppointment == null) {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
}
self.timeOfDay = function(slot) {
var slotClasses = "";
var date = $("#SelectedDate").val();
if ('' != 'yes') {
$("a[data-date='" + date + "']").parent().addClass("Busy");
}
if (slot.get("hour") < 14) {
slotClasses += "morning";
} else if (slot.get("hour") < 18) {
slotClasses += "noon";
} else {
slotClasses += "evening";
}
return slotClasses;
};
self.changeObject = function(d, t) {
self.WeekAvailable(d.WeekAvailable);
self.EntityListContactId(d.EntityListContactId);
self.UrlKey(d.UrlKey);
self.StartOfWeekDate(d.StartOfWeekDate);
if (!(self.SearchedWeeks.indexOf(t) >= 0)) {
d.Days.forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
self.SearchedWeeks.push(t);
}
self.Days(d.Days);
$("#tab-bod-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
self.applyReadMore();
hoverStyles();
if (self.CurrentWeekIndex != 0) {
self.FirstAppointment("");
} else {
self.FirstAppointment(moment(d.FirstAppointment).format('DD/MM/YYYY'));
}
if (self.CurrentWeekIndex == 0) {
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
$(".previousWeek-"+self.EntityListContactId()).removeClass("disable-appointment-nav");
}
$(".contact-day-column").removeClass("selected-Day");
$(".contact-day-column").removeClass("box-checked");
if (selectedDayDateClass != "") {
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
setColumnHeight(self.EntityListContactId());
};
self.nextWeek = function() {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
$("#next-app-loading-" + self.EntityListContactId()).show();
var divHeight = $("#tab-bod-55180").height();
if (divHeight <= 80) {
divHeight = 80;
}
$("#next-app-loading-" + self.EntityListContactId()).css("height", divHeight);
$("#next-app-loading-" + self.EntityListContactId() + " .glyphicon").css("margin-top", divHeight / 2);
$("#tab-bod-" + self.EntityListContactId()).hide();
if (!self.WeekAvailable() && self.CurrentWeekIndex == /*dataList.length - 1*/ 0) {
var contact = self.EntityListContactId();
var thisdate = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$("#firstav-" + self.EntityListContactId()).hide();
$.ajax({
type: 'POST',
url: '/ar/Search/FirstContactAppointment',
data: { clinicId: contact, nowDate: thisdate},
dataType: "json",
success: function(result) {
$("#firstav-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
if (result.length == 0) {
$("#firstav-" + contact).text('لا يوجد مواعيد متاحة');
$("#firstav-" + contact).css("cursor", "default");
$("#firstav-" + contact).css("background-color", "#f5f5f5 !important");
$("#firstav-" + contact).replaceWith($("<button class='no-available-hours' disabled='disabled'>لا يوجد مواعيد متاحة</button>"));
$(".next-week-arrow-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
dataList.push(result);
self.WeekAvailable(result.WeekAvailable);
self.nextWeek();
}
},
});
} else {
if (self.CurrentWeekIndex < (dataList.length - 1)) {
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'left' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex + 1;
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'right' }, 250);
} else {
var contactId = self.EntityListContactId();
var date = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$.ajax({
type: 'POST',
url: '/ar/Search/ContactAppointments',
data: { contactId: contactId, nextWeekDate: date },
success: function(result) {
dataList.push(result);
self.nextWeek();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
}
});
}
}
$(".previousWeek").removeClass("NoPreviousWeek");
};
self.prevWeek = function() {
if (self.CurrentWeekIndex > 0) {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'right' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex - 1;
if (self.CurrentWeekIndex == 0) {
$('.previousWeek').addClass("NoPreviousWeek");
}
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'left' }, 250);
$(".next-week-arrow-"+self.EntityListContactId()).removeClass("disable-appointment-nav"); }
};
self.GetColorClass = function(todayDate) {
var today = moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var date = moment();
var datetoday = moment(date).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var datetomorrow = moment().add(1,'days');
var datetomorrow1 =moment(datetomorrow).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if (datetoday == today) {
return 'todaycolorclass Col col-xs-4 text-center nopadding';
}
if (datetomorrow1 == today) {
return 'tomorrowcolorclass Col col-xs-4 text-center nopadding';
} else {
return 'normalcolorclass Col col-xs-4 text-center nopadding';
}
};
self.GetDayClass = function(todayDate) {
return 'contact-day-column contact-day-' + self.EntityListContactId() + '-' + moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
};
var hoverStyles = function() {
if ('False' != "True") {
$(document).ready(function() {
var funct = function(num) {
var cl = ".contact-day-" + self.EntityListContactId() + '-'
+ moment(self.StartOfWeekDate()).add(num, 'days').locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if($(cl).length) {
$(cl).hover(function() {
$(cl).css('background-color','rgba(0,112,205,0.1)');
if ($("#tab-bod-" + '55180').find("#tableBody " + cl).length > 0 && !('Search'=="Reservation" && '2' != "2")) {
$(cl).css("cursor", "pointer");
}
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "visible");
$(cl).find(".fifo-selected").css("opacity", "0.5");
}
}, function() {
$(cl).css('background-color','transparent');
$(cl).css("cursor", "default");
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "hidden");
}
});
}
};
for (var count = 0; count <= 2; count++) {
funct(count);
}
});
}
};
hoverStyles();
if (urldate != "") {
$(document).ready(function() {
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + urldate;
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
});
}
self.OnAppointmentClicked = function(d, e) {
var controlerName='Search';
if ($(e.toElement).closest(".contact-day-column").find(".table-date").length > 0) {//If clicked on an empty day, do nothing
if ($(".calTable").find("#tableBody ." + $.grep($(e.toElement).closest(".contact-day-column")[0].classList, function(f){return f.match(/contact-day-[0-9]+/);}) + " .table-col").length == 0) {return;}
if (controlerName == "Reservation" && '2' != "2") return;
}
if (controlerName=="Reservation") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_ReservationPage);
} else if (controlerName == "Search") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve);
} else {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_DoctorProfile);
}
var date = $(e.target).attr("data-date");
if (date == undefined) {
date = $(e.currentTarget).attr("data-date");
}
var actualDate = $(e.target).attr("actual-date");
if (actualDate == undefined) {
actualDate = $(e.currentTarget).attr("actual-date");
}
if (controlerName != "Reservation" && '2' != "2" && e.toElement.className != "day-slot") {
actualDate = "";
}
if ($(e.target).parent().hasClass("Blocked") || $(e.target).parent().hasClass("Vacation") || $(e.target).parent().hasClass("Passed")) {
return;
}
$('span').removeClass("Busy");
$(e.target).parent().addClass("Busy");
$(".contact-day-column").removeClass("selected-Day");
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + date.substring(0, 10).replace(/\//g, "");
$(selectedDayDateClass).addClass("selected-Day");
if ('Index' === 'Index' && 'Search' === 'Reservation' || '' == 'yes') {
var clearDate = false;
if ('2' == "2") {
var element = $(e.toElement); //Current element
if (e.toElement == undefined) {
element = $(e.target);
}
var closestDay = element.closest(".contact-day-column"); //Parent
if (closestDay.find(".table-date").length > 0) { // If clicked on the day
var dayClass = $.grep(closestDay[0].classList, function(f){return f.match(/contact-day-[0-9]+/);});
element = $(".calTable").find("#tableBody ." + dayClass + " .table-col");
if (element.length == 0) {
return;
}
} else { //Else, clicked on the column
element = element.closest(".table-col");
}
var elementChild = element.find(".fifo-icon");
if (elementChild.length > 0) {
element = elementChild;
}
if (elementChild.length > 0) {
var removeCheck = element.hasClass("glyphicon-ok");
$(".check-box").find(".fifo-icon").addClass("icon-unchecked");
$(".check-box").find(".fifo-icon").removeClass("glyphicon-ok");
$("#AppointmentTable").find(".fifo-selected").css("visibility", "hidden");
if (removeCheck) {
element.removeClass("glyphicon-ok");
element.addClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "hidden");
clearDate = true;
selectedDayDateClass = "";
$(".contact-day-column").removeClass("selected-Day");
} else {
element.removeClass("icon-unchecked");
element.addClass("glyphicon-ok");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
}
}
if (!clearDate) {
$("#SelectedDate").val(date);
setSelectedDateFormatted();
$("#TheSelectedDate").val(actualDate);
$(".empty-date").hide();
} else {
$("#SelectedDate").val("");
$("#TheSelectedDate").val("");
$("#selecteddateformated").val("");
}
} else {
$('body').css('cursor', 'wait');
var urlKey = self.UrlKey();
if (window.location.href.indexOf('patientId') > -1 && window.location.href.split('patientId=')[1] != "") {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55180' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex + " &patientId=" + window.location.href.split('patientId=')[1];
} else {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55180' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex;
}
}
};
self.GetDayOfWeek = function(date) {
var dayindex = moment(date).weekday();
if ('ar' == 'ar') {
dayindex--;
if (dayindex == -1) {
dayindex = 6;
}
}
var day = moment.weekdays()[dayindex];
return day;
};
var nooncount = [];
var morningcount = [];
var eveningcount = [];
self.applyReadMore = function() {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).find(".day-column").each(function(index) {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
nooncount[index] = $(this).find(".noon").length;
morningcount[index] = $(this).find(".morning").length;
eveningcount[index] = $(this).find(".evening").length;
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
};
}
ko.bindingHandlers.animateWeek = {
init: function(element, valueAccessor) {
var value = valueAccessor();
$(element).toggle(ko.utils.unwrapObservable(value));
},
update: function(element, valueAccessor) {
var value = valueAccessor();
ko.utils.unwrapObservable(value) ?
$(element).slideDown(500) :
$(element).slideUp(500);
}
};
$(".tab").show();
var currentItem = dataList[weekNumber];
var model = new doctorAppointmentsModel(currentItem);
var dom = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
if (dom) {
ko.applyBindings(model, dom);
$(dom).find(".readmore").height(65);
$(dom).find(".day-column").each(function() {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
}
setColumnHeight('55180');
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
}
if ('' == 'false') {
loadtable();
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
setColumnHeight('55180');
} else {
loadtable();
//$(".tab").show();
//$(".glyphicon-refresh-animate").hide();
$(document).ready(function() {
if ('' != 'yes') {
$("a[data-date='" + $("#SelectedDate").val() + "']").parent().addClass("Busy");
}
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
$(window).load(function() {
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
//setColumnHeight('55180');
});
setSelectedDateFormatted();
});
}
function setColumnHeight(contactId) {
var tableHeight = $("#tab-bod-" + contactId).height();
var bookButtonHeight = $("#tab-bod-" + contactId + " #BookNowlink").parent().height();
var height = tableHeight - bookButtonHeight;
$("#tab-bod-" + contactId + " .align-btn-app").css("min-height", height);
}
function setSelectedDateFormatted() {
var selectedDateValue = $("#SelectedDate").val();
if (selectedDateValue != undefined && selectedDateValue != "") {
var splittedSelected = selectedDateValue.split('/');
var day = splittedSelected[1];
var month = splittedSelected[0];
splittedSelected[0] = day;
splittedSelected[1] = month;
selectedDateValue = splittedSelected[0] + '/' + splittedSelected[1] + '/' + splittedSelected[2];
var x = new Date(selectedDateValue);
var culture;
if ('ar' == 'ar') {
culture = "ar-sa";
} else {
culture = "en";
}
if ('2' == 2) {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY'));
} else {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY, h:mm a'));
}
}
}
</script>
<script>
function sendDoctorSms(param) {
var pname = $('#name').text();
$('#sendDoctorSmsbtn-' + param).css("cursor", "default");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "none");
$('#sendDoctorSmsbtn-' + param).css("background", "grey");
var text = 'ارسال' + ' ...';
$('#sendDoctorSmsbtn-' + param).text(text);
$.ajax({
url: '/ar/CallCenterReservation/SendDoctorSms',
dataType: "json",
data: {
paientname: pname,
doctorid: param,
},
type: "POST",
success: function(result) {
if (result) {
$('#CallCenterDoctorDialogeSMs').modal('show');
$('#sendDoctorSmsbtn-' + param).css("cursor", "pointer");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "painted");
$('#sendDoctorSmsbtn-' + param).css("background", "rgba(239, 15, 15, 1)");
var text = 'ارسل تنويه للدكتور بيانات المريض الاَن';
$('#sendDoctorSmsbtn-' + param).text(text);
}
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
if ('False' == 'True') {
$("#profile-detail-" + '53104').css("opacity", "0.5");
$("#profile-img-" + '53104').css("opacity", "0.5");
$(".card-op-" + '53104').css("opacity", "0.5").css('pointer-events', 'none');
}
});
</script> <hr class="clearfix h10" style="margin:0" />
<div id="srch-res-53035">
<div class="row docResult profileSearchResult" itemscope itemtype="schema.org/Physician">
<div class="media col-xs-12 centerdiv srch-doctor-profile">
<div class="row">
<div id="profile-img-53035" class="imgtopmrgn col-md-2 col-sm-3 col-lg-2">
<figure class="mobmargin text-center pull-left">
<div class="">
<a class="imgSearchPageCent" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%8A%D8%A7%D8%B3%D8%B1-%D8%A7%D8%A8%D8%B1%D8%A7%D9%87%D9%8A%D9%85-%D9%85%D8%AD%D9%85%D8%AF-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" title="دكتور ياسر ابراهيم محمد متخصص في امراض جلدية و تناسلية في 6 اكتوبر">
<Img alt="دكتور ياسر ابراهيم محمد متخصص في امراض جلدية و تناسلية في 6 اكتوبر" class="img-rounded " height="100" id="imgheight" src="/Assets/Images/Doctors/ENT4e76c1/Doctor-Yasser-Ibrahim-Dermatology.jpg" style="width:150px;" width="100"></Img> </a>
</div>
<figcaption class="imgSearchPageCent" style="margin-top: 10px !important" id="figcapt-55111">
<a title="إحجز مع دكتور ياسر ابراهيم محمد" id="bookbutton-55111" onclick=" mixPanelUtil.Book(MixPanelBook.ReservBtnImg); " href="/ar/Reservation/Index/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%8A%D8%A7%D8%B3%D8%B1-%D8%A7%D8%A8%D8%B1%D8%A7%D9%87%D9%8A%D9%85-%D9%85%D8%AD%D9%85%D8%AF-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9" class="btn2 btn-2 btn-2e btn-reservation" style="margin: 0 !important; width: 100% !important;">احجز اونلاين</a>
</figcaption>
</figure>
</div>
<div id="profile-detail-53035" class="col-xs-12 col-sm-8 col-md-7 col-lg-7 media-body visibilitydiv marginImgSearch search">
<div class="row nameMg">
<div class="col-xs-12 col-md-9 col-sm-8 nopadding">
<a title="إحجز مع دكتور ياسر ابراهيم محمد" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%8A%D8%A7%D8%B3%D8%B1-%D8%A7%D8%A8%D8%B1%D8%A7%D9%87%D9%8A%D9%85-%D9%85%D8%AD%D9%85%D8%AF-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="doctor-prefix bluetext">
<span class="doctor-prefix">دكتور</span>
</a>
<a title="إحجز مع دكتور ياسر ابراهيم محمد" itemprop="url" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%8A%D8%A7%D8%B3%D8%B1-%D8%A7%D8%A8%D8%B1%D8%A7%D9%87%D9%8A%D9%85-%D9%85%D8%AD%D9%85%D8%AF-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="bluetext text-decoration-none">
<span itemprop="name" class="media-heading FontSize25 media-body bluetext text-decoration"> ياسر ابراهيم محمد</span>
</a>
</div>
<div class="col-xs-12 col-md-3 col-sm-4 hidden-xs nopadding">
<div class="col-xs-12 nopadding" style="margin-top: 15px; font-size: 0.6em;">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" itemtitle="4 تقييم" class="star-rating rating-xs rating-active" style="display: inline; font-size: 1.2em; white-space: nowrap;">
<input type="number" data-show-caption="false" data-show-clear="false" disabled="disabled" data-size="xs" step="1" max="5" min="0" value="4" class="rating form-control" style="display: none;">
</div>
<div title="١ تقييم" class="stlbl rating-font" style="position: absolute; display: inline; width: 100%; white-space: nowrap;">
<span style="font-size: 1.0em">(١ تقييم)</span>
</div>
</div>
</div>
</div>
<div class="row media-body visibilitydiv">
<div class="col-xs-12 col-sm-8">
<div class="row">
<div class="col-xs-12 nopadding">
<h2 class="bluetext nopadding nomargin seo-h2">اخصائي الامراض الجلدية و التناسلية و امراض الذكورة و العقم </h2>
</div>
<div class="row">
<div class="col-xs-12">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/OtherSpecialties5.7.5.png" title="التخصص" alt="التخصص" class="profileicon pull-left" />
<p class="padding-left">
<span class="gray666">
<a class="entityspecialitiesclass bluetext"href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82 title=ابحث عن افضل دكتور امراض جلدية و تناسلية في مصر><span itemprop="medicalSpecialty">امراض جلدية و تناسلية</span></a><span class="gray666"> متخصص في </span> <a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>امراض تناسلية</a><span style="color: #7d7d7d"> و </span><a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AA%D8%AC%D9%85%D9%8A%D9%84-%D9%88-%D9%84%D9%8A%D8%B2%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>تجميل و ليزر</a>
</span>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix h5px"></div>
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/location5.7.5.1.png" title="المنطقة" alt="المنطقة" class="profileicon pull-left" />
<p class="padding-left">
<span id="area" style="color: #7d7d7d;">6 اكتوبر</span>
<span>: الحي السابع - الاردنية القديمة - امام مستشفى التأمين الصحي</span>
<div class="clearfix h1px"></div>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix"></div>
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/callnumber5.7.5.1.png" title="اتصل بنا" alt="اتصل بنا" class="profileicon pull-left" />
<span class="margin-left-5"><span itemprop="telephone">16676</span> - بسعر المكالمة العادية</span>
</p>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-12">
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/ExaminationFees5.7.5.png" title="سعر الكشف" alt="سعر الكشف" class="profileicon pull-left" />
<span class="margin-left-5">
<span>سعر الكشف:</span> <span itemprop="priceRange">١٥٠ جنيه</span>
</span>
</p>
</div>
<div class="col-xs-12 waiting-time-col">
<div class="clearfix height5 hidden-xs"></div>
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/WaitingTime5.7.5.png" title="مدة الانتظار" alt="مدة الانتظار" class="waiting-time-icon pull-left col-xs-1 nopadding" />
<p class="col-xs-11 nopadding element-text">
مدة الانتظار
<span>
٣٠ دقيقة
</span>
</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="row hidden-xs">
<div class="col-xs-12">
</div>
</div>
</div>
</div>
</div>
<div class="clearfix visible-sm hidden-xs hidden-md hidden-lg"></div>
<div class="hidden-xs col-sm-5 col-md-3 col-lg-3 col-sm-offset-3 col-md-offset-0 col-lg-offset-0 profSearch2 smtopmrgn text-center moztransformorigin-leftelement" style="zoom: 0.85; -moz-transform: scale(0.85);">
<input id="reservationTypeId" name="reservationTypeId" type="hidden" value="2" />
<div class="table-type">الدخول بالحجز و اسبقية الحضور</div>
<div class="clearfix"></div>
<i id="load-icon" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></i>
<div data-contactid="55111" class="appointment tab" hidden>
<div id="appTableContactId" class="displaynone">55111</div>
<div>
<a class="nextWeek app-arr red previousWeek previousWeek-55111" data-bind='click: $root.prevWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentright5.7.5.1.png" alt="previousweek" class="appointmentarrow" />
</a>
<a class="prevWeek app-arr red next-week-arrow-55111" data-bind='click: $root.nextWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentleft5.7.5.1.png" alt="nextweek" class="appointmentarrow" />
</a>
</div>
<div class="table-responsive text-center" style="overflow:visible;">
<div class="calTable table" style="margin-bottom:0;">
<div id="tableHead" class="row nomargin Heading white" data-bind="foreach: Days">
<div id="tableAppHead" data-bind="attr:{ 'class': $root.GetColorClass(TodayDate) }">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:5px">
<div class="table-date" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">
<b class="fs-14 economica" data-bind="text: $root.GetDayOfWeek(TodayDate)" style="padding-left: 2px;padding-right: 2px;"></b>
<br />
<span data-bind="text: moment(TodayDate).format('MM/DD')"></span>
</div>
</div>
</div>
</div>
<div id="next-app-loading-55111" style="display:none;">
<i class="glyphicon glyphicon-refresh glyphicon-load-animate"></i>
</div>
<div data-bind="foreach: Days, as: 'd'" class="row nomargin Heading bluetext" id="tab-bod-55111">
<div id="tableBody" class="Col col-xs-4 text-center nopadding bluetext fifo-tab">
<div data-bind="if: NumberOfWorkingHourSlots > 0">
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }">
<div class="table-col" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }" style="padding-top:10px;">
<div>
<div style="font-size:0.85em;">من</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[0].From.locale('ar').format('hh:mm a')"></div>
<div style="font-size:0.85em;">الى</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[DaySlots.length - 1].To.locale('ar').format('hh:mm a')"></div>
</div>
<hr class="hrline" style="margin-top:10px;margin-bottom:5px;" />
<div data-bind="if: NumberOfPriorityToAttendanceSlots == 0">
<div style="font-size:0.85em" data-bind="text: 'لا يوجد مواعيد متوفرة'"></div>
</div>
<div style="height:5px"></div>
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<a title="الدخول باسبقية الحضور" class="btn2 btn-2 btn-2v2" id="BookNowlink" style="font-size: 1em; padding: 4.5px; min-width: 70px;" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">احجز</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-bind="ifnot: WeekAvailable">
<div data-bind="if: HasAppointment">
<div class="padding-right-left-15" data-bind="if: CurrentWeekIndex == 0">
<div id="firstav-55111" class="first-available" data-bind='click: $root.nextWeek'>
<div class="disp-inline">اول موعد متاح </div>
<div class="disp-inline" data-bind="text: FirstAppointment"></div>
<div class="disp-inline glyphicon glyphicon-arrow-left" style="padding-right: 5px;"></div>
</div>
</div>
</div>
<div data-bind="ifnot: HasAppointment">
<button class="no-available-hours gray666" disabled="disabled">لا يوجد مواعيد متاحة</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CallCenterDoctorDialogeSMs" tabindex="-1" role="dialog" aria-labelledby="CancelReservationLable" data-keyboard="false" data-backdrop="static" aria-hidden=" true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" id="">
<div>
<div class="control-group bluetext">
<span style=" font-size: 20px;">تم ارسال الرساله بنجاح</span>
</div>
</div>
</div>
<div class="modal-footer" id="">
<div class="save-n-cancel">
<div>
<a class="btn-2rd btn-2erd btn2 " id="CancleReservationokbtn" data-dismiss="modal">موافق</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var seemmoreHeight = 65;
if ('ar' == 'ar') {
seemmoreHeight = 61;
}
function collapsefunctionformorning(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var eveningElement = parentElement.find(".eve");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionfornoon(e) {
var parentElement = $(e).parent();
var morningElement = parentElement.find(".mor");
var eveningElement = parentElement.find(".eve");
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionforevening(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var morningElement = parentElement.find(".mor");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
}
function loadtable() {
var dataList = [{"EntityListContactId":55111,"EntityListingId":53035,"ReservationTypeId":2,"DirectBookingTypeId":3,"UrlKey":"دكتور-ياسر-ابراهيم-محمد-الجلدية","StartOfWeekDate":"\/Date(1462140000000)\/","Days":[{"TodayDate":"\/Date(1462140000000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}},{"TodayDate":"\/Date(1462226400000)\/","DaySlots":[{"From":"\/Date(1462298400000)\/","To":"\/Date(1462299000000)\/","SlotType":"Available"},{"From":"\/Date(1462299000000)\/","To":"\/Date(1462299600000)\/","SlotType":"Available"},{"From":"\/Date(1462299600000)\/","To":"\/Date(1462300200000)\/","SlotType":"Available"},{"From":"\/Date(1462300200000)\/","To":"\/Date(1462300800000)\/","SlotType":"Available"},{"From":"\/Date(1462300800000)\/","To":"\/Date(1462301400000)\/","SlotType":"Available"},{"From":"\/Date(1462301400000)\/","To":"\/Date(1462302000000)\/","SlotType":"Available"},{"From":"\/Date(1462302000000)\/","To":"\/Date(1462302600000)\/","SlotType":"Available"},{"From":"\/Date(1462302600000)\/","To":"\/Date(1462303200000)\/","SlotType":"Available"},{"From":"\/Date(1462303200000)\/","To":"\/Date(1462303800000)\/","SlotType":"Available"},{"From":"\/Date(1462303800000)\/","To":"\/Date(1462304400000)\/","SlotType":"Available"},{"From":"\/Date(1462304400000)\/","To":"\/Date(1462305000000)\/","SlotType":"Available"},{"From":"\/Date(1462305000000)\/","To":"\/Date(1462305600000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462298400000)\/","To":"\/Date(1462299000000)\/","SlotType":"Available"},{"From":"\/Date(1462299000000)\/","To":"\/Date(1462299600000)\/","SlotType":"Available"},{"From":"\/Date(1462299600000)\/","To":"\/Date(1462300200000)\/","SlotType":"Available"},{"From":"\/Date(1462300200000)\/","To":"\/Date(1462300800000)\/","SlotType":"Available"},{"From":"\/Date(1462300800000)\/","To":"\/Date(1462301400000)\/","SlotType":"Available"},{"From":"\/Date(1462301400000)\/","To":"\/Date(1462302000000)\/","SlotType":"Available"},{"From":"\/Date(1462302000000)\/","To":"\/Date(1462302600000)\/","SlotType":"Available"},{"From":"\/Date(1462302600000)\/","To":"\/Date(1462303200000)\/","SlotType":"Available"},{"From":"\/Date(1462303200000)\/","To":"\/Date(1462303800000)\/","SlotType":"Available"},{"From":"\/Date(1462303800000)\/","To":"\/Date(1462304400000)\/","SlotType":"Available"},{"From":"\/Date(1462304400000)\/","To":"\/Date(1462305000000)\/","SlotType":"Available"},{"From":"\/Date(1462305000000)\/","To":"\/Date(1462305600000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":12,"NumberOfWorkingHourSlots":12,"PriorityToAttendanceSlotsNumber":"١٢","WorkingHourSlotsNumber":"١٢","FirstPriorityToAttendSlot":{"From":"\/Date(1462298400000)\/","To":"\/Date(1462299000000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462298400000)\/","To":"\/Date(1462299000000)\/","SlotType":"Available"}},{"TodayDate":"\/Date(1462312800000)\/","DaySlots":[{"From":"\/Date(1462384800000)\/","To":"\/Date(1462385400000)\/","SlotType":"Available"},{"From":"\/Date(1462385400000)\/","To":"\/Date(1462386000000)\/","SlotType":"Available"},{"From":"\/Date(1462386000000)\/","To":"\/Date(1462386600000)\/","SlotType":"Available"},{"From":"\/Date(1462386600000)\/","To":"\/Date(1462387200000)\/","SlotType":"Available"},{"From":"\/Date(1462387200000)\/","To":"\/Date(1462387800000)\/","SlotType":"Available"},{"From":"\/Date(1462387800000)\/","To":"\/Date(1462388400000)\/","SlotType":"Available"},{"From":"\/Date(1462388400000)\/","To":"\/Date(1462389000000)\/","SlotType":"Available"},{"From":"\/Date(1462389000000)\/","To":"\/Date(1462389600000)\/","SlotType":"Available"},{"From":"\/Date(1462389600000)\/","To":"\/Date(1462390200000)\/","SlotType":"Available"},{"From":"\/Date(1462390200000)\/","To":"\/Date(1462390800000)\/","SlotType":"Available"},{"From":"\/Date(1462390800000)\/","To":"\/Date(1462391400000)\/","SlotType":"Available"},{"From":"\/Date(1462391400000)\/","To":"\/Date(1462392000000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462384800000)\/","To":"\/Date(1462385400000)\/","SlotType":"Available"},{"From":"\/Date(1462385400000)\/","To":"\/Date(1462386000000)\/","SlotType":"Available"},{"From":"\/Date(1462386000000)\/","To":"\/Date(1462386600000)\/","SlotType":"Available"},{"From":"\/Date(1462386600000)\/","To":"\/Date(1462387200000)\/","SlotType":"Available"},{"From":"\/Date(1462387200000)\/","To":"\/Date(1462387800000)\/","SlotType":"Available"},{"From":"\/Date(1462387800000)\/","To":"\/Date(1462388400000)\/","SlotType":"Available"},{"From":"\/Date(1462388400000)\/","To":"\/Date(1462389000000)\/","SlotType":"Available"},{"From":"\/Date(1462389000000)\/","To":"\/Date(1462389600000)\/","SlotType":"Available"},{"From":"\/Date(1462389600000)\/","To":"\/Date(1462390200000)\/","SlotType":"Available"},{"From":"\/Date(1462390200000)\/","To":"\/Date(1462390800000)\/","SlotType":"Available"},{"From":"\/Date(1462390800000)\/","To":"\/Date(1462391400000)\/","SlotType":"Available"},{"From":"\/Date(1462391400000)\/","To":"\/Date(1462392000000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":12,"NumberOfWorkingHourSlots":12,"PriorityToAttendanceSlotsNumber":"١٢","WorkingHourSlotsNumber":"١٢","FirstPriorityToAttendSlot":{"From":"\/Date(1462384800000)\/","To":"\/Date(1462385400000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462384800000)\/","To":"\/Date(1462385400000)\/","SlotType":"Available"}}],"IsSlots":true,"BookingAvailable":true,"FirstAppointment":"\/Date(1462226400000)\/","WeekAvailable":true}];
var week = 1;
var weekNumber = parseInt(week, 10) - 1;
function doctorAppointmentsModel(data) {
moment.locale('ar');
var self = this;
self.CurrentWeekIndex = 0;
self.SearchedWeeks = [0];
var selectedDayDateClass = "";
var urldate = "";
var sUrlVariables = window.location.search.substring(1).split('&');
for (var i = 0; i < sUrlVariables.length; i++) {
var sParameterName = sUrlVariables[i].split('=');
if (sParameterName[0] == "weekindex") {
var weekIndex = parseInt(sParameterName[1], 10);
self.CurrentWeekIndex = weekIndex;
self.SearchedWeeks = [weekIndex];
}
if (sParameterName[0] == "date") {
urldate = sParameterName[1].substring(0, 10).replace(/\//g, "");
}
}
self.WeekAvailable = ko.observable(data.WeekAvailable);
self.EntityListContactId = ko.observable(data.EntityListContactId);
self.UrlKey = ko.observable(data.UrlKey);
self.BookingAvailable = ko.observable(data.BookingAvailable);
self.StartOfWeekDate = ko.observable(data.StartOfWeekDate);
self.Days = ko.observableArray(data.Days);
self.HasAppointment = data.FirstAppointment != null;
self.FirstAppointment = 'True' == 'True' ? ko.observable(moment(data.FirstAppointment).format('YYYY/MM/DD')) : ko.observable(moment(data.FirstAppointment).format('DD/MM/YYYY'));
self.Days().forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
if (self.CurrentWeekIndex == 0) {
$(".previousWeek").addClass("NoPreviousWeek");
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
}
if (data.FirstAppointment == null) {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
}
self.timeOfDay = function(slot) {
var slotClasses = "";
var date = $("#SelectedDate").val();
if ('' != 'yes') {
$("a[data-date='" + date + "']").parent().addClass("Busy");
}
if (slot.get("hour") < 14) {
slotClasses += "morning";
} else if (slot.get("hour") < 18) {
slotClasses += "noon";
} else {
slotClasses += "evening";
}
return slotClasses;
};
self.changeObject = function(d, t) {
self.WeekAvailable(d.WeekAvailable);
self.EntityListContactId(d.EntityListContactId);
self.UrlKey(d.UrlKey);
self.StartOfWeekDate(d.StartOfWeekDate);
if (!(self.SearchedWeeks.indexOf(t) >= 0)) {
d.Days.forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
self.SearchedWeeks.push(t);
}
self.Days(d.Days);
$("#tab-bod-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
self.applyReadMore();
hoverStyles();
if (self.CurrentWeekIndex != 0) {
self.FirstAppointment("");
} else {
self.FirstAppointment(moment(d.FirstAppointment).format('DD/MM/YYYY'));
}
if (self.CurrentWeekIndex == 0) {
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
$(".previousWeek-"+self.EntityListContactId()).removeClass("disable-appointment-nav");
}
$(".contact-day-column").removeClass("selected-Day");
$(".contact-day-column").removeClass("box-checked");
if (selectedDayDateClass != "") {
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
setColumnHeight(self.EntityListContactId());
};
self.nextWeek = function() {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
$("#next-app-loading-" + self.EntityListContactId()).show();
var divHeight = $("#tab-bod-55111").height();
if (divHeight <= 80) {
divHeight = 80;
}
$("#next-app-loading-" + self.EntityListContactId()).css("height", divHeight);
$("#next-app-loading-" + self.EntityListContactId() + " .glyphicon").css("margin-top", divHeight / 2);
$("#tab-bod-" + self.EntityListContactId()).hide();
if (!self.WeekAvailable() && self.CurrentWeekIndex == /*dataList.length - 1*/ 0) {
var contact = self.EntityListContactId();
var thisdate = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$("#firstav-" + self.EntityListContactId()).hide();
$.ajax({
type: 'POST',
url: '/ar/Search/FirstContactAppointment',
data: { clinicId: contact, nowDate: thisdate},
dataType: "json",
success: function(result) {
$("#firstav-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
if (result.length == 0) {
$("#firstav-" + contact).text('لا يوجد مواعيد متاحة');
$("#firstav-" + contact).css("cursor", "default");
$("#firstav-" + contact).css("background-color", "#f5f5f5 !important");
$("#firstav-" + contact).replaceWith($("<button class='no-available-hours' disabled='disabled'>لا يوجد مواعيد متاحة</button>"));
$(".next-week-arrow-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
dataList.push(result);
self.WeekAvailable(result.WeekAvailable);
self.nextWeek();
}
},
});
} else {
if (self.CurrentWeekIndex < (dataList.length - 1)) {
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'left' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex + 1;
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'right' }, 250);
} else {
var contactId = self.EntityListContactId();
var date = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$.ajax({
type: 'POST',
url: '/ar/Search/ContactAppointments',
data: { contactId: contactId, nextWeekDate: date },
success: function(result) {
dataList.push(result);
self.nextWeek();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
}
});
}
}
$(".previousWeek").removeClass("NoPreviousWeek");
};
self.prevWeek = function() {
if (self.CurrentWeekIndex > 0) {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'right' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex - 1;
if (self.CurrentWeekIndex == 0) {
$('.previousWeek').addClass("NoPreviousWeek");
}
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'left' }, 250);
$(".next-week-arrow-"+self.EntityListContactId()).removeClass("disable-appointment-nav"); }
};
self.GetColorClass = function(todayDate) {
var today = moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var date = moment();
var datetoday = moment(date).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var datetomorrow = moment().add(1,'days');
var datetomorrow1 =moment(datetomorrow).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if (datetoday == today) {
return 'todaycolorclass Col col-xs-4 text-center nopadding';
}
if (datetomorrow1 == today) {
return 'tomorrowcolorclass Col col-xs-4 text-center nopadding';
} else {
return 'normalcolorclass Col col-xs-4 text-center nopadding';
}
};
self.GetDayClass = function(todayDate) {
return 'contact-day-column contact-day-' + self.EntityListContactId() + '-' + moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
};
var hoverStyles = function() {
if ('False' != "True") {
$(document).ready(function() {
var funct = function(num) {
var cl = ".contact-day-" + self.EntityListContactId() + '-'
+ moment(self.StartOfWeekDate()).add(num, 'days').locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if($(cl).length) {
$(cl).hover(function() {
$(cl).css('background-color','rgba(0,112,205,0.1)');
if ($("#tab-bod-" + '55111').find("#tableBody " + cl).length > 0 && !('Search'=="Reservation" && '2' != "2")) {
$(cl).css("cursor", "pointer");
}
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "visible");
$(cl).find(".fifo-selected").css("opacity", "0.5");
}
}, function() {
$(cl).css('background-color','transparent');
$(cl).css("cursor", "default");
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "hidden");
}
});
}
};
for (var count = 0; count <= 2; count++) {
funct(count);
}
});
}
};
hoverStyles();
if (urldate != "") {
$(document).ready(function() {
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + urldate;
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
});
}
self.OnAppointmentClicked = function(d, e) {
var controlerName='Search';
if ($(e.toElement).closest(".contact-day-column").find(".table-date").length > 0) {//If clicked on an empty day, do nothing
if ($(".calTable").find("#tableBody ." + $.grep($(e.toElement).closest(".contact-day-column")[0].classList, function(f){return f.match(/contact-day-[0-9]+/);}) + " .table-col").length == 0) {return;}
if (controlerName == "Reservation" && '2' != "2") return;
}
if (controlerName=="Reservation") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_ReservationPage);
} else if (controlerName == "Search") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve);
} else {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_DoctorProfile);
}
var date = $(e.target).attr("data-date");
if (date == undefined) {
date = $(e.currentTarget).attr("data-date");
}
var actualDate = $(e.target).attr("actual-date");
if (actualDate == undefined) {
actualDate = $(e.currentTarget).attr("actual-date");
}
if (controlerName != "Reservation" && '2' != "2" && e.toElement.className != "day-slot") {
actualDate = "";
}
if ($(e.target).parent().hasClass("Blocked") || $(e.target).parent().hasClass("Vacation") || $(e.target).parent().hasClass("Passed")) {
return;
}
$('span').removeClass("Busy");
$(e.target).parent().addClass("Busy");
$(".contact-day-column").removeClass("selected-Day");
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + date.substring(0, 10).replace(/\//g, "");
$(selectedDayDateClass).addClass("selected-Day");
if ('Index' === 'Index' && 'Search' === 'Reservation' || '' == 'yes') {
var clearDate = false;
if ('2' == "2") {
var element = $(e.toElement); //Current element
if (e.toElement == undefined) {
element = $(e.target);
}
var closestDay = element.closest(".contact-day-column"); //Parent
if (closestDay.find(".table-date").length > 0) { // If clicked on the day
var dayClass = $.grep(closestDay[0].classList, function(f){return f.match(/contact-day-[0-9]+/);});
element = $(".calTable").find("#tableBody ." + dayClass + " .table-col");
if (element.length == 0) {
return;
}
} else { //Else, clicked on the column
element = element.closest(".table-col");
}
var elementChild = element.find(".fifo-icon");
if (elementChild.length > 0) {
element = elementChild;
}
if (elementChild.length > 0) {
var removeCheck = element.hasClass("glyphicon-ok");
$(".check-box").find(".fifo-icon").addClass("icon-unchecked");
$(".check-box").find(".fifo-icon").removeClass("glyphicon-ok");
$("#AppointmentTable").find(".fifo-selected").css("visibility", "hidden");
if (removeCheck) {
element.removeClass("glyphicon-ok");
element.addClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "hidden");
clearDate = true;
selectedDayDateClass = "";
$(".contact-day-column").removeClass("selected-Day");
} else {
element.removeClass("icon-unchecked");
element.addClass("glyphicon-ok");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
}
}
if (!clearDate) {
$("#SelectedDate").val(date);
setSelectedDateFormatted();
$("#TheSelectedDate").val(actualDate);
$(".empty-date").hide();
} else {
$("#SelectedDate").val("");
$("#TheSelectedDate").val("");
$("#selecteddateformated").val("");
}
} else {
$('body').css('cursor', 'wait');
var urlKey = self.UrlKey();
if (window.location.href.indexOf('patientId') > -1 && window.location.href.split('patientId=')[1] != "") {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55111' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex + " &patientId=" + window.location.href.split('patientId=')[1];
} else {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55111' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex;
}
}
};
self.GetDayOfWeek = function(date) {
var dayindex = moment(date).weekday();
if ('ar' == 'ar') {
dayindex--;
if (dayindex == -1) {
dayindex = 6;
}
}
var day = moment.weekdays()[dayindex];
return day;
};
var nooncount = [];
var morningcount = [];
var eveningcount = [];
self.applyReadMore = function() {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).find(".day-column").each(function(index) {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
nooncount[index] = $(this).find(".noon").length;
morningcount[index] = $(this).find(".morning").length;
eveningcount[index] = $(this).find(".evening").length;
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
};
}
ko.bindingHandlers.animateWeek = {
init: function(element, valueAccessor) {
var value = valueAccessor();
$(element).toggle(ko.utils.unwrapObservable(value));
},
update: function(element, valueAccessor) {
var value = valueAccessor();
ko.utils.unwrapObservable(value) ?
$(element).slideDown(500) :
$(element).slideUp(500);
}
};
$(".tab").show();
var currentItem = dataList[weekNumber];
var model = new doctorAppointmentsModel(currentItem);
var dom = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
if (dom) {
ko.applyBindings(model, dom);
$(dom).find(".readmore").height(65);
$(dom).find(".day-column").each(function() {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
}
setColumnHeight('55111');
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
}
if ('' == 'false') {
loadtable();
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
setColumnHeight('55111');
} else {
loadtable();
//$(".tab").show();
//$(".glyphicon-refresh-animate").hide();
$(document).ready(function() {
if ('' != 'yes') {
$("a[data-date='" + $("#SelectedDate").val() + "']").parent().addClass("Busy");
}
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
$(window).load(function() {
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
//setColumnHeight('55111');
});
setSelectedDateFormatted();
});
}
function setColumnHeight(contactId) {
var tableHeight = $("#tab-bod-" + contactId).height();
var bookButtonHeight = $("#tab-bod-" + contactId + " #BookNowlink").parent().height();
var height = tableHeight - bookButtonHeight;
$("#tab-bod-" + contactId + " .align-btn-app").css("min-height", height);
}
function setSelectedDateFormatted() {
var selectedDateValue = $("#SelectedDate").val();
if (selectedDateValue != undefined && selectedDateValue != "") {
var splittedSelected = selectedDateValue.split('/');
var day = splittedSelected[1];
var month = splittedSelected[0];
splittedSelected[0] = day;
splittedSelected[1] = month;
selectedDateValue = splittedSelected[0] + '/' + splittedSelected[1] + '/' + splittedSelected[2];
var x = new Date(selectedDateValue);
var culture;
if ('ar' == 'ar') {
culture = "ar-sa";
} else {
culture = "en";
}
if ('2' == 2) {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY'));
} else {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY, h:mm a'));
}
}
}
</script>
<script>
function sendDoctorSms(param) {
var pname = $('#name').text();
$('#sendDoctorSmsbtn-' + param).css("cursor", "default");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "none");
$('#sendDoctorSmsbtn-' + param).css("background", "grey");
var text = 'ارسال' + ' ...';
$('#sendDoctorSmsbtn-' + param).text(text);
$.ajax({
url: '/ar/CallCenterReservation/SendDoctorSms',
dataType: "json",
data: {
paientname: pname,
doctorid: param,
},
type: "POST",
success: function(result) {
if (result) {
$('#CallCenterDoctorDialogeSMs').modal('show');
$('#sendDoctorSmsbtn-' + param).css("cursor", "pointer");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "painted");
$('#sendDoctorSmsbtn-' + param).css("background", "rgba(239, 15, 15, 1)");
var text = 'ارسل تنويه للدكتور بيانات المريض الاَن';
$('#sendDoctorSmsbtn-' + param).text(text);
}
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
if ('False' == 'True') {
$("#profile-detail-" + '53035').css("opacity", "0.5");
$("#profile-img-" + '53035').css("opacity", "0.5");
$(".card-op-" + '53035').css("opacity", "0.5").css('pointer-events', 'none');
}
});
</script> <hr class="clearfix h10" style="margin:0" />
<div id="srch-res-53113">
<div class="row docResult profileSearchResult" itemscope itemtype="schema.org/Physician">
<div class="media col-xs-12 centerdiv srch-doctor-profile">
<div class="row">
<div id="profile-img-53113" class="imgtopmrgn col-md-2 col-sm-3 col-lg-2">
<figure class="mobmargin text-center pull-left">
<div class="">
<a class="imgSearchPageCent" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B9%D9%8A%D8%A7%D8%AF%D8%A7%D8%AA-%D9%86%D8%A8%D8%B6-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D9%8A%D9%87-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-1/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" title="دكتور عيادات نبض التخصصيه متخصص في امراض جلدية و تناسلية في مدينه نصر">
<Img alt="دكتور عيادات نبض التخصصيه متخصص في امراض جلدية و تناسلية في مدينه نصر" class="img-rounded " height="100" id="imgheight" src="/Assets/Images/Doctors/ENT3764af/Doctor-Nabd-Clinics-Dermatology-1.jpg" style="width:150px;" width="100"></Img> </a>
</div>
<figcaption class="imgSearchPageCent" style="margin-top: 10px !important" id="figcapt-55189">
<a title="إحجز مع دكتور عيادات نبض التخصصيه" id="bookbutton-55189" onclick=" mixPanelUtil.Book(MixPanelBook.ReservBtnImg); " href="/ar/Reservation/Index/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B9%D9%8A%D8%A7%D8%AF%D8%A7%D8%AA-%D9%86%D8%A8%D8%B6-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D9%8A%D9%87-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-1" class="btn2 btn-2 btn-2e btn-reservation" style="margin: 0 !important; width: 100% !important;">احجز اونلاين</a>
</figcaption>
</figure>
</div>
<div id="profile-detail-53113" class="col-xs-12 col-sm-8 col-md-7 col-lg-7 media-body visibilitydiv marginImgSearch search">
<div class="row nameMg">
<div class="col-xs-12 col-md-9 col-sm-8 nopadding">
<a title="إحجز مع دكتور عيادات نبض التخصصيه" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B9%D9%8A%D8%A7%D8%AF%D8%A7%D8%AA-%D9%86%D8%A8%D8%B6-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D9%8A%D9%87-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-1/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="doctor-prefix bluetext">
<span class="doctor-prefix">دكتور</span>
</a>
<a title="إحجز مع دكتور عيادات نبض التخصصيه" itemprop="url" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B9%D9%8A%D8%A7%D8%AF%D8%A7%D8%AA-%D9%86%D8%A8%D8%B6-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D9%8A%D9%87-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-1/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="bluetext text-decoration-none">
<span itemprop="name" class="media-heading FontSize25 media-body bluetext text-decoration"> عيادات نبض التخصصيه</span>
</a>
</div>
<div class="col-xs-12 col-md-3 col-sm-4 hidden-xs nopadding">
<div class="col-xs-12 nopadding" style="margin-top: 15px; font-size: 0.6em;">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" itemtitle="1 تقييم" class="star-rating rating-xs rating-active" style="display: inline; font-size: 1.2em; white-space: nowrap;">
<input type="number" data-show-caption="false" data-show-clear="false" disabled="disabled" data-size="xs" step="1" max="5" min="0" value="1" class="rating form-control" style="display: none;">
</div>
<div title="١ تقييم" class="stlbl rating-font" style="position: absolute; display: inline; width: 100%; white-space: nowrap;">
<span style="font-size: 1.0em">(١ تقييم)</span>
</div>
</div>
</div>
</div>
<div class="row media-body visibilitydiv">
<div class="col-xs-12 col-sm-8">
<div class="row">
<div class="col-xs-12 nopadding">
<h2 class="bluetext nopadding nomargin seo-h2">مجموعه من كبار استاذة الجلديه و التجميل </h2>
</div>
<div class="row">
<div class="col-xs-12">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/OtherSpecialties5.7.5.png" title="التخصص" alt="التخصص" class="profileicon pull-left" />
<p class="padding-left">
<span class="gray666">
<a class="entityspecialitiesclass bluetext"href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82 title=ابحث عن افضل دكتور امراض جلدية و تناسلية في مصر><span itemprop="medicalSpecialty">امراض جلدية و تناسلية</span></a><span class="gray666"> متخصص في </span> <a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AA%D8%AC%D9%85%D9%8A%D9%84-%D9%88-%D9%84%D9%8A%D8%B2%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>تجميل و ليزر</a>
</span>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix h5px"></div>
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/location5.7.5.1.png" title="المنطقة" alt="المنطقة" class="profileicon pull-left" />
<p class="padding-left">
<span id="area" style="color: #7d7d7d;">مدينه نصر</span>
<span>: 2 شارع سيد زكريا , حي السفارات , مدينة نصر</span>
<div class="clearfix h1px"></div>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix"></div>
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/callnumber5.7.5.1.png" title="اتصل بنا" alt="اتصل بنا" class="profileicon pull-left" />
<span class="margin-left-5"><span itemprop="telephone">16676</span> - بسعر المكالمة العادية</span>
</p>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-12">
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/ExaminationFees5.7.5.png" title="سعر الكشف" alt="سعر الكشف" class="profileicon pull-left" />
<span class="margin-left-5">
<span>سعر الكشف:</span> <span itemprop="priceRange">٢٠٠ جنيه</span>
</span>
</p>
</div>
<div class="col-xs-12 waiting-time-col">
<div class="clearfix height5 hidden-xs"></div>
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/WaitingTime5.7.5.png" title="مدة الانتظار" alt="مدة الانتظار" class="waiting-time-icon pull-left col-xs-1 nopadding" />
<p class="col-xs-11 nopadding element-text">
مدة الانتظار
<span>
٣٠ دقيقة
</span>
</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="row hidden-xs">
<div class="col-xs-12">
</div>
</div>
</div>
</div>
</div>
<div class="clearfix visible-sm hidden-xs hidden-md hidden-lg"></div>
<div class="hidden-xs col-sm-5 col-md-3 col-lg-3 col-sm-offset-3 col-md-offset-0 col-lg-offset-0 profSearch2 smtopmrgn text-center moztransformorigin-leftelement" style="zoom: 0.85; -moz-transform: scale(0.85);">
<input id="reservationTypeId" name="reservationTypeId" type="hidden" value="2" />
<div class="table-type">الدخول بالحجز و اسبقية الحضور</div>
<div class="clearfix"></div>
<i id="load-icon" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></i>
<div data-contactid="55189" class="appointment tab" hidden>
<div id="appTableContactId" class="displaynone">55189</div>
<div>
<a class="nextWeek app-arr red previousWeek previousWeek-55189" data-bind='click: $root.prevWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentright5.7.5.1.png" alt="previousweek" class="appointmentarrow" />
</a>
<a class="prevWeek app-arr red next-week-arrow-55189" data-bind='click: $root.nextWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentleft5.7.5.1.png" alt="nextweek" class="appointmentarrow" />
</a>
</div>
<div class="table-responsive text-center" style="overflow:visible;">
<div class="calTable table" style="margin-bottom:0;">
<div id="tableHead" class="row nomargin Heading white" data-bind="foreach: Days">
<div id="tableAppHead" data-bind="attr:{ 'class': $root.GetColorClass(TodayDate) }">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:5px">
<div class="table-date" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">
<b class="fs-14 economica" data-bind="text: $root.GetDayOfWeek(TodayDate)" style="padding-left: 2px;padding-right: 2px;"></b>
<br />
<span data-bind="text: moment(TodayDate).format('MM/DD')"></span>
</div>
</div>
</div>
</div>
<div id="next-app-loading-55189" style="display:none;">
<i class="glyphicon glyphicon-refresh glyphicon-load-animate"></i>
</div>
<div data-bind="foreach: Days, as: 'd'" class="row nomargin Heading bluetext" id="tab-bod-55189">
<div id="tableBody" class="Col col-xs-4 text-center nopadding bluetext fifo-tab">
<div data-bind="if: NumberOfWorkingHourSlots > 0">
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }">
<div class="table-col" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }" style="padding-top:10px;">
<div>
<div style="font-size:0.85em;">من</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[0].From.locale('ar').format('hh:mm a')"></div>
<div style="font-size:0.85em;">الى</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[DaySlots.length - 1].To.locale('ar').format('hh:mm a')"></div>
</div>
<hr class="hrline" style="margin-top:10px;margin-bottom:5px;" />
<div data-bind="if: NumberOfPriorityToAttendanceSlots == 0">
<div style="font-size:0.85em" data-bind="text: 'لا يوجد مواعيد متوفرة'"></div>
</div>
<div style="height:5px"></div>
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<a title="الدخول باسبقية الحضور" class="btn2 btn-2 btn-2v2" id="BookNowlink" style="font-size: 1em; padding: 4.5px; min-width: 70px;" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">احجز</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-bind="ifnot: WeekAvailable">
<div data-bind="if: HasAppointment">
<div class="padding-right-left-15" data-bind="if: CurrentWeekIndex == 0">
<div id="firstav-55189" class="first-available" data-bind='click: $root.nextWeek'>
<div class="disp-inline">اول موعد متاح </div>
<div class="disp-inline" data-bind="text: FirstAppointment"></div>
<div class="disp-inline glyphicon glyphicon-arrow-left" style="padding-right: 5px;"></div>
</div>
</div>
</div>
<div data-bind="ifnot: HasAppointment">
<button class="no-available-hours gray666" disabled="disabled">لا يوجد مواعيد متاحة</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CallCenterDoctorDialogeSMs" tabindex="-1" role="dialog" aria-labelledby="CancelReservationLable" data-keyboard="false" data-backdrop="static" aria-hidden=" true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" id="">
<div>
<div class="control-group bluetext">
<span style=" font-size: 20px;">تم ارسال الرساله بنجاح</span>
</div>
</div>
</div>
<div class="modal-footer" id="">
<div class="save-n-cancel">
<div>
<a class="btn-2rd btn-2erd btn2 " id="CancleReservationokbtn" data-dismiss="modal">موافق</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var seemmoreHeight = 65;
if ('ar' == 'ar') {
seemmoreHeight = 61;
}
function collapsefunctionformorning(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var eveningElement = parentElement.find(".eve");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionfornoon(e) {
var parentElement = $(e).parent();
var morningElement = parentElement.find(".mor");
var eveningElement = parentElement.find(".eve");
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionforevening(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var morningElement = parentElement.find(".mor");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
}
function loadtable() {
var dataList = [{"EntityListContactId":55189,"EntityListingId":53113,"ReservationTypeId":2,"DirectBookingTypeId":3,"UrlKey":"دكتور-عيادات-نبض-التخصصيه-الجلدية-1","StartOfWeekDate":"\/Date(1462140000000)\/","Days":[{"TodayDate":"\/Date(1462140000000)\/","DaySlots":[{"From":"\/Date(1462186800000)\/","To":"\/Date(1462187820000)\/","SlotType":"Blocked"},{"From":"\/Date(1462187820000)\/","To":"\/Date(1462188840000)\/","SlotType":"Blocked"},{"From":"\/Date(1462188840000)\/","To":"\/Date(1462189860000)\/","SlotType":"Blocked"},{"From":"\/Date(1462189860000)\/","To":"\/Date(1462190880000)\/","SlotType":"Blocked"},{"From":"\/Date(1462190880000)\/","To":"\/Date(1462191900000)\/","SlotType":"Blocked"},{"From":"\/Date(1462191900000)\/","To":"\/Date(1462192920000)\/","SlotType":"Blocked"},{"From":"\/Date(1462192920000)\/","To":"\/Date(1462193940000)\/","SlotType":"Blocked"},{"From":"\/Date(1462193940000)\/","To":"\/Date(1462194960000)\/","SlotType":"Blocked"},{"From":"\/Date(1462194960000)\/","To":"\/Date(1462195980000)\/","SlotType":"Blocked"},{"From":"\/Date(1462195980000)\/","To":"\/Date(1462197000000)\/","SlotType":"Blocked"},{"From":"\/Date(1462197000000)\/","To":"\/Date(1462198020000)\/","SlotType":"Blocked"},{"From":"\/Date(1462198020000)\/","To":"\/Date(1462199040000)\/","SlotType":"Blocked"},{"From":"\/Date(1462199040000)\/","To":"\/Date(1462200060000)\/","SlotType":"Blocked"},{"From":"\/Date(1462200060000)\/","To":"\/Date(1462201080000)\/","SlotType":"Blocked"},{"From":"\/Date(1462201080000)\/","To":"\/Date(1462202100000)\/","SlotType":"Blocked"},{"From":"\/Date(1462202100000)\/","To":"\/Date(1462203120000)\/","SlotType":"Blocked"},{"From":"\/Date(1462203120000)\/","To":"\/Date(1462204140000)\/","SlotType":"Blocked"},{"From":"\/Date(1462204140000)\/","To":"\/Date(1462205160000)\/","SlotType":"Blocked"}],"PriorityToAttendSlots":[{"From":"\/Date(1462186800000)\/","To":"\/Date(1462187880000)\/","SlotType":"Blocked"},{"From":"\/Date(1462187880000)\/","To":"\/Date(1462188960000)\/","SlotType":"Blocked"},{"From":"\/Date(1462188960000)\/","To":"\/Date(1462190040000)\/","SlotType":"Blocked"},{"From":"\/Date(1462190040000)\/","To":"\/Date(1462191120000)\/","SlotType":"Blocked"},{"From":"\/Date(1462191120000)\/","To":"\/Date(1462192200000)\/","SlotType":"Blocked"},{"From":"\/Date(1462192200000)\/","To":"\/Date(1462193280000)\/","SlotType":"Blocked"},{"From":"\/Date(1462193280000)\/","To":"\/Date(1462194360000)\/","SlotType":"Blocked"},{"From":"\/Date(1462194360000)\/","To":"\/Date(1462195440000)\/","SlotType":"Blocked"},{"From":"\/Date(1462195440000)\/","To":"\/Date(1462196520000)\/","SlotType":"Blocked"},{"From":"\/Date(1462196520000)\/","To":"\/Date(1462197600000)\/","SlotType":"Blocked"},{"From":"\/Date(1462197600000)\/","To":"\/Date(1462198680000)\/","SlotType":"Blocked"},{"From":"\/Date(1462198680000)\/","To":"\/Date(1462199760000)\/","SlotType":"Blocked"},{"From":"\/Date(1462199760000)\/","To":"\/Date(1462200840000)\/","SlotType":"Blocked"},{"From":"\/Date(1462200840000)\/","To":"\/Date(1462201920000)\/","SlotType":"Blocked"},{"From":"\/Date(1462201920000)\/","To":"\/Date(1462203000000)\/","SlotType":"Blocked"},{"From":"\/Date(1462203000000)\/","To":"\/Date(1462204080000)\/","SlotType":"Blocked"},{"From":"\/Date(1462204080000)\/","To":"\/Date(1462205160000)\/","SlotType":"Blocked"}],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}},{"TodayDate":"\/Date(1462226400000)\/","DaySlots":[{"From":"\/Date(1462273200000)\/","To":"\/Date(1462274220000)\/","SlotType":"Blocked"},{"From":"\/Date(1462274220000)\/","To":"\/Date(1462275240000)\/","SlotType":"Available"},{"From":"\/Date(1462275240000)\/","To":"\/Date(1462276260000)\/","SlotType":"Available"},{"From":"\/Date(1462276260000)\/","To":"\/Date(1462277280000)\/","SlotType":"Available"},{"From":"\/Date(1462277280000)\/","To":"\/Date(1462278300000)\/","SlotType":"Available"},{"From":"\/Date(1462278300000)\/","To":"\/Date(1462279320000)\/","SlotType":"Available"},{"From":"\/Date(1462279320000)\/","To":"\/Date(1462280340000)\/","SlotType":"Available"},{"From":"\/Date(1462280340000)\/","To":"\/Date(1462281360000)\/","SlotType":"Available"},{"From":"\/Date(1462281360000)\/","To":"\/Date(1462282380000)\/","SlotType":"Available"},{"From":"\/Date(1462282380000)\/","To":"\/Date(1462283400000)\/","SlotType":"Available"},{"From":"\/Date(1462283400000)\/","To":"\/Date(1462284420000)\/","SlotType":"Available"},{"From":"\/Date(1462284420000)\/","To":"\/Date(1462285440000)\/","SlotType":"Available"},{"From":"\/Date(1462285440000)\/","To":"\/Date(1462286460000)\/","SlotType":"Available"},{"From":"\/Date(1462286460000)\/","To":"\/Date(1462287480000)\/","SlotType":"Available"},{"From":"\/Date(1462287480000)\/","To":"\/Date(1462288500000)\/","SlotType":"Available"},{"From":"\/Date(1462288500000)\/","To":"\/Date(1462289520000)\/","SlotType":"Available"},{"From":"\/Date(1462289520000)\/","To":"\/Date(1462290540000)\/","SlotType":"Available"},{"From":"\/Date(1462290540000)\/","To":"\/Date(1462291560000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462273200000)\/","To":"\/Date(1462274280000)\/","SlotType":"Blocked"},{"From":"\/Date(1462274280000)\/","To":"\/Date(1462275360000)\/","SlotType":"Available"},{"From":"\/Date(1462275360000)\/","To":"\/Date(1462276440000)\/","SlotType":"Available"},{"From":"\/Date(1462276440000)\/","To":"\/Date(1462277520000)\/","SlotType":"Available"},{"From":"\/Date(1462277520000)\/","To":"\/Date(1462278600000)\/","SlotType":"Available"},{"From":"\/Date(1462278600000)\/","To":"\/Date(1462279680000)\/","SlotType":"Available"},{"From":"\/Date(1462279680000)\/","To":"\/Date(1462280760000)\/","SlotType":"Available"},{"From":"\/Date(1462280760000)\/","To":"\/Date(1462281840000)\/","SlotType":"Available"},{"From":"\/Date(1462281840000)\/","To":"\/Date(1462282920000)\/","SlotType":"Available"},{"From":"\/Date(1462282920000)\/","To":"\/Date(1462284000000)\/","SlotType":"Available"},{"From":"\/Date(1462284000000)\/","To":"\/Date(1462285080000)\/","SlotType":"Available"},{"From":"\/Date(1462285080000)\/","To":"\/Date(1462286160000)\/","SlotType":"Available"},{"From":"\/Date(1462286160000)\/","To":"\/Date(1462287240000)\/","SlotType":"Available"},{"From":"\/Date(1462287240000)\/","To":"\/Date(1462288320000)\/","SlotType":"Available"},{"From":"\/Date(1462288320000)\/","To":"\/Date(1462289400000)\/","SlotType":"Available"},{"From":"\/Date(1462289400000)\/","To":"\/Date(1462290480000)\/","SlotType":"Available"},{"From":"\/Date(1462290480000)\/","To":"\/Date(1462291560000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":16,"NumberOfWorkingHourSlots":17,"PriorityToAttendanceSlotsNumber":"١٦","WorkingHourSlotsNumber":"١٧","FirstPriorityToAttendSlot":{"From":"\/Date(1462274280000)\/","To":"\/Date(1462275360000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462274220000)\/","To":"\/Date(1462275240000)\/","SlotType":"Available"}},{"TodayDate":"\/Date(1462312800000)\/","DaySlots":[{"From":"\/Date(1462359600000)\/","To":"\/Date(1462360620000)\/","SlotType":"Available"},{"From":"\/Date(1462360620000)\/","To":"\/Date(1462361640000)\/","SlotType":"Available"},{"From":"\/Date(1462361640000)\/","To":"\/Date(1462362660000)\/","SlotType":"Available"},{"From":"\/Date(1462362660000)\/","To":"\/Date(1462363680000)\/","SlotType":"Available"},{"From":"\/Date(1462363680000)\/","To":"\/Date(1462364700000)\/","SlotType":"Available"},{"From":"\/Date(1462364700000)\/","To":"\/Date(1462365720000)\/","SlotType":"Available"},{"From":"\/Date(1462365720000)\/","To":"\/Date(1462366740000)\/","SlotType":"Available"},{"From":"\/Date(1462366740000)\/","To":"\/Date(1462367760000)\/","SlotType":"Available"},{"From":"\/Date(1462367760000)\/","To":"\/Date(1462368780000)\/","SlotType":"Available"},{"From":"\/Date(1462368780000)\/","To":"\/Date(1462369800000)\/","SlotType":"Available"},{"From":"\/Date(1462369800000)\/","To":"\/Date(1462370820000)\/","SlotType":"Available"},{"From":"\/Date(1462370820000)\/","To":"\/Date(1462371840000)\/","SlotType":"Available"},{"From":"\/Date(1462371840000)\/","To":"\/Date(1462372860000)\/","SlotType":"Available"},{"From":"\/Date(1462372860000)\/","To":"\/Date(1462373880000)\/","SlotType":"Available"},{"From":"\/Date(1462373880000)\/","To":"\/Date(1462374900000)\/","SlotType":"Available"},{"From":"\/Date(1462374900000)\/","To":"\/Date(1462375920000)\/","SlotType":"Available"},{"From":"\/Date(1462375920000)\/","To":"\/Date(1462376940000)\/","SlotType":"Available"},{"From":"\/Date(1462376940000)\/","To":"\/Date(1462377960000)\/","SlotType":"Available"}],"PriorityToAttendSlots":[{"From":"\/Date(1462359600000)\/","To":"\/Date(1462360680000)\/","SlotType":"Available"},{"From":"\/Date(1462360680000)\/","To":"\/Date(1462361760000)\/","SlotType":"Available"},{"From":"\/Date(1462361760000)\/","To":"\/Date(1462362840000)\/","SlotType":"Available"},{"From":"\/Date(1462362840000)\/","To":"\/Date(1462363920000)\/","SlotType":"Available"},{"From":"\/Date(1462363920000)\/","To":"\/Date(1462365000000)\/","SlotType":"Available"},{"From":"\/Date(1462365000000)\/","To":"\/Date(1462366080000)\/","SlotType":"Available"},{"From":"\/Date(1462366080000)\/","To":"\/Date(1462367160000)\/","SlotType":"Available"},{"From":"\/Date(1462367160000)\/","To":"\/Date(1462368240000)\/","SlotType":"Available"},{"From":"\/Date(1462368240000)\/","To":"\/Date(1462369320000)\/","SlotType":"Available"},{"From":"\/Date(1462369320000)\/","To":"\/Date(1462370400000)\/","SlotType":"Available"},{"From":"\/Date(1462370400000)\/","To":"\/Date(1462371480000)\/","SlotType":"Available"},{"From":"\/Date(1462371480000)\/","To":"\/Date(1462372560000)\/","SlotType":"Available"},{"From":"\/Date(1462372560000)\/","To":"\/Date(1462373640000)\/","SlotType":"Available"},{"From":"\/Date(1462373640000)\/","To":"\/Date(1462374720000)\/","SlotType":"Available"},{"From":"\/Date(1462374720000)\/","To":"\/Date(1462375800000)\/","SlotType":"Available"},{"From":"\/Date(1462375800000)\/","To":"\/Date(1462376880000)\/","SlotType":"Available"},{"From":"\/Date(1462376880000)\/","To":"\/Date(1462377960000)\/","SlotType":"Available"}],"NumberOfPriorityToAttendanceSlots":17,"NumberOfWorkingHourSlots":18,"PriorityToAttendanceSlotsNumber":"١٧","WorkingHourSlotsNumber":"١٨","FirstPriorityToAttendSlot":{"From":"\/Date(1462359600000)\/","To":"\/Date(1462360680000)\/","SlotType":"Available"},"FirstDaySlot":{"From":"\/Date(1462359600000)\/","To":"\/Date(1462360620000)\/","SlotType":"Available"}}],"IsSlots":true,"BookingAvailable":true,"FirstAppointment":"\/Date(1462140000000)\/","WeekAvailable":true}];
var week = 1;
var weekNumber = parseInt(week, 10) - 1;
function doctorAppointmentsModel(data) {
moment.locale('ar');
var self = this;
self.CurrentWeekIndex = 0;
self.SearchedWeeks = [0];
var selectedDayDateClass = "";
var urldate = "";
var sUrlVariables = window.location.search.substring(1).split('&');
for (var i = 0; i < sUrlVariables.length; i++) {
var sParameterName = sUrlVariables[i].split('=');
if (sParameterName[0] == "weekindex") {
var weekIndex = parseInt(sParameterName[1], 10);
self.CurrentWeekIndex = weekIndex;
self.SearchedWeeks = [weekIndex];
}
if (sParameterName[0] == "date") {
urldate = sParameterName[1].substring(0, 10).replace(/\//g, "");
}
}
self.WeekAvailable = ko.observable(data.WeekAvailable);
self.EntityListContactId = ko.observable(data.EntityListContactId);
self.UrlKey = ko.observable(data.UrlKey);
self.BookingAvailable = ko.observable(data.BookingAvailable);
self.StartOfWeekDate = ko.observable(data.StartOfWeekDate);
self.Days = ko.observableArray(data.Days);
self.HasAppointment = data.FirstAppointment != null;
self.FirstAppointment = 'True' == 'True' ? ko.observable(moment(data.FirstAppointment).format('YYYY/MM/DD')) : ko.observable(moment(data.FirstAppointment).format('DD/MM/YYYY'));
self.Days().forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
if (self.CurrentWeekIndex == 0) {
$(".previousWeek").addClass("NoPreviousWeek");
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
}
if (data.FirstAppointment == null) {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
}
self.timeOfDay = function(slot) {
var slotClasses = "";
var date = $("#SelectedDate").val();
if ('' != 'yes') {
$("a[data-date='" + date + "']").parent().addClass("Busy");
}
if (slot.get("hour") < 14) {
slotClasses += "morning";
} else if (slot.get("hour") < 18) {
slotClasses += "noon";
} else {
slotClasses += "evening";
}
return slotClasses;
};
self.changeObject = function(d, t) {
self.WeekAvailable(d.WeekAvailable);
self.EntityListContactId(d.EntityListContactId);
self.UrlKey(d.UrlKey);
self.StartOfWeekDate(d.StartOfWeekDate);
if (!(self.SearchedWeeks.indexOf(t) >= 0)) {
d.Days.forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
self.SearchedWeeks.push(t);
}
self.Days(d.Days);
$("#tab-bod-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
self.applyReadMore();
hoverStyles();
if (self.CurrentWeekIndex != 0) {
self.FirstAppointment("");
} else {
self.FirstAppointment(moment(d.FirstAppointment).format('DD/MM/YYYY'));
}
if (self.CurrentWeekIndex == 0) {
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
$(".previousWeek-"+self.EntityListContactId()).removeClass("disable-appointment-nav");
}
$(".contact-day-column").removeClass("selected-Day");
$(".contact-day-column").removeClass("box-checked");
if (selectedDayDateClass != "") {
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
setColumnHeight(self.EntityListContactId());
};
self.nextWeek = function() {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
$("#next-app-loading-" + self.EntityListContactId()).show();
var divHeight = $("#tab-bod-55189").height();
if (divHeight <= 80) {
divHeight = 80;
}
$("#next-app-loading-" + self.EntityListContactId()).css("height", divHeight);
$("#next-app-loading-" + self.EntityListContactId() + " .glyphicon").css("margin-top", divHeight / 2);
$("#tab-bod-" + self.EntityListContactId()).hide();
if (!self.WeekAvailable() && self.CurrentWeekIndex == /*dataList.length - 1*/ 0) {
var contact = self.EntityListContactId();
var thisdate = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$("#firstav-" + self.EntityListContactId()).hide();
$.ajax({
type: 'POST',
url: '/ar/Search/FirstContactAppointment',
data: { clinicId: contact, nowDate: thisdate},
dataType: "json",
success: function(result) {
$("#firstav-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
if (result.length == 0) {
$("#firstav-" + contact).text('لا يوجد مواعيد متاحة');
$("#firstav-" + contact).css("cursor", "default");
$("#firstav-" + contact).css("background-color", "#f5f5f5 !important");
$("#firstav-" + contact).replaceWith($("<button class='no-available-hours' disabled='disabled'>لا يوجد مواعيد متاحة</button>"));
$(".next-week-arrow-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
dataList.push(result);
self.WeekAvailable(result.WeekAvailable);
self.nextWeek();
}
},
});
} else {
if (self.CurrentWeekIndex < (dataList.length - 1)) {
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'left' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex + 1;
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'right' }, 250);
} else {
var contactId = self.EntityListContactId();
var date = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$.ajax({
type: 'POST',
url: '/ar/Search/ContactAppointments',
data: { contactId: contactId, nextWeekDate: date },
success: function(result) {
dataList.push(result);
self.nextWeek();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
}
});
}
}
$(".previousWeek").removeClass("NoPreviousWeek");
};
self.prevWeek = function() {
if (self.CurrentWeekIndex > 0) {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'right' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex - 1;
if (self.CurrentWeekIndex == 0) {
$('.previousWeek').addClass("NoPreviousWeek");
}
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'left' }, 250);
$(".next-week-arrow-"+self.EntityListContactId()).removeClass("disable-appointment-nav"); }
};
self.GetColorClass = function(todayDate) {
var today = moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var date = moment();
var datetoday = moment(date).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var datetomorrow = moment().add(1,'days');
var datetomorrow1 =moment(datetomorrow).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if (datetoday == today) {
return 'todaycolorclass Col col-xs-4 text-center nopadding';
}
if (datetomorrow1 == today) {
return 'tomorrowcolorclass Col col-xs-4 text-center nopadding';
} else {
return 'normalcolorclass Col col-xs-4 text-center nopadding';
}
};
self.GetDayClass = function(todayDate) {
return 'contact-day-column contact-day-' + self.EntityListContactId() + '-' + moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
};
var hoverStyles = function() {
if ('False' != "True") {
$(document).ready(function() {
var funct = function(num) {
var cl = ".contact-day-" + self.EntityListContactId() + '-'
+ moment(self.StartOfWeekDate()).add(num, 'days').locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if($(cl).length) {
$(cl).hover(function() {
$(cl).css('background-color','rgba(0,112,205,0.1)');
if ($("#tab-bod-" + '55189').find("#tableBody " + cl).length > 0 && !('Search'=="Reservation" && '2' != "2")) {
$(cl).css("cursor", "pointer");
}
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "visible");
$(cl).find(".fifo-selected").css("opacity", "0.5");
}
}, function() {
$(cl).css('background-color','transparent');
$(cl).css("cursor", "default");
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "hidden");
}
});
}
};
for (var count = 0; count <= 2; count++) {
funct(count);
}
});
}
};
hoverStyles();
if (urldate != "") {
$(document).ready(function() {
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + urldate;
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
});
}
self.OnAppointmentClicked = function(d, e) {
var controlerName='Search';
if ($(e.toElement).closest(".contact-day-column").find(".table-date").length > 0) {//If clicked on an empty day, do nothing
if ($(".calTable").find("#tableBody ." + $.grep($(e.toElement).closest(".contact-day-column")[0].classList, function(f){return f.match(/contact-day-[0-9]+/);}) + " .table-col").length == 0) {return;}
if (controlerName == "Reservation" && '2' != "2") return;
}
if (controlerName=="Reservation") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_ReservationPage);
} else if (controlerName == "Search") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve);
} else {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_DoctorProfile);
}
var date = $(e.target).attr("data-date");
if (date == undefined) {
date = $(e.currentTarget).attr("data-date");
}
var actualDate = $(e.target).attr("actual-date");
if (actualDate == undefined) {
actualDate = $(e.currentTarget).attr("actual-date");
}
if (controlerName != "Reservation" && '2' != "2" && e.toElement.className != "day-slot") {
actualDate = "";
}
if ($(e.target).parent().hasClass("Blocked") || $(e.target).parent().hasClass("Vacation") || $(e.target).parent().hasClass("Passed")) {
return;
}
$('span').removeClass("Busy");
$(e.target).parent().addClass("Busy");
$(".contact-day-column").removeClass("selected-Day");
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + date.substring(0, 10).replace(/\//g, "");
$(selectedDayDateClass).addClass("selected-Day");
if ('Index' === 'Index' && 'Search' === 'Reservation' || '' == 'yes') {
var clearDate = false;
if ('2' == "2") {
var element = $(e.toElement); //Current element
if (e.toElement == undefined) {
element = $(e.target);
}
var closestDay = element.closest(".contact-day-column"); //Parent
if (closestDay.find(".table-date").length > 0) { // If clicked on the day
var dayClass = $.grep(closestDay[0].classList, function(f){return f.match(/contact-day-[0-9]+/);});
element = $(".calTable").find("#tableBody ." + dayClass + " .table-col");
if (element.length == 0) {
return;
}
} else { //Else, clicked on the column
element = element.closest(".table-col");
}
var elementChild = element.find(".fifo-icon");
if (elementChild.length > 0) {
element = elementChild;
}
if (elementChild.length > 0) {
var removeCheck = element.hasClass("glyphicon-ok");
$(".check-box").find(".fifo-icon").addClass("icon-unchecked");
$(".check-box").find(".fifo-icon").removeClass("glyphicon-ok");
$("#AppointmentTable").find(".fifo-selected").css("visibility", "hidden");
if (removeCheck) {
element.removeClass("glyphicon-ok");
element.addClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "hidden");
clearDate = true;
selectedDayDateClass = "";
$(".contact-day-column").removeClass("selected-Day");
} else {
element.removeClass("icon-unchecked");
element.addClass("glyphicon-ok");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
}
}
if (!clearDate) {
$("#SelectedDate").val(date);
setSelectedDateFormatted();
$("#TheSelectedDate").val(actualDate);
$(".empty-date").hide();
} else {
$("#SelectedDate").val("");
$("#TheSelectedDate").val("");
$("#selecteddateformated").val("");
}
} else {
$('body').css('cursor', 'wait');
var urlKey = self.UrlKey();
if (window.location.href.indexOf('patientId') > -1 && window.location.href.split('patientId=')[1] != "") {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55189' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex + " &patientId=" + window.location.href.split('patientId=')[1];
} else {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '55189' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex;
}
}
};
self.GetDayOfWeek = function(date) {
var dayindex = moment(date).weekday();
if ('ar' == 'ar') {
dayindex--;
if (dayindex == -1) {
dayindex = 6;
}
}
var day = moment.weekdays()[dayindex];
return day;
};
var nooncount = [];
var morningcount = [];
var eveningcount = [];
self.applyReadMore = function() {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).find(".day-column").each(function(index) {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
nooncount[index] = $(this).find(".noon").length;
morningcount[index] = $(this).find(".morning").length;
eveningcount[index] = $(this).find(".evening").length;
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
};
}
ko.bindingHandlers.animateWeek = {
init: function(element, valueAccessor) {
var value = valueAccessor();
$(element).toggle(ko.utils.unwrapObservable(value));
},
update: function(element, valueAccessor) {
var value = valueAccessor();
ko.utils.unwrapObservable(value) ?
$(element).slideDown(500) :
$(element).slideUp(500);
}
};
$(".tab").show();
var currentItem = dataList[weekNumber];
var model = new doctorAppointmentsModel(currentItem);
var dom = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
if (dom) {
ko.applyBindings(model, dom);
$(dom).find(".readmore").height(65);
$(dom).find(".day-column").each(function() {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
}
setColumnHeight('55189');
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
}
if ('' == 'false') {
loadtable();
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
setColumnHeight('55189');
} else {
loadtable();
//$(".tab").show();
//$(".glyphicon-refresh-animate").hide();
$(document).ready(function() {
if ('' != 'yes') {
$("a[data-date='" + $("#SelectedDate").val() + "']").parent().addClass("Busy");
}
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
$(window).load(function() {
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
//setColumnHeight('55189');
});
setSelectedDateFormatted();
});
}
function setColumnHeight(contactId) {
var tableHeight = $("#tab-bod-" + contactId).height();
var bookButtonHeight = $("#tab-bod-" + contactId + " #BookNowlink").parent().height();
var height = tableHeight - bookButtonHeight;
$("#tab-bod-" + contactId + " .align-btn-app").css("min-height", height);
}
function setSelectedDateFormatted() {
var selectedDateValue = $("#SelectedDate").val();
if (selectedDateValue != undefined && selectedDateValue != "") {
var splittedSelected = selectedDateValue.split('/');
var day = splittedSelected[1];
var month = splittedSelected[0];
splittedSelected[0] = day;
splittedSelected[1] = month;
selectedDateValue = splittedSelected[0] + '/' + splittedSelected[1] + '/' + splittedSelected[2];
var x = new Date(selectedDateValue);
var culture;
if ('ar' == 'ar') {
culture = "ar-sa";
} else {
culture = "en";
}
if ('2' == 2) {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY'));
} else {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY, h:mm a'));
}
}
}
</script>
<script>
function sendDoctorSms(param) {
var pname = $('#name').text();
$('#sendDoctorSmsbtn-' + param).css("cursor", "default");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "none");
$('#sendDoctorSmsbtn-' + param).css("background", "grey");
var text = 'ارسال' + ' ...';
$('#sendDoctorSmsbtn-' + param).text(text);
$.ajax({
url: '/ar/CallCenterReservation/SendDoctorSms',
dataType: "json",
data: {
paientname: pname,
doctorid: param,
},
type: "POST",
success: function(result) {
if (result) {
$('#CallCenterDoctorDialogeSMs').modal('show');
$('#sendDoctorSmsbtn-' + param).css("cursor", "pointer");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "painted");
$('#sendDoctorSmsbtn-' + param).css("background", "rgba(239, 15, 15, 1)");
var text = 'ارسل تنويه للدكتور بيانات المريض الاَن';
$('#sendDoctorSmsbtn-' + param).text(text);
}
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
if ('False' == 'True') {
$("#profile-detail-" + '53113').css("opacity", "0.5");
$("#profile-img-" + '53113').css("opacity", "0.5");
$(".card-op-" + '53113').css("opacity", "0.5").css('pointer-events', 'none');
}
});
</script> <hr class="clearfix h10" style="margin:0" />
<div id="srch-res-52765">
<div class="row docResult profileSearchResult" itemscope itemtype="schema.org/Physician">
<div class="media col-xs-12 centerdiv srch-doctor-profile">
<div class="row">
<div id="profile-img-52765" class="imgtopmrgn col-md-2 col-sm-3 col-lg-2">
<figure class="mobmargin text-center pull-left">
<div class="">
<a class="imgSearchPageCent" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%85%D8%AD%D9%85%D8%AF-%D8%A7%D9%84%D9%85%D8%B1%D8%B5%D9%81%D9%8A-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" title="دكتور محمد المرصفي متخصص في امراض جلدية و تناسلية في مدينه نصر">
<Img alt="دكتور محمد المرصفي متخصص في امراض جلدية و تناسلية في مدينه نصر" class="img-rounded " height="100" id="imgheight" src="/Assets/Images/Doctors/ENTb94db0/Doctor-mohamed-elmarsafy-Dermatology.jpg" style="width:150px;" width="100"></Img> </a>
</div>
<figcaption class="imgSearchPageCent" style="margin-top: 10px !important" id="figcapt-54836">
<a title="إحجز مع دكتور محمد المرصفي" id="bookbutton-54836" onclick=" mixPanelUtil.Book(MixPanelBook.ReservBtnImg); " href="/ar/Reservation/Index/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%85%D8%AD%D9%85%D8%AF-%D8%A7%D9%84%D9%85%D8%B1%D8%B5%D9%81%D9%8A-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9" class="btn2 btn-2 btn-2e btn-reservation" style="margin: 0 !important; width: 100% !important;">احجز اونلاين</a>
</figcaption>
</figure>
</div>
<div id="profile-detail-52765" class="col-xs-12 col-sm-8 col-md-7 col-lg-7 media-body visibilitydiv marginImgSearch search">
<div class="row nameMg">
<div class="col-xs-12 col-md-9 col-sm-8 nopadding">
<a title="إحجز مع دكتور محمد المرصفي" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%85%D8%AD%D9%85%D8%AF-%D8%A7%D9%84%D9%85%D8%B1%D8%B5%D9%81%D9%8A-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="doctor-prefix bluetext">
<span class="doctor-prefix">دكتور</span>
</a>
<a title="إحجز مع دكتور محمد المرصفي" itemprop="url" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%85%D8%AD%D9%85%D8%AF-%D8%A7%D9%84%D9%85%D8%B1%D8%B5%D9%81%D9%8A-%D8%A7%D9%84%D8%AC%D9%84%D8%AF%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="bluetext text-decoration-none">
<span itemprop="name" class="media-heading FontSize25 media-body bluetext text-decoration"> محمد المرصفي</span>
</a>
</div>
<div class="col-xs-12 col-md-3 col-sm-4 hidden-xs nopadding">
<div class="col-xs-12 nopadding" style="margin-top: 15px; font-size: 0.6em;">
</div>
</div>
</div>
<div class="row media-body visibilitydiv">
<div class="col-xs-12 col-sm-8">
<div class="row">
<div class="col-xs-12 nopadding">
<h2 class="bluetext nopadding nomargin seo-h2">استشاري الجلدية و التناسلية, مؤسسة رئاسة الجمهورية سابقا
استشاري امراض الذكورة و العقم</h2>
</div>
<div class="row">
<div class="col-xs-12">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/OtherSpecialties5.7.5.png" title="التخصص" alt="التخصص" class="profileicon pull-left" />
<p class="padding-left">
<span class="gray666">
<a class="entityspecialitiesclass bluetext"href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82 title=ابحث عن افضل دكتور امراض جلدية و تناسلية في مصر><span itemprop="medicalSpecialty">امراض جلدية و تناسلية</span></a><span class="gray666"> متخصص في </span> <a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>امراض تناسلية</a><span style="color: #7d7d7d"> و </span><a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%B0%D9%83%D9%88%D8%B1%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>امراض ذكورة</a>
</span>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix h5px"></div>
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/location5.7.5.1.png" title="المنطقة" alt="المنطقة" class="profileicon pull-left" />
<p class="padding-left">
<span id="area" style="color: #7d7d7d;">مدينه نصر</span>
<span>: 7 عمارات شباب المهندسين - طريق النصر,أعلي معمل البرج وامام قسم شرطة مدينة نصر اول</span>
<div class="clearfix h1px"></div>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix"></div>
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/callnumber5.7.5.1.png" title="اتصل بنا" alt="اتصل بنا" class="profileicon pull-left" />
<span class="margin-left-5"><span itemprop="telephone">16676</span> - بسعر المكالمة العادية</span>
</p>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-12">
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/ExaminationFees5.7.5.png" title="سعر الكشف" alt="سعر الكشف" class="profileicon pull-left" />
<span class="margin-left-5">
<span>سعر الكشف:</span> <span itemprop="priceRange">١٥٠ جنيه</span>
</span>
</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="row hidden-xs">
<div class="col-xs-12">
</div>
</div>
</div>
</div>
</div>
<div class="clearfix visible-sm hidden-xs hidden-md hidden-lg"></div>
<div class="hidden-xs col-sm-5 col-md-3 col-lg-3 col-sm-offset-3 col-md-offset-0 col-lg-offset-0 profSearch2 smtopmrgn text-center moztransformorigin-leftelement" style="zoom: 0.85; -moz-transform: scale(0.85);">
<input id="reservationTypeId" name="reservationTypeId" type="hidden" value="2" />
<div class="table-type">الدخول بالحجز و اسبقية الحضور</div>
<div class="clearfix"></div>
<i id="load-icon" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></i>
<div data-contactid="54836" class="appointment tab" hidden>
<div id="appTableContactId" class="displaynone">54836</div>
<div>
<a class="nextWeek app-arr red previousWeek previousWeek-54836" data-bind='click: $root.prevWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentright5.7.5.1.png" alt="previousweek" class="appointmentarrow" />
</a>
<a class="prevWeek app-arr red next-week-arrow-54836" data-bind='click: $root.nextWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentleft5.7.5.1.png" alt="nextweek" class="appointmentarrow" />
</a>
</div>
<div class="table-responsive text-center" style="overflow:visible;">
<div class="calTable table" style="margin-bottom:0;">
<div id="tableHead" class="row nomargin Heading white" data-bind="foreach: Days">
<div id="tableAppHead" data-bind="attr:{ 'class': $root.GetColorClass(TodayDate) }">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:5px">
<div class="table-date" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">
<b class="fs-14 economica" data-bind="text: $root.GetDayOfWeek(TodayDate)" style="padding-left: 2px;padding-right: 2px;"></b>
<br />
<span data-bind="text: moment(TodayDate).format('MM/DD')"></span>
</div>
</div>
</div>
</div>
<div id="next-app-loading-54836" style="display:none;">
<i class="glyphicon glyphicon-refresh glyphicon-load-animate"></i>
</div>
<div data-bind="foreach: Days, as: 'd'" class="row nomargin Heading bluetext" id="tab-bod-54836">
<div id="tableBody" class="Col col-xs-4 text-center nopadding bluetext fifo-tab">
<div data-bind="if: NumberOfWorkingHourSlots > 0">
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }">
<div class="table-col" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }" style="padding-top:10px;">
<div>
<div style="font-size:0.85em;">من</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[0].From.locale('ar').format('hh:mm a')"></div>
<div style="font-size:0.85em;">الى</div>
<div style="font-size:1.1em;" data-bind="text: DaySlots[DaySlots.length - 1].To.locale('ar').format('hh:mm a')"></div>
</div>
<hr class="hrline" style="margin-top:10px;margin-bottom:5px;" />
<div data-bind="if: NumberOfPriorityToAttendanceSlots == 0">
<div style="font-size:0.85em" data-bind="text: 'لا يوجد مواعيد متوفرة'"></div>
</div>
<div style="height:5px"></div>
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<a title="الدخول باسبقية الحضور" class="btn2 btn-2 btn-2v2" id="BookNowlink" style="font-size: 1em; padding: 4.5px; min-width: 70px;" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">احجز</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-bind="ifnot: WeekAvailable">
<div data-bind="if: HasAppointment">
<div class="padding-right-left-15" data-bind="if: CurrentWeekIndex == 0">
<div id="firstav-54836" class="first-available" data-bind='click: $root.nextWeek'>
<div class="disp-inline">اول موعد متاح </div>
<div class="disp-inline" data-bind="text: FirstAppointment"></div>
<div class="disp-inline glyphicon glyphicon-arrow-left" style="padding-right: 5px;"></div>
</div>
</div>
</div>
<div data-bind="ifnot: HasAppointment">
<button class="no-available-hours gray666" disabled="disabled">لا يوجد مواعيد متاحة</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CallCenterDoctorDialogeSMs" tabindex="-1" role="dialog" aria-labelledby="CancelReservationLable" data-keyboard="false" data-backdrop="static" aria-hidden=" true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" id="">
<div>
<div class="control-group bluetext">
<span style=" font-size: 20px;">تم ارسال الرساله بنجاح</span>
</div>
</div>
</div>
<div class="modal-footer" id="">
<div class="save-n-cancel">
<div>
<a class="btn-2rd btn-2erd btn2 " id="CancleReservationokbtn" data-dismiss="modal">موافق</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var seemmoreHeight = 65;
if ('ar' == 'ar') {
seemmoreHeight = 61;
}
function collapsefunctionformorning(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var eveningElement = parentElement.find(".eve");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionfornoon(e) {
var parentElement = $(e).parent();
var morningElement = parentElement.find(".mor");
var eveningElement = parentElement.find(".eve");
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionforevening(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var morningElement = parentElement.find(".mor");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
}
function loadtable() {
var dataList = [{"EntityListContactId":54836,"EntityListingId":52765,"ReservationTypeId":2,"DirectBookingTypeId":3,"UrlKey":"دكتور-محمد-المرصفي-الجلدية","StartOfWeekDate":"\/Date(1462140000000)\/","Days":[{"TodayDate":"\/Date(1462140000000)\/","DaySlots":[{"From":"\/Date(1462208400000)\/","To":"\/Date(1462210200000)\/","SlotType":"Blocked"},{"From":"\/Date(1462210200000)\/","To":"\/Date(1462212000000)\/","SlotType":"Blocked"},{"From":"\/Date(1462212000000)\/","To":"\/Date(1462213800000)\/","SlotType":"Blocked"},{"From":"\/Date(1462213800000)\/","To":"\/Date(1462215600000)\/","SlotType":"Blocked"},{"From":"\/Date(1462215600000)\/","To":"\/Date(1462217400000)\/","SlotType":"Blocked"}],"PriorityToAttendSlots":[{"From":"\/Date(1462208400000)\/","To":"\/Date(1462210200000)\/","SlotType":"Blocked"},{"From":"\/Date(1462210200000)\/","To":"\/Date(1462212000000)\/","SlotType":"Blocked"},{"From":"\/Date(1462212000000)\/","To":"\/Date(1462213800000)\/","SlotType":"Blocked"},{"From":"\/Date(1462213800000)\/","To":"\/Date(1462215600000)\/","SlotType":"Blocked"},{"From":"\/Date(1462215600000)\/","To":"\/Date(1462217400000)\/","SlotType":"Blocked"}],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}},{"TodayDate":"\/Date(1462226400000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}},{"TodayDate":"\/Date(1462312800000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}}],"IsSlots":true,"BookingAvailable":true,"FirstAppointment":"\/Date(1462140000000)\/","WeekAvailable":false}];
var week = 1;
var weekNumber = parseInt(week, 10) - 1;
function doctorAppointmentsModel(data) {
moment.locale('ar');
var self = this;
self.CurrentWeekIndex = 0;
self.SearchedWeeks = [0];
var selectedDayDateClass = "";
var urldate = "";
var sUrlVariables = window.location.search.substring(1).split('&');
for (var i = 0; i < sUrlVariables.length; i++) {
var sParameterName = sUrlVariables[i].split('=');
if (sParameterName[0] == "weekindex") {
var weekIndex = parseInt(sParameterName[1], 10);
self.CurrentWeekIndex = weekIndex;
self.SearchedWeeks = [weekIndex];
}
if (sParameterName[0] == "date") {
urldate = sParameterName[1].substring(0, 10).replace(/\//g, "");
}
}
self.WeekAvailable = ko.observable(data.WeekAvailable);
self.EntityListContactId = ko.observable(data.EntityListContactId);
self.UrlKey = ko.observable(data.UrlKey);
self.BookingAvailable = ko.observable(data.BookingAvailable);
self.StartOfWeekDate = ko.observable(data.StartOfWeekDate);
self.Days = ko.observableArray(data.Days);
self.HasAppointment = data.FirstAppointment != null;
self.FirstAppointment = 'True' == 'True' ? ko.observable(moment(data.FirstAppointment).format('YYYY/MM/DD')) : ko.observable(moment(data.FirstAppointment).format('DD/MM/YYYY'));
self.Days().forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
if (self.CurrentWeekIndex == 0) {
$(".previousWeek").addClass("NoPreviousWeek");
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
}
if (data.FirstAppointment == null) {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
}
self.timeOfDay = function(slot) {
var slotClasses = "";
var date = $("#SelectedDate").val();
if ('' != 'yes') {
$("a[data-date='" + date + "']").parent().addClass("Busy");
}
if (slot.get("hour") < 14) {
slotClasses += "morning";
} else if (slot.get("hour") < 18) {
slotClasses += "noon";
} else {
slotClasses += "evening";
}
return slotClasses;
};
self.changeObject = function(d, t) {
self.WeekAvailable(d.WeekAvailable);
self.EntityListContactId(d.EntityListContactId);
self.UrlKey(d.UrlKey);
self.StartOfWeekDate(d.StartOfWeekDate);
if (!(self.SearchedWeeks.indexOf(t) >= 0)) {
d.Days.forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
self.SearchedWeeks.push(t);
}
self.Days(d.Days);
$("#tab-bod-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
self.applyReadMore();
hoverStyles();
if (self.CurrentWeekIndex != 0) {
self.FirstAppointment("");
} else {
self.FirstAppointment(moment(d.FirstAppointment).format('DD/MM/YYYY'));
}
if (self.CurrentWeekIndex == 0) {
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
$(".previousWeek-"+self.EntityListContactId()).removeClass("disable-appointment-nav");
}
$(".contact-day-column").removeClass("selected-Day");
$(".contact-day-column").removeClass("box-checked");
if (selectedDayDateClass != "") {
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
setColumnHeight(self.EntityListContactId());
};
self.nextWeek = function() {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
$("#next-app-loading-" + self.EntityListContactId()).show();
var divHeight = $("#tab-bod-54836").height();
if (divHeight <= 80) {
divHeight = 80;
}
$("#next-app-loading-" + self.EntityListContactId()).css("height", divHeight);
$("#next-app-loading-" + self.EntityListContactId() + " .glyphicon").css("margin-top", divHeight / 2);
$("#tab-bod-" + self.EntityListContactId()).hide();
if (!self.WeekAvailable() && self.CurrentWeekIndex == /*dataList.length - 1*/ 0) {
var contact = self.EntityListContactId();
var thisdate = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$("#firstav-" + self.EntityListContactId()).hide();
$.ajax({
type: 'POST',
url: '/ar/Search/FirstContactAppointment',
data: { clinicId: contact, nowDate: thisdate},
dataType: "json",
success: function(result) {
$("#firstav-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
if (result.length == 0) {
$("#firstav-" + contact).text('لا يوجد مواعيد متاحة');
$("#firstav-" + contact).css("cursor", "default");
$("#firstav-" + contact).css("background-color", "#f5f5f5 !important");
$("#firstav-" + contact).replaceWith($("<button class='no-available-hours' disabled='disabled'>لا يوجد مواعيد متاحة</button>"));
$(".next-week-arrow-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
dataList.push(result);
self.WeekAvailable(result.WeekAvailable);
self.nextWeek();
}
},
});
} else {
if (self.CurrentWeekIndex < (dataList.length - 1)) {
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'left' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex + 1;
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'right' }, 250);
} else {
var contactId = self.EntityListContactId();
var date = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$.ajax({
type: 'POST',
url: '/ar/Search/ContactAppointments',
data: { contactId: contactId, nextWeekDate: date },
success: function(result) {
dataList.push(result);
self.nextWeek();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
}
});
}
}
$(".previousWeek").removeClass("NoPreviousWeek");
};
self.prevWeek = function() {
if (self.CurrentWeekIndex > 0) {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'right' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex - 1;
if (self.CurrentWeekIndex == 0) {
$('.previousWeek').addClass("NoPreviousWeek");
}
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'left' }, 250);
$(".next-week-arrow-"+self.EntityListContactId()).removeClass("disable-appointment-nav"); }
};
self.GetColorClass = function(todayDate) {
var today = moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var date = moment();
var datetoday = moment(date).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var datetomorrow = moment().add(1,'days');
var datetomorrow1 =moment(datetomorrow).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if (datetoday == today) {
return 'todaycolorclass Col col-xs-4 text-center nopadding';
}
if (datetomorrow1 == today) {
return 'tomorrowcolorclass Col col-xs-4 text-center nopadding';
} else {
return 'normalcolorclass Col col-xs-4 text-center nopadding';
}
};
self.GetDayClass = function(todayDate) {
return 'contact-day-column contact-day-' + self.EntityListContactId() + '-' + moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
};
var hoverStyles = function() {
if ('False' != "True") {
$(document).ready(function() {
var funct = function(num) {
var cl = ".contact-day-" + self.EntityListContactId() + '-'
+ moment(self.StartOfWeekDate()).add(num, 'days').locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if($(cl).length) {
$(cl).hover(function() {
$(cl).css('background-color','rgba(0,112,205,0.1)');
if ($("#tab-bod-" + '54836').find("#tableBody " + cl).length > 0 && !('Search'=="Reservation" && '2' != "2")) {
$(cl).css("cursor", "pointer");
}
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "visible");
$(cl).find(".fifo-selected").css("opacity", "0.5");
}
}, function() {
$(cl).css('background-color','transparent');
$(cl).css("cursor", "default");
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "hidden");
}
});
}
};
for (var count = 0; count <= 2; count++) {
funct(count);
}
});
}
};
hoverStyles();
if (urldate != "") {
$(document).ready(function() {
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + urldate;
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
});
}
self.OnAppointmentClicked = function(d, e) {
var controlerName='Search';
if ($(e.toElement).closest(".contact-day-column").find(".table-date").length > 0) {//If clicked on an empty day, do nothing
if ($(".calTable").find("#tableBody ." + $.grep($(e.toElement).closest(".contact-day-column")[0].classList, function(f){return f.match(/contact-day-[0-9]+/);}) + " .table-col").length == 0) {return;}
if (controlerName == "Reservation" && '2' != "2") return;
}
if (controlerName=="Reservation") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_ReservationPage);
} else if (controlerName == "Search") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve);
} else {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_DoctorProfile);
}
var date = $(e.target).attr("data-date");
if (date == undefined) {
date = $(e.currentTarget).attr("data-date");
}
var actualDate = $(e.target).attr("actual-date");
if (actualDate == undefined) {
actualDate = $(e.currentTarget).attr("actual-date");
}
if (controlerName != "Reservation" && '2' != "2" && e.toElement.className != "day-slot") {
actualDate = "";
}
if ($(e.target).parent().hasClass("Blocked") || $(e.target).parent().hasClass("Vacation") || $(e.target).parent().hasClass("Passed")) {
return;
}
$('span').removeClass("Busy");
$(e.target).parent().addClass("Busy");
$(".contact-day-column").removeClass("selected-Day");
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + date.substring(0, 10).replace(/\//g, "");
$(selectedDayDateClass).addClass("selected-Day");
if ('Index' === 'Index' && 'Search' === 'Reservation' || '' == 'yes') {
var clearDate = false;
if ('2' == "2") {
var element = $(e.toElement); //Current element
if (e.toElement == undefined) {
element = $(e.target);
}
var closestDay = element.closest(".contact-day-column"); //Parent
if (closestDay.find(".table-date").length > 0) { // If clicked on the day
var dayClass = $.grep(closestDay[0].classList, function(f){return f.match(/contact-day-[0-9]+/);});
element = $(".calTable").find("#tableBody ." + dayClass + " .table-col");
if (element.length == 0) {
return;
}
} else { //Else, clicked on the column
element = element.closest(".table-col");
}
var elementChild = element.find(".fifo-icon");
if (elementChild.length > 0) {
element = elementChild;
}
if (elementChild.length > 0) {
var removeCheck = element.hasClass("glyphicon-ok");
$(".check-box").find(".fifo-icon").addClass("icon-unchecked");
$(".check-box").find(".fifo-icon").removeClass("glyphicon-ok");
$("#AppointmentTable").find(".fifo-selected").css("visibility", "hidden");
if (removeCheck) {
element.removeClass("glyphicon-ok");
element.addClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "hidden");
clearDate = true;
selectedDayDateClass = "";
$(".contact-day-column").removeClass("selected-Day");
} else {
element.removeClass("icon-unchecked");
element.addClass("glyphicon-ok");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
}
}
if (!clearDate) {
$("#SelectedDate").val(date);
setSelectedDateFormatted();
$("#TheSelectedDate").val(actualDate);
$(".empty-date").hide();
} else {
$("#SelectedDate").val("");
$("#TheSelectedDate").val("");
$("#selecteddateformated").val("");
}
} else {
$('body').css('cursor', 'wait');
var urlKey = self.UrlKey();
if (window.location.href.indexOf('patientId') > -1 && window.location.href.split('patientId=')[1] != "") {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '54836' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex + " &patientId=" + window.location.href.split('patientId=')[1];
} else {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '54836' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex;
}
}
};
self.GetDayOfWeek = function(date) {
var dayindex = moment(date).weekday();
if ('ar' == 'ar') {
dayindex--;
if (dayindex == -1) {
dayindex = 6;
}
}
var day = moment.weekdays()[dayindex];
return day;
};
var nooncount = [];
var morningcount = [];
var eveningcount = [];
self.applyReadMore = function() {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).find(".day-column").each(function(index) {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
nooncount[index] = $(this).find(".noon").length;
morningcount[index] = $(this).find(".morning").length;
eveningcount[index] = $(this).find(".evening").length;
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
};
}
ko.bindingHandlers.animateWeek = {
init: function(element, valueAccessor) {
var value = valueAccessor();
$(element).toggle(ko.utils.unwrapObservable(value));
},
update: function(element, valueAccessor) {
var value = valueAccessor();
ko.utils.unwrapObservable(value) ?
$(element).slideDown(500) :
$(element).slideUp(500);
}
};
$(".tab").show();
var currentItem = dataList[weekNumber];
var model = new doctorAppointmentsModel(currentItem);
var dom = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
if (dom) {
ko.applyBindings(model, dom);
$(dom).find(".readmore").height(65);
$(dom).find(".day-column").each(function() {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
}
setColumnHeight('54836');
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
}
if ('' == 'false') {
loadtable();
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
setColumnHeight('54836');
} else {
loadtable();
//$(".tab").show();
//$(".glyphicon-refresh-animate").hide();
$(document).ready(function() {
if ('' != 'yes') {
$("a[data-date='" + $("#SelectedDate").val() + "']").parent().addClass("Busy");
}
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
$(window).load(function() {
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
//setColumnHeight('54836');
});
setSelectedDateFormatted();
});
}
function setColumnHeight(contactId) {
var tableHeight = $("#tab-bod-" + contactId).height();
var bookButtonHeight = $("#tab-bod-" + contactId + " #BookNowlink").parent().height();
var height = tableHeight - bookButtonHeight;
$("#tab-bod-" + contactId + " .align-btn-app").css("min-height", height);
}
function setSelectedDateFormatted() {
var selectedDateValue = $("#SelectedDate").val();
if (selectedDateValue != undefined && selectedDateValue != "") {
var splittedSelected = selectedDateValue.split('/');
var day = splittedSelected[1];
var month = splittedSelected[0];
splittedSelected[0] = day;
splittedSelected[1] = month;
selectedDateValue = splittedSelected[0] + '/' + splittedSelected[1] + '/' + splittedSelected[2];
var x = new Date(selectedDateValue);
var culture;
if ('ar' == 'ar') {
culture = "ar-sa";
} else {
culture = "en";
}
if ('2' == 2) {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY'));
} else {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY, h:mm a'));
}
}
}
</script>
<script>
function sendDoctorSms(param) {
var pname = $('#name').text();
$('#sendDoctorSmsbtn-' + param).css("cursor", "default");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "none");
$('#sendDoctorSmsbtn-' + param).css("background", "grey");
var text = 'ارسال' + ' ...';
$('#sendDoctorSmsbtn-' + param).text(text);
$.ajax({
url: '/ar/CallCenterReservation/SendDoctorSms',
dataType: "json",
data: {
paientname: pname,
doctorid: param,
},
type: "POST",
success: function(result) {
if (result) {
$('#CallCenterDoctorDialogeSMs').modal('show');
$('#sendDoctorSmsbtn-' + param).css("cursor", "pointer");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "painted");
$('#sendDoctorSmsbtn-' + param).css("background", "rgba(239, 15, 15, 1)");
var text = 'ارسل تنويه للدكتور بيانات المريض الاَن';
$('#sendDoctorSmsbtn-' + param).text(text);
}
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
if ('False' == 'True') {
$("#profile-detail-" + '52765').css("opacity", "0.5");
$("#profile-img-" + '52765').css("opacity", "0.5");
$(".card-op-" + '52765').css("opacity", "0.5").css('pointer-events', 'none');
}
});
</script> <hr class="clearfix h10" style="margin:0" />
<div id="srch-res-52771">
<div class="row docResult profileSearchResult" itemscope itemtype="schema.org/Physician">
<div class="media col-xs-12 centerdiv srch-doctor-profile">
<div class="row">
<div id="profile-img-52771" class="imgtopmrgn col-md-2 col-sm-3 col-lg-2">
<figure class="mobmargin text-center pull-left">
<div class="">
<a class="imgSearchPageCent" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%87%D8%AF%D9%8A%D9%84-%D8%AC%D9%87%D8%A7%D8%AF--%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" title="دكتور هديل جهاد متخصص في امراض جلدية و تناسلية في المهندسين">
<Img alt="دكتور هديل جهاد متخصص في امراض جلدية و تناسلية في المهندسين" class="img-rounded " height="100" id="imgheight" src="/Assets/Images/Doctors/ENTa1cf3d/Doctor-Hadeel-gehad-Dermatology.jpg" style="width:150px;" width="100"></Img> </a>
</div>
<figcaption class="imgSearchPageCent" style="margin-top: 10px !important" id="figcapt-54844">
<a title="إحجز مع دكتور هديل جهاد " id="bookbutton-54844" onclick=" mixPanelUtil.Book(MixPanelBook.ReservBtnImg); " href="/ar/Reservation/Index/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%87%D8%AF%D9%8A%D9%84-%D8%AC%D9%87%D8%A7%D8%AF--%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="btn2 btn-2 btn-2e btn-reservation" style="margin: 0 !important; width: 100% !important;">احجز اونلاين</a>
</figcaption>
</figure>
</div>
<div id="profile-detail-52771" class="col-xs-12 col-sm-8 col-md-7 col-lg-7 media-body visibilitydiv marginImgSearch search">
<div class="row nameMg">
<div class="col-xs-12 col-md-9 col-sm-8 nopadding">
<a title="إحجز مع دكتور هديل جهاد " href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%87%D8%AF%D9%8A%D9%84-%D8%AC%D9%87%D8%A7%D8%AF--%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="doctor-prefix bluetext">
<span class="doctor-prefix">دكتور</span>
</a>
<a title="إحجز مع دكتور هديل جهاد " itemprop="url" href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%87%D8%AF%D9%8A%D9%84-%D8%AC%D9%87%D8%A7%D8%AF--%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="bluetext text-decoration-none">
<span itemprop="name" class="media-heading FontSize25 media-body bluetext text-decoration"> هديل جهاد </span>
</a>
</div>
<div class="col-xs-12 col-md-3 col-sm-4 hidden-xs nopadding">
<div class="col-xs-12 nopadding" style="margin-top: 15px; font-size: 0.6em;">
</div>
</div>
</div>
<div class="row media-body visibilitydiv">
<div class="col-xs-12 col-sm-8">
<div class="row">
<div class="col-xs-12 nopadding">
<h2 class="bluetext nopadding nomargin seo-h2">استشاري الجلديه و التجميل </h2>
</div>
<div class="row">
<div class="col-xs-12">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/OtherSpecialties5.7.5.png" title="التخصص" alt="التخصص" class="profileicon pull-left" />
<p class="padding-left">
<span class="gray666">
<a class="entityspecialitiesclass bluetext"href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82 title=ابحث عن افضل دكتور امراض جلدية و تناسلية في مصر><span itemprop="medicalSpecialty">امراض جلدية و تناسلية</span></a><span class="gray666"> متخصص في </span> <a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D8%A8%D8%A7%D9%84%D8%BA%D9%8A%D9%86/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>جلدية بالغين</a><span style="color: #7d7d7d"> و </span><a class="entityspecialitiesclass bluetext" href=/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%AA%D8%AC%D9%85%D9%8A%D9%84-%D9%88-%D9%84%D9%8A%D8%B2%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82>تجميل و ليزر</a>
</span>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix h5px"></div>
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/location5.7.5.1.png" title="المنطقة" alt="المنطقة" class="profileicon pull-left" />
<p class="padding-left">
<span id="area" style="color: #7d7d7d;">المهندسين</span>
<span>: 21 ش البطل احمد عبد العزيز, بجوار موبايل شوب, المهندسين, الجيزة</span>
<div class="clearfix h1px"></div>
</p>
</div>
<div class="col-xs-12">
<div class="clearfix"></div>
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/callnumber5.7.5.1.png" title="اتصل بنا" alt="اتصل بنا" class="profileicon pull-left" />
<span class="margin-left-5"><span itemprop="telephone">16676</span> - بسعر المكالمة العادية</span>
</p>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-12">
<p style="margin-bottom: 5px; font-size: 12px;">
<img width="20" height="20" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/ExaminationFees5.7.5.png" title="سعر الكشف" alt="سعر الكشف" class="profileicon pull-left" />
<span class="margin-left-5">
<span>سعر الكشف:</span> <span itemprop="priceRange">١٥٠ جنيه</span>
</span>
</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="row hidden-xs">
<div class="col-xs-12">
</div>
</div>
</div>
</div>
<div class="clearfix h10"></div>
<div class="row">
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="فلير و بوتكس">
<div class="tag text-overflow">فلير و بوتكس<span class="displaynone tagAr">فلير و بوتكس</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="الخيوط الذهبية و الفرنسية">
<div class="tag text-overflow">الخيوط الذهبية و الفرنسية<span class="displaynone tagAr">الخيوط الذهبية و الفرنسية</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="بروتين للشعر">
<div class="tag text-overflow">بروتين للشعر<span class="displaynone tagAr">بروتين للشعر</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="ازالة الشعر بالليزر">
<div class="tag text-overflow">ازالة الشعر بالليزر<span class="displaynone tagAr">ازالة الشعر بالليزر</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="ليزرلنضارة البشرة">
<div class="tag text-overflow">ليزرلنضارة البشرة<span class="displaynone tagAr">ليزرلنضارة البشرة</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper tagitem nopadding" style="max-width: 33%" title="ميزوثيرابي لعلاج تساقط الشعر">
<div class="tag text-overflow">ميزوثيرابي لعلاج تساقط الشعر<span class="displaynone tagAr">ميزوثيرابي لعلاج تساقط الشعر</span><span class="displaynone tagEn"></span></div>
</div>
<div class="col-xs-4 tagitemwrapper nopadding">
<span class="col-xs-12 tagitem nopadding" style="border:0!important">
<a href="/ar/dr/%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D9%87%D8%AF%D9%8A%D9%84-%D8%AC%D9%87%D8%A7%D8%AF--%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9" class="more">المزيد...</a>
</span>
</div>
</div>
</div>
<div class="clearfix visible-sm hidden-xs hidden-md hidden-lg"></div>
<div class="hidden-xs col-sm-5 col-md-3 col-lg-3 col-sm-offset-3 col-md-offset-0 col-lg-offset-0 profSearch2 smtopmrgn text-center moztransformorigin-leftelement" style="zoom: 0.85; -moz-transform: scale(0.85);">
<input id="reservationTypeId" name="reservationTypeId" type="hidden" value="1" />
<div class="table-type">الدخول في ميعاد الحجز المحدد</div>
<div class="clearfix"></div>
<i id="load-icon" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></i>
<div data-contactid="54844" class="appointment tab" hidden>
<div id="appTableContactId" class="displaynone">54844</div>
<div>
<a class="nextWeek app-arr red previousWeek previousWeek-54844" data-bind='click: $root.prevWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentright5.7.5.1.png" alt="previousweek" class="appointmentarrow" />
</a>
<a class="prevWeek app-arr red next-week-arrow-54844" data-bind='click: $root.nextWeek' href="javascript:;" style="text-decoration: none;">
<img src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/appointmentleft5.7.5.1.png" alt="nextweek" class="appointmentarrow" />
</a>
</div>
<div class="table-responsive text-center" style="overflow:visible;">
<div class="calTable table" style="margin-bottom:0;">
<div id="tableHead" class="row nomargin Heading white" data-bind="foreach: Days">
<div id="tableAppHead" data-bind="attr:{ 'class': $root.GetColorClass(TodayDate) }">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:5px">
<div class="table-date" data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':FirstPriorityToAttendSlot.From.lang('en').locale('en').format('DD/MM/YYYY hh:mm A') }">
<b class="fs-14 economica" data-bind="text: $root.GetDayOfWeek(TodayDate)" style="padding-left: 2px;padding-right: 2px;"></b>
<br />
<span data-bind="text: moment(TodayDate).format('MM/DD')"></span>
</div>
</div>
</div>
</div>
<div id="next-app-loading-54844" style="display:none;">
<i class="glyphicon glyphicon-refresh glyphicon-load-animate"></i>
</div>
<div data-bind="foreach: Days, as: 'd'" class="row nomargin Heading bluetext" id="tab-bod-54844">
<div id="tableBody" class="Col col-xs-4 day-column text-center nopadding bluetext" style="width: 33.33333333%;">
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<div data-bind="attr:{ 'class': $root.GetDayClass(TodayDate) }" style="padding-top:10px">
<div data-bind="foreach: PriorityToAttendSlots" class="align-btn-app bluetext">
<div class="table-col">
<div data-bind="attr:{ 'class': $root.timeOfDay(From)}">
<span class="Cell" data-bind="attr: {'class': SlotType }">
<a title="الحجز بميعاد مسبق" data-bind="text: From.locale('ar').format('hh:mm a'), click : $root.OnAppointmentClicked, attr: {'data-date':From.locale('en').format('DD/MM/YYYY hh:mm A'), 'actual-date':From.locale('en').format('DD/MM/YYYY hh:mm A')}" style="white-space: nowrap;font-weight:bold !important" class="day-slot"></a>
</span>
</div>
</div>
</div>
<div data-bind="if: NumberOfPriorityToAttendanceSlots > 0">
<a title="الحجز بميعاد مسبق" class="btn2 btn-2 btn-2v2" id="BookNowlink" style="font-size:1em;padding:4.5px;"
data-bind="click : $root.OnAppointmentClicked, attr: {'data-date':FirstDaySlot.From.lang('en').locale('en').format('DD/MM/YYYY'), 'actual-date':'' }">احجز</a>
</div>
</div>
</div>
</div>
</div>
<div data-bind="ifnot: WeekAvailable">
<div data-bind="if: HasAppointment">
<div class="padding-right-left-15" data-bind="if: CurrentWeekIndex == 0">
<div id="firstav-54844" class="first-available" data-bind='click: $root.nextWeek'>
<div class="disp-inline">اول موعد متاح </div>
<div class="disp-inline" data-bind="text: FirstAppointment"></div>
<div class="disp-inline glyphicon glyphicon-arrow-left" style="padding-right: 5px;"></div>
</div>
</div>
</div>
<div data-bind="ifnot: HasAppointment">
<button class="no-available-hours gray666" disabled="disabled">لا يوجد مواعيد متاحة</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CallCenterDoctorDialogeSMs" tabindex="-1" role="dialog" aria-labelledby="CancelReservationLable" data-keyboard="false" data-backdrop="static" aria-hidden=" true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" id="">
<div>
<div class="control-group bluetext">
<span style=" font-size: 20px;">تم ارسال الرساله بنجاح</span>
</div>
</div>
</div>
<div class="modal-footer" id="">
<div class="save-n-cancel">
<div>
<a class="btn-2rd btn-2erd btn2 " id="CancleReservationokbtn" data-dismiss="modal">موافق</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var seemmoreHeight = 65;
if ('ar' == 'ar') {
seemmoreHeight = 61;
}
function collapsefunctionformorning(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var eveningElement = parentElement.find(".eve");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionfornoon(e) {
var parentElement = $(e).parent();
var morningElement = parentElement.find(".mor");
var eveningElement = parentElement.find(".eve");
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
eveningElement.removeClass("readmore-js-expanded");
eveningElement.addClass("readmore-js-collapsed");
eveningElement.height(seemmoreHeight);
parentElement.find(".eve-link").text('...');
}
function collapsefunctionforevening(e) {
var parentElement = $(e).parent();
var noonElement = parentElement.find(".noo");
var morningElement = parentElement.find(".mor");
noonElement.removeClass("readmore-js-expanded");
noonElement.addClass("readmore-js-collapsed");
noonElement.height(seemmoreHeight);
parentElement.find(".noo-link").text('...');
morningElement.removeClass("readmore-js-expanded");
morningElement.addClass("readmore-js-collapsed");
morningElement.height(seemmoreHeight);
parentElement.find(".mor-link").text('...');
}
function loadtable() {
var dataList = [{"EntityListContactId":54844,"EntityListingId":0,"ReservationTypeId":1,"DirectBookingTypeId":3,"UrlKey":"دكتور-هديل-جهاد--امراض-جلدية-و-تناسلية","StartOfWeekDate":"\/Date(1462140000000)\/","Days":[{"TodayDate":"\/Date(1462140000000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}},{"TodayDate":"\/Date(1462226400000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}},{"TodayDate":"\/Date(1462312800000)\/","DaySlots":[],"PriorityToAttendSlots":[],"NumberOfPriorityToAttendanceSlots":0,"NumberOfWorkingHourSlots":0,"PriorityToAttendanceSlotsNumber":"٠","WorkingHourSlotsNumber":"٠","FirstPriorityToAttendSlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null},"FirstDaySlot":{"From":"\/Date(-62135596800000)\/","To":"\/Date(-62135596800000)\/","SlotType":null}}],"IsSlots":true,"BookingAvailable":true,"FirstAppointment":"\/Date(1462572000000)\/","WeekAvailable":false}];
var week = 1;
var weekNumber = parseInt(week, 10) - 1;
function doctorAppointmentsModel(data) {
moment.locale('ar');
var self = this;
self.CurrentWeekIndex = 0;
self.SearchedWeeks = [0];
var selectedDayDateClass = "";
var urldate = "";
var sUrlVariables = window.location.search.substring(1).split('&');
for (var i = 0; i < sUrlVariables.length; i++) {
var sParameterName = sUrlVariables[i].split('=');
if (sParameterName[0] == "weekindex") {
var weekIndex = parseInt(sParameterName[1], 10);
self.CurrentWeekIndex = weekIndex;
self.SearchedWeeks = [weekIndex];
}
if (sParameterName[0] == "date") {
urldate = sParameterName[1].substring(0, 10).replace(/\//g, "");
}
}
self.WeekAvailable = ko.observable(data.WeekAvailable);
self.EntityListContactId = ko.observable(data.EntityListContactId);
self.UrlKey = ko.observable(data.UrlKey);
self.BookingAvailable = ko.observable(data.BookingAvailable);
self.StartOfWeekDate = ko.observable(data.StartOfWeekDate);
self.Days = ko.observableArray(data.Days);
self.HasAppointment = data.FirstAppointment != null;
self.FirstAppointment = 'True' == 'True' ? ko.observable(moment(data.FirstAppointment).format('YYYY/MM/DD')) : ko.observable(moment(data.FirstAppointment).format('DD/MM/YYYY'));
self.Days().forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
if (self.CurrentWeekIndex == 0) {
$(".previousWeek").addClass("NoPreviousWeek");
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
}
if (data.FirstAppointment == null) {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
}
self.timeOfDay = function(slot) {
var slotClasses = "";
var date = $("#SelectedDate").val();
if ('' != 'yes') {
$("a[data-date='" + date + "']").parent().addClass("Busy");
}
if (slot.get("hour") < 14) {
slotClasses += "morning";
} else if (slot.get("hour") < 18) {
slotClasses += "noon";
} else {
slotClasses += "evening";
}
return slotClasses;
};
self.changeObject = function(d, t) {
self.WeekAvailable(d.WeekAvailable);
self.EntityListContactId(d.EntityListContactId);
self.UrlKey(d.UrlKey);
self.StartOfWeekDate(d.StartOfWeekDate);
if (!(self.SearchedWeeks.indexOf(t) >= 0)) {
d.Days.forEach(function(item) {
item.DaySlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.PriorityToAttendSlots.forEach(function(slot) {
slot.From = moment.utc(slot.From).add(2,'hours');
slot.To = moment.utc(slot.To).add(2,'hours');
});
item.FirstDaySlot.From = moment.utc(item.FirstDaySlot.From).add(2,'hours');
item.FirstPriorityToAttendSlot.From = moment.utc(item.FirstPriorityToAttendSlot.From).add(2,'hours');
item.TodayDate = moment.utc(item.TodayDate).add(2,'hours');
});
self.SearchedWeeks.push(t);
}
self.Days(d.Days);
$("#tab-bod-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
self.applyReadMore();
hoverStyles();
if (self.CurrentWeekIndex != 0) {
self.FirstAppointment("");
} else {
self.FirstAppointment(moment(d.FirstAppointment).format('DD/MM/YYYY'));
}
if (self.CurrentWeekIndex == 0) {
$(".previousWeek-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
$(".previousWeek-"+self.EntityListContactId()).removeClass("disable-appointment-nav");
}
$(".contact-day-column").removeClass("selected-Day");
$(".contact-day-column").removeClass("box-checked");
if (selectedDayDateClass != "") {
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
setColumnHeight(self.EntityListContactId());
};
self.nextWeek = function() {
$(".next-week-arrow-" + self.EntityListContactId()).addClass("disable-appointment-nav");
$("#next-app-loading-" + self.EntityListContactId()).show();
var divHeight = $("#tab-bod-54844").height();
if (divHeight <= 80) {
divHeight = 80;
}
$("#next-app-loading-" + self.EntityListContactId()).css("height", divHeight);
$("#next-app-loading-" + self.EntityListContactId() + " .glyphicon").css("margin-top", divHeight / 2);
$("#tab-bod-" + self.EntityListContactId()).hide();
if (!self.WeekAvailable() && self.CurrentWeekIndex == /*dataList.length - 1*/ 0) {
var contact = self.EntityListContactId();
var thisdate = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$("#firstav-" + self.EntityListContactId()).hide();
$.ajax({
type: 'POST',
url: '/ar/Search/FirstContactAppointment',
data: { clinicId: contact, nowDate: thisdate},
dataType: "json",
success: function(result) {
$("#firstav-" + self.EntityListContactId()).show();
$("#next-app-loading-" + self.EntityListContactId()).hide();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
if (result.length == 0) {
$("#firstav-" + contact).text('لا يوجد مواعيد متاحة');
$("#firstav-" + contact).css("cursor", "default");
$("#firstav-" + contact).css("background-color", "#f5f5f5 !important");
$("#firstav-" + contact).replaceWith($("<button class='no-available-hours' disabled='disabled'>لا يوجد مواعيد متاحة</button>"));
$(".next-week-arrow-"+self.EntityListContactId()).addClass("disable-appointment-nav");
} else {
dataList.push(result);
self.WeekAvailable(result.WeekAvailable);
self.nextWeek();
}
},
});
} else {
if (self.CurrentWeekIndex < (dataList.length - 1)) {
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'left' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex + 1;
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'right' }, 250);
} else {
var contactId = self.EntityListContactId();
var date = moment(self.StartOfWeekDate()).locale("en").format('MM/DD/YYYY');
$.ajax({
type: 'POST',
url: '/ar/Search/ContactAppointments',
data: { contactId: contactId, nextWeekDate: date },
success: function(result) {
dataList.push(result);
self.nextWeek();
$(".next-week-arrow-" + self.EntityListContactId()).removeClass("disable-appointment-nav");
}
});
}
}
$(".previousWeek").removeClass("NoPreviousWeek");
};
self.prevWeek = function() {
if (self.CurrentWeekIndex > 0) {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).toggle("slide", { direction: 'right' }, 250);
self.CurrentWeekIndex = self.CurrentWeekIndex - 1;
if (self.CurrentWeekIndex == 0) {
$('.previousWeek').addClass("NoPreviousWeek");
}
currentItem = dataList[self.CurrentWeekIndex];
self.changeObject(currentItem, self.CurrentWeekIndex);
$(element).toggle("slide", { direction: 'left' }, 250);
$(".next-week-arrow-"+self.EntityListContactId()).removeClass("disable-appointment-nav"); }
};
self.GetColorClass = function(todayDate) {
var today = moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var date = moment();
var datetoday = moment(date).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
var datetomorrow = moment().add(1,'days');
var datetomorrow1 =moment(datetomorrow).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if (datetoday == today) {
return 'todaycolorclass Col col-xs-4 text-center nopadding';
}
if (datetomorrow1 == today) {
return 'tomorrowcolorclass Col col-xs-4 text-center nopadding';
} else {
return 'normalcolorclass Col col-xs-4 text-center nopadding';
}
};
self.GetDayClass = function(todayDate) {
return 'contact-day-column contact-day-' + self.EntityListContactId() + '-' + moment(todayDate).locale('en').format('DD/MM/YYYY').replace(/\//g, "");
};
var hoverStyles = function() {
if ('False' != "True") {
$(document).ready(function() {
var funct = function(num) {
var cl = ".contact-day-" + self.EntityListContactId() + '-'
+ moment(self.StartOfWeekDate()).add(num, 'days').locale('en').format('DD/MM/YYYY').replace(/\//g, "");
if($(cl).length) {
$(cl).hover(function() {
$(cl).css('background-color','rgba(0,112,205,0.1)');
if ($("#tab-bod-" + '54844').find("#tableBody " + cl).length > 0 && !('Search'=="Reservation" && '1' != "2")) {
$(cl).css("cursor", "pointer");
}
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "visible");
$(cl).find(".fifo-selected").css("opacity", "0.5");
}
}, function() {
$(cl).css('background-color','transparent');
$(cl).css("cursor", "default");
if ($(cl).find(".glyphicon-ok").length == 0) {
$(cl).find(".fifo-selected").css("visibility", "hidden");
}
});
}
};
for (var count = 0; count <= 2; count++) {
funct(count);
}
});
}
};
hoverStyles();
if (urldate != "") {
$(document).ready(function() {
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + urldate;
$(selectedDayDateClass).addClass("selected-Day");
$(selectedDayDateClass + " i").addClass("glyphicon-ok");
$(selectedDayDateClass + " i").removeClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
});
}
self.OnAppointmentClicked = function(d, e) {
var controlerName='Search';
if ($(e.toElement).closest(".contact-day-column").find(".table-date").length > 0) {//If clicked on an empty day, do nothing
if ($(".calTable").find("#tableBody ." + $.grep($(e.toElement).closest(".contact-day-column")[0].classList, function(f){return f.match(/contact-day-[0-9]+/);}) + " .table-col").length == 0) {return;}
if (controlerName == "Reservation" && '1' != "2") return;
}
if (controlerName=="Reservation") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_ReservationPage);
} else if (controlerName == "Search") {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve);
} else {
mixPanelUtil.Book(MixPanelBook.AppointmentTableReserve_DoctorProfile);
}
var date = $(e.target).attr("data-date");
if (date == undefined) {
date = $(e.currentTarget).attr("data-date");
}
var actualDate = $(e.target).attr("actual-date");
if (actualDate == undefined) {
actualDate = $(e.currentTarget).attr("actual-date");
}
if (controlerName != "Reservation" && '1' != "2" && e.toElement.className != "day-slot") {
actualDate = "";
}
if ($(e.target).parent().hasClass("Blocked") || $(e.target).parent().hasClass("Vacation") || $(e.target).parent().hasClass("Passed")) {
return;
}
$('span').removeClass("Busy");
$(e.target).parent().addClass("Busy");
$(".contact-day-column").removeClass("selected-Day");
selectedDayDateClass = ".contact-day-" + self.EntityListContactId() + '-' + date.substring(0, 10).replace(/\//g, "");
$(selectedDayDateClass).addClass("selected-Day");
if ('Index' === 'Index' && 'Search' === 'Reservation' || '' == 'yes') {
var clearDate = false;
if ('1' == "2") {
var element = $(e.toElement); //Current element
if (e.toElement == undefined) {
element = $(e.target);
}
var closestDay = element.closest(".contact-day-column"); //Parent
if (closestDay.find(".table-date").length > 0) { // If clicked on the day
var dayClass = $.grep(closestDay[0].classList, function(f){return f.match(/contact-day-[0-9]+/);});
element = $(".calTable").find("#tableBody ." + dayClass + " .table-col");
if (element.length == 0) {
return;
}
} else { //Else, clicked on the column
element = element.closest(".table-col");
}
var elementChild = element.find(".fifo-icon");
if (elementChild.length > 0) {
element = elementChild;
}
if (elementChild.length > 0) {
var removeCheck = element.hasClass("glyphicon-ok");
$(".check-box").find(".fifo-icon").addClass("icon-unchecked");
$(".check-box").find(".fifo-icon").removeClass("glyphicon-ok");
$("#AppointmentTable").find(".fifo-selected").css("visibility", "hidden");
if (removeCheck) {
element.removeClass("glyphicon-ok");
element.addClass("icon-unchecked");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "hidden");
clearDate = true;
selectedDayDateClass = "";
$(".contact-day-column").removeClass("selected-Day");
} else {
element.removeClass("icon-unchecked");
element.addClass("glyphicon-ok");
$(selectedDayDateClass).find(".fifo-selected").css("visibility", "visible");
$(selectedDayDateClass).find(".fifo-selected").css("opacity", "1.0");
}
}
}
if (!clearDate) {
$("#SelectedDate").val(date);
setSelectedDateFormatted();
$("#TheSelectedDate").val(actualDate);
$(".empty-date").hide();
} else {
$("#SelectedDate").val("");
$("#TheSelectedDate").val("");
$("#selecteddateformated").val("");
}
} else {
$('body').css('cursor', 'wait');
var urlKey = self.UrlKey();
if (window.location.href.indexOf('patientId') > -1 && window.location.href.split('patientId=')[1] != "") {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '54844' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex + " &patientId=" + window.location.href.split('patientId=')[1];
} else {
window.location.href = '/ar/Reservation' + "?id=" + urlKey + '&date=' + date + "&contact=" + '54844' + '&actualDate=' + actualDate + "&weekindex=" + self.CurrentWeekIndex;
}
}
};
self.GetDayOfWeek = function(date) {
var dayindex = moment(date).weekday();
if ('ar' == 'ar') {
dayindex--;
if (dayindex == -1) {
dayindex = 6;
}
}
var day = moment.weekdays()[dayindex];
return day;
};
var nooncount = [];
var morningcount = [];
var eveningcount = [];
self.applyReadMore = function() {
var element = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
$(element).find(".day-column").each(function(index) {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
nooncount[index] = $(this).find(".noon").length;
morningcount[index] = $(this).find(".morning").length;
eveningcount[index] = $(this).find(".evening").length;
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(element).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(element).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
};
}
ko.bindingHandlers.animateWeek = {
init: function(element, valueAccessor) {
var value = valueAccessor();
$(element).toggle(ko.utils.unwrapObservable(value));
},
update: function(element, valueAccessor) {
var value = valueAccessor();
ko.utils.unwrapObservable(value) ?
$(element).slideDown(500) :
$(element).slideUp(500);
}
};
$(".tab").show();
var currentItem = dataList[weekNumber];
var model = new doctorAppointmentsModel(currentItem);
var dom = $("[data-contactId='" + model.EntityListContactId() + "']")[0];
if (dom) {
ko.applyBindings(model, dom);
$(dom).find(".readmore").height(65);
$(dom).find(".day-column").each(function() {
var wrappingDivNoon = "<div class='readmore noo' />";
var wrappingDivMorning = "<div class='readmore mor' />";
var wrappingDivEvening = "<div class='readmore eve' />";
$(this).find(".noon").wrapAll(wrappingDivNoon);
$(this).find(".morning").wrapAll(wrappingDivMorning);
$(this).find(".evening").wrapAll(wrappingDivEvening);
});
if ('ar' == 'ar') {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="text-align:center;" href="#">..</a>',
maxHeight: 61,
});
} else {
$(dom).find(".mor").readmore({
moreLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link mor-link" onclick="collapsefunctionformorning(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".noo").readmore({
moreLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link noo-link" onclick="collapsefunctionfornoon(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
$(dom).find(".eve").readmore({
moreLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">...</a>',
lessLink: '<a class="readmore-link eve-link" onclick="collapsefunctionforevening(this);" style="width:85%;text-align:center;" href="#">..</a>',
maxHeight: 65,
});
}
}
setColumnHeight('54844');
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
}
if ('' == 'false') {
loadtable();
$(".glyphicon-refresh-animate").hide();
$(".tab").show();
setColumnHeight('54844');
} else {
loadtable();
//$(".tab").show();
//$(".glyphicon-refresh-animate").hide();
$(document).ready(function() {
if ('' != 'yes') {
$("a[data-date='" + $("#SelectedDate").val() + "']").parent().addClass("Busy");
}
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
$(window).load(function() {
//$(".glyphicon-refresh-animate").hide();
//$(".tab").show();
//setColumnHeight('54844');
});
setSelectedDateFormatted();
});
}
function setColumnHeight(contactId) {
var tableHeight = $("#tab-bod-" + contactId).height();
var bookButtonHeight = $("#tab-bod-" + contactId + " #BookNowlink").parent().height();
var height = tableHeight - bookButtonHeight;
$("#tab-bod-" + contactId + " .align-btn-app").css("min-height", height);
}
function setSelectedDateFormatted() {
var selectedDateValue = $("#SelectedDate").val();
if (selectedDateValue != undefined && selectedDateValue != "") {
var splittedSelected = selectedDateValue.split('/');
var day = splittedSelected[1];
var month = splittedSelected[0];
splittedSelected[0] = day;
splittedSelected[1] = month;
selectedDateValue = splittedSelected[0] + '/' + splittedSelected[1] + '/' + splittedSelected[2];
var x = new Date(selectedDateValue);
var culture;
if ('ar' == 'ar') {
culture = "ar-sa";
} else {
culture = "en";
}
if ('1' == 2) {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY'));
} else {
$("#selecteddateformated").val(moment(x).lang(culture).format('DD MMM YYYY, h:mm a'));
}
}
}
</script>
<script>
function sendDoctorSms(param) {
var pname = $('#name').text();
$('#sendDoctorSmsbtn-' + param).css("cursor", "default");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "none");
$('#sendDoctorSmsbtn-' + param).css("background", "grey");
var text = 'ارسال' + ' ...';
$('#sendDoctorSmsbtn-' + param).text(text);
$.ajax({
url: '/ar/CallCenterReservation/SendDoctorSms',
dataType: "json",
data: {
paientname: pname,
doctorid: param,
},
type: "POST",
success: function(result) {
if (result) {
$('#CallCenterDoctorDialogeSMs').modal('show');
$('#sendDoctorSmsbtn-' + param).css("cursor", "pointer");
$('#sendDoctorSmsbtn-' + param).css("pointer-events", "painted");
$('#sendDoctorSmsbtn-' + param).css("background", "rgba(239, 15, 15, 1)");
var text = 'ارسل تنويه للدكتور بيانات المريض الاَن';
$('#sendDoctorSmsbtn-' + param).text(text);
}
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
if ('False' == 'True') {
$("#profile-detail-" + '52771').css("opacity", "0.5");
$("#profile-img-" + '52771').css("opacity", "0.5");
$(".card-op-" + '52771').css("opacity", "0.5").css('pointer-events', 'none');
}
});
</script> </div>
</div>
</div>
<div class="row">
<div id="pagin" class=" text-center">
<div class="clearfix h40"></div>
<!--MvcPager 1.5 for ASP.NET MVC 3.0 © 2009-2011 Webdiyer (http://en.webdiyer.com)-->
<ul class="pagination pagination-lg"><li><a disabled="disabled" style="background-color: #F5F5F5;color: #999999;">«</a></li><li><a disabled="disabled" style="background-color: #F5F5F5;color: #999999;">السابق</a></li><li class=" active"><a>1</a></li><li><a href='/ar/دكتور/امراض-جلدية-و-تناسلية/كل-المحافظات?page=2'>2</a></li><li><a href='/ar/دكتور/امراض-جلدية-و-تناسلية/كل-المحافظات?page=3'>3</a></li><li><a href='/ar/دكتور/امراض-جلدية-و-تناسلية/كل-المحافظات?page=4'>4</a></li><li><a href='/ar/دكتور/امراض-جلدية-و-تناسلية/كل-المحافظات?page=5'>5</a></li><li><a href='/ar/دكتور/امراض-جلدية-و-تناسلية/كل-المحافظات?page=6'>6</a></li><li><a href='/ar/دكتور/امراض-جلدية-و-تناسلية/كل-المحافظات?page=7'>...</a></li><li><a href='/ar/دكتور/امراض-جلدية-و-تناسلية/كل-المحافظات?page=25'>25</a></li><li><a href='/ar/دكتور/امراض-جلدية-و-تناسلية/كل-المحافظات?page=2'>التالى</a></li><li><a href='/ar/دكتور/امراض-جلدية-و-تناسلية/كل-المحافظات?page=25'>»</a></li></ul>
<!--MvcPager 1.5 for ASP.NET MVC 3.0 © 2009-2011 Webdiyer (http://en.webdiyer.com)-->
<div class="clearfix h30"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid footertagsbackground">
<div class="clearfix h20"></div>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="fs-14"><p><span class="fs-16 boldtext">الامراض الجلدية </span></p><p>الامراض الجلدية هي فرع من الطب يتعامل مع الجلد, الاظافر, الشعر والامراض المتعلقه بهم. دكتور الجلديه يعالج هذه الامراض بالاضافه الي اجراءات اخري لاهداف تجميليه للبشره, الشعر, الاظافر وباقي الجسم.</p><div class="clearfix h10"></div><p><span class="fs-16 boldtext">امراض يعالجها دكتور الامراض الجلدية</span></p><p>حب الشباب - تساقط الشعر - الحزام الناري - وشم - الاكزيما - الجرب - برص - الصدفيه - دمل - نمش - تجاعيد الوجه - جذام - الصلع - تقصف الشعر - الحروق - بهاق - امراض الاظافر - حمره - كلف - التينيا - جفاف الجلد - حكه - احمرار الجلد - التهاب الجلد - البقع - الهرش - ثعلبه - الورديه - حروق الاطفال - طفح - فرط التعرق - وحمه - تينيا القدم - الطفح الجلدي الحراري - الندبات - الهالات السودا - قشر الشعر - اصفرار الجلد - الاكزيما الدهنيه - ضعف الشعر - ضمور الجلد - طفح الحفاض - قشف - استرتش مارك - العدوى الفطرية - بقع بيضاء - - تقرح - سقوط الاظافر - البقع البنيه - الصلع الوراثى - تقشر - شيخوخة الجلد - هربس نطاقي - بقع الكبد - تفتيح الجلد - تينيا الرأس - احمرار الاطراف المؤلم - اكزيما الطفوله - الاكزيما الحمراء - الدخينات - الهيربس العصبي - تهدل الجلد - حساسيه الكبريت - حكه في فروه الراس - رؤوس سوداء وبيضاء.</p>
</div>
</div>
</div>
</div>
<div class="clearfix h10"></div>
</div>
<script>
var headerTags = [];
$(document).ready(function () {
$('.responsive-search').next().next().css('max-width', '145px');
var tags = getParameterByName('tags');
var tagsArray = tags.split(',');
$('.tag').each(function (index, element) {
for (var i = 0; i < tagsArray.length; i++) {
if(tagsArray[i] != ""){
if ($(element).find('.tagAr').text().toLowerCase() == tagsArray[i].toLowerCase() || $(element).find('.tagEn').text().toLowerCase() == tagsArray[i].toLowerCase()) {
$(this).parent().removeClass('tagitem');
$(this).parent().addClass('tagselected');
}
}
}
});
$(".tag").parent().not(".tagselected").click(function () {
var tag = 'True' == "True" ? $(this).find('.tagAr').text(): $(this).find('.tagEn').text();
if (tagsArray.length<5) {
HomePageSearch(0, tag,"");
}
});
if (tagsArray.length == 5) {
$(".tag").not(".tagselected").parent().removeClass("tagitem");
$(".tag").not(".tagselected").parent().addClass("tagitemnohover");
}
var max = 4;
var urlTags = getParameterByName('tags');
if (urlTags == undefined || urlTags.length == 0)
return;
else {
$('#tagslabel').css("display", "inline");
for (var i = 0; i < headerTags.length; i++) {
if (i < max || i == max) {
var value = 'True' == "True" ? headerTags[i].ValueArabic : headerTags[i].ValueEnglish;
$('#tagsMainDiv').removeClass("hidden");
$('#tags').append('<div class="col-xs-12 nopadding tagheader" title="' + value + '" onclick="removeheader(this);" style="display: block;"><span class="displaynone tagAr">' + headerTags[i].ValueArabic + '</span><span class="displaynone tagEn">' + headerTags[i].ValueEnglish + '</span><div class="pull-left">' + value + '</div><img style="height:15px;width:15px" src="http://d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/remove-icon.png"/></div>');
}
}
}
var mobile = 'False';
if (mobile == "False") {
var tagswidth = $('#tags').width();
var tagmaxwidth = (tagswidth/5) - 3;
$('.tagheader').find("div").css({ "max-width": tagmaxwidth });
} else {
$('.tagheader').css({ "max-width": "33%","margin":"5px"});
}
});
function removeheader(elem) {
var tag = $(elem).find('.tagAr').text() + ',' + $(elem).find('.tagEn').text();
HomePageSearch(0, tag, "");
}
</script>
</body>
<div class="footerwrapper">
<footer class="mCenter nopadding" style="background-color: rgba(255, 255, 255, 0.75); padding-bottom: 20px !important;">
<div class="clearfix h20"></div>
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-2">
<h4 class="bluetext" itemprop="name">ڤيزيتا</h4>
<ul class="menu menuBorder clearfix gray666">
<li><a href="/ar/Generic/AboutUs" title="من نحن">من نحن</a></li>
<div class="clearfix"></div>
<li><a href="/ar/Generic/OurTeam" title="فريق ڤيزيتا">فريق ڤيزيتا</a></li>
<div class="clearfix"></div>
<li><a href="/ar/Generic/Careers" title="وظائف">وظائف</a></li>
<div class="clearfix"></div>
<li><a href="/ar/Generic/PressCenter" title="ڤيزيتا في الصحافة">ڤيزيتا في الصحافة</a></li>
<div class="clearfix"></div>
<li><a href="http://blog.vezeeta.com" target="_blank" title="مدونة ڤيزيتا">مدونة ڤيزيتا</a></li>
<div class="clearfix"></div>
<li><a href="/ar/SiteMap" title="خريطه الموقع">خريطه الموقع</a></li>
<div class="clearfix"></div>
<li><a href="/ar/Generic/TermsAndConditions" title="الشروط و القوانين">الشروط و القوانين</a></li>
<div class="clearfix"></div>
<li><a href="/ar/Generic/PrivacyPolicy" title="اتفاقية الخصوصية">اتفاقية الخصوصية</a></li>
<div class="clearfix"></div>
<li><a class="mobile-nowrap" href="/ar/Generic/ContactUs" title="اتصل بنا">اتصل بنا</a></li>
</ul>
</div>
<div class="col-xs-6 col-sm-2">
<h4 class="bluetext">التخصص</h4>
<ul class="menu clearfix gray666">
<li><a title="ابحث عن افضل دكتور مخ و اعصاب في مصر" class="" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%85%D8%AE-%D9%88-%D8%A7%D8%B9%D8%B5%D8%A7%D8%A8/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA">مخ و اعصاب</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن افضل دكتور امراض جلدية و تناسلية في مصر" class="" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D9%85%D8%B1%D8%A7%D8%B6-%D8%AC%D9%84%D8%AF%D9%8A%D8%A9-%D9%88-%D8%AA%D9%86%D8%A7%D8%B3%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA">امراض جلدية و تناسلية</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن افضل دكتور نفسي في مصر" class="" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%86%D9%81%D8%B3%D9%8A/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA">نفسي</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن افضل دكتور اسنان في مصر" class="" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D8%B3%D9%86%D8%A7%D9%86/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA">اسنان</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن افضل دكتور اطفال و حديثي الولادة في مصر" class="" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%A7%D8%B7%D9%81%D8%A7%D9%84-%D9%88-%D8%AD%D8%AF%D9%8A%D8%AB%D9%8A-%D8%A7%D9%84%D9%88%D9%84%D8%A7%D8%AF%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA">اطفال و حديثي الولادة</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن افضل دكتور نساء و توليد في مصر" class="" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%86%D8%B3%D8%A7%D8%A1-%D9%88-%D8%AA%D9%88%D9%84%D9%8A%D8%AF/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA">نساء و توليد</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن افضل دكتور عيون في مصر" class="" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D8%B9%D9%8A%D9%88%D9%86/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA">عيون</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن افضل دكتور مسالك بولية في مصر" class="" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%85%D8%B3%D8%A7%D9%84%D9%83-%D8%A8%D9%88%D9%84%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA">مسالك بولية</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن افضل دكتور قلب و اوعية دموية في مصر" class="" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%82%D9%84%D8%A8-%D9%88-%D8%A7%D9%88%D8%B9%D9%8A%D8%A9-%D8%AF%D9%85%D9%88%D9%8A%D8%A9/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA">قلب و اوعية دموية</a></li>
<div class="clearfix"></div>
</ul>
</div>
<div class="col-xs-6 col-sm-2">
<h4 class="bluetext">المنطقة</h4>
<ul class="menu clearfix gray666">
<li><a title="افضل دكتور في مصر الجديده" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%85%D8%B5%D8%B1-%D8%A7%D9%84%D8%AC%D8%AF%D9%8A%D8%AF%D9%87">مصر الجديده</a></li>
<div class="clearfix"></div>
<li><a title="افضل دكتور في مدينه نصر" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%85%D8%AF%D9%8A%D9%86%D9%87-%D9%86%D8%B5%D8%B1">مدينه نصر</a></li>
<div class="clearfix"></div>
<li><a title="افضل دكتور في المعادي" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D8%A7%D9%84%D9%85%D8%B9%D8%A7%D8%AF%D9%8A">المعادي</a></li>
<div class="clearfix"></div>
<li><a title="افضل دكتور في حلوان" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D8%AD%D9%84%D9%88%D8%A7%D9%86">حلوان</a></li>
<div class="clearfix"></div>
<li><a title="افضل دكتور في شبرا" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D8%B4%D8%A8%D8%B1%D8%A7">شبرا</a></li>
<div class="clearfix"></div>
<li><a title="افضل دكتور في القاهرة الجديدة" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D8%A7%D9%84%D9%82%D8%A7%D9%87%D8%B1%D8%A9-%D8%A7%D9%84%D8%AC%D8%AF%D9%8A%D8%AF%D8%A9">القاهرة الجديدة</a></li>
<div class="clearfix"></div>
<li><a title="افضل دكتور في المقطم" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D8%A7%D9%84%D9%85%D9%82%D8%B7%D9%85">المقطم</a></li>
<div class="clearfix"></div>
<li><a title="افضل دكتور في وسط البلد" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%88%D8%B3%D8%B7-%D8%A7%D9%84%D8%A8%D9%84%D8%AF">وسط البلد</a></li>
<div class="clearfix"></div>
<li><a title="افضل دكتور في المنيل" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D8%A7%D9%84%D9%85%D9%86%D9%8A%D9%84">المنيل</a></li>
<div class="clearfix"></div>
</ul>
</div>
<div class="col-xs-6 col-sm-2">
<h4 class="bluetext">التامين</h4>
<ul class="menu clearfix gray666">
<li><a title="ابحث عن دكتور تابع ل ميتلايف اليكو" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D9%85%D9%8A%D8%AA%D9%84%D8%A7%D9%8A%D9%81-%D8%A7%D9%84%D9%8A%D9%83%D9%88">ميتلايف اليكو</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن دكتور تابع ل يونى كير" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D9%8A%D9%88%D9%86%D9%89-%D9%83%D9%8A%D8%B1">يونى كير</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن دكتور تابع ل برايم هيلث" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D8%A8%D8%B1%D8%A7%D9%8A%D9%85-%D9%87%D9%8A%D9%84%D8%AB">برايم هيلث</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن دكتور تابع ل نقابة المهندسين" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D9%86%D9%82%D8%A7%D8%A8%D8%A9-%D8%A7%D9%84%D9%85%D9%87%D9%86%D8%AF%D8%B3%D9%8A%D9%86">نقابة المهندسين</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن دكتور تابع ل ايجيكير" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D8%A7%D9%8A%D8%AC%D9%8A%D9%83%D9%8A%D8%B1">ايجيكير</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن دكتور تابع ل سيتى كير" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D8%B3%D9%8A%D8%AA%D9%89-%D9%83%D9%8A%D8%B1">سيتى كير</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن دكتور تابع ل اليانز" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D8%A7%D9%84%D9%8A%D8%A7%D9%86%D8%B2">اليانز</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن دكتور تابع ل شركة بوبا للتأمين" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D8%B4%D8%B1%D9%83%D8%A9-%D8%A8%D9%88%D8%A8%D8%A7-%D9%84%D9%84%D8%AA%D8%A3%D9%85%D9%8A%D9%86">شركة بوبا للتأمين</a></li>
<div class="clearfix"></div>
<li><a title="ابحث عن دكتور تابع ل دايموند ميديكال سيرفيس" class="mobile-nowrap" href="/ar/%D8%AF%D9%83%D8%AA%D9%88%D8%B1/%D9%83%D9%84-%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D8%B5%D8%A7%D8%AA/%D9%83%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%A7%D8%AA/%D8%AF%D8%A7%D9%8A%D9%85%D9%88%D9%86%D8%AF-%D9%85%D9%8A%D8%AF%D9%8A%D9%83%D8%A7%D9%84-%D8%B3%D9%8A%D8%B1%D9%81%D9%8A%D8%B3">دايموند ميديكال سيرفيس</a></li>
<div class="clearfix"></div>
</ul>
</div>
<div class="col-xs-12 col-sm-4">
<div class="row">
<div class="col-xs-12">
<h4 class="bluetext">انضم لقائمتنا</h4>
<p class="gray666" style="font-size: 13px;">ليصلك نصائحنا الطبية وآخر اخبار ڤيزيتا كل اسبوع!</p>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-xs-12">
<div id="NewsLetter" class="mobileissue floatingRight">
<div class="col-xs-7 col-sm-7 nopadding">
<input type="text" class="form-control newsletter" id="NewsLetterSubscriber" placeholder="بريدك الالكتروني" />
</div>
<div class="col-xs-5 col-sm-5 nopadding">
<button onclick="JoinUs();" class="btn-2erd btn2 btn-2rd floatingRight" style="margin: 0px 5px;">انضم لنا</button>
</div>
</div>
<p id="ThankYou" style="display: none;">
<span>شكراً لانضمامك!</span>
</p>
</div>
</div>
<div class="clearfix h5px"></div>
<div class="row">
<div class="col-xs-12 col-md-12 vmiddle">
<div class="h10"></div>
<ul class="menu social mobileissue">
<li>
<a href="http://facebook.com/vezeeta" class="icon-facebook fs-20 no-decoration social-media-ico cul-margin" target="_blank" title="ڤيزيتا فيسبوك" style="color: #3b5998 !important;"></a>
</li>
<li>
<a href="http://twitter.com/VEZEETA_Egypt" class="icon-twitter fs-20 no-decoration social-media-ico" target="_blank" title="ڤيزيتا تويتر" style="color: #4099FF !important;"></a>
</li>
<li>
<a href="http://blog.vezeeta.com" class="icon-blogger fs-20 no-decoration social-media-ico" target="_blank" title="مدونة ڤيزيتا" style="color: #fb8f3d !important;"></a>
</li>
<li>
<a href="https://plus.google.com/106627940977355663820/posts" class="icon-googleplus fs-20 no-decoration social-media-ico" target="_blank" title="ڤيزيتا جوجل+" style="color: #d34836 !important;"></a>
</li>
</ul>
</div>
<div class="fb-like-box" data-href="https://www.facebook.com/Vezeeta" data-width="120" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="false" data-show-border="false">
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script type="text/javascript">
$(window).load(function () {
if ('False' == "True" && 'search' == "home") {
$("header").css("cssText", "border-bottom: 1px solid #CCC");
} else if ('False' == "False" && 'search' != "home") {
if ('True' == "True") {
$("header").css("cssText", "background-image:url('//d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/homecovernewen2-6.0.jpg')!important;background-position:0 75%;transition:none;");
} else {
$("header").css("cssText", "background-image:url('//d3ggiwwizihk0i.cloudfront.net/assets/Assets/Img/homecovernew2.jpg')!important;background-position:0 75%;transition:none;");
}
}
});
// check cookie
if ($('#name').text() != "") {
$('#name').show();
$('#phoneNumber').show();
$('#patientLbl').hide();
$('#textBoxWrapper').hide();
}
var MixPanelHomePageSearch =
{
HeaderSpeciality: 1,
HeaderArea: 2,
HeaderInsurance: 7,
HeaderSearchbtn: 9,
HomeSearchBtn: 3,
DoctorProfile: 10,
doctorName: 8
};
var MixPanelBook =
{
ReservBtnImg: 0,
drProfileReservebtn: 1,
ReservationPageBtn: 2,
AppointmentTableReserve: 3,
AppointmentTableReserve_ReservationPage: 4,
AppointmentTableReserve_DoctorProfile: 5
};
$("#aclpsbtn").click(function () {
if ($("#iclpsbtn").hasClass("glyphicon-search")) {
$('#collapse-btn').slideDown(800);
$("#iclpsbtn").removeClass("glyphicon-search").addClass("glyphicon-chevron-up");
}
else {
$('#collapse-btn').slideUp(800);
$("#iclpsbtn").removeClass("glyphicon-chevron-up").addClass("glyphicon-search");
}
});
$('.howitworkswrapper').click(function (e) {
e.preventDefault();
$('html,body').animate({
scrollTop: $('#vezeetaServices').offset().top - 1 // the 1px for the red border
}, 1000);
});
//$('header').bcatBGSwitcher({
// urls: srcBgArray
//});
$(document).bind('scroll', function () {
// "Disable" the horizontal scroll.
if ($(document).scrollLeft() !== 0) {
$(document).scrollLeft(0);
}
});
$(document).ready(function () {
var res = $(window).width();
if (res == 1007) {
$('#menuDev').removeClass('col-sm-4');
$('#menuDev').addClass('col-sm-5');
}
});
//TODO homePage Search was here
//$('#btnHomeSearch').on('touchstart click', function () {
// $("#btnHomeSearch").removeClass("redbackground");
// $("#btnHomeSearch").css("background", "grey");
//});
$('#doctorName').keypress(function (e) {
var key = e.which;
if (key == 13) // the enter key code
{
HomePageSearch(MixPanelHomePageSearch.doctorName);
}
});
$("ul.pagination > li").click(function (e) {
var attr = $(this).find('>a').attr('disabled');
var act = $(this).hasClass('active');
if (attr != 'disabled' && !act) {
$("#btnSearch").css("cursor", "default");
$("#btnSearch").css("pointer-events", "none");
$("#btnSearch").removeClass("redbackground");
$("#btnSearch").css("background", "grey");
$("#fix").css("pointer-events", "none");
$("#pagin").css("pointer-events", "none");
$(".entityspecialitiesclass").css("pointer-events", "none");
$("#LayoutHeader").css("pointer-events", "none");
}
else {
$('body').css('cursor', 'default');
}
});
function JoinUs() {
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
if (!emailReg.test($("#NewsLetterSubscriber").val()) || $("#NewsLetterSubscriber").val() == "") {
$("#NewsLetterSubscriber").css({
"border": "1px solid rgba(239, 15, 15, 1)"
});
return;
} else {
$('#NewsLetter').hide();
$('#ThankYou').show();
$.ajax({
type: "Post",
async: true,
url: '/ar/Home/SubmitEmail',
data: { email: $("#NewsLetterSubscriber").val() },
success: function (data) {
}
});
}
}
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
function setCheckedValue(radioObj, newValue) {
if (!radioObj)
return;
var radioLength = radioObj.length;
if (radioLength == undefined) {
radioObj.checked = (radioObj.value == newValue.toString());
return;
}
for (var i = 0; i < radioLength; i++) {
radioObj[i].checked = false;
if (radioObj[i].value == newValue.toString()) {
radioObj[i].checked = true;
}
}
}
//MixPanel Util
var mixPanelUtil = {
skip: function () {
// mixpanel.track(callcentervar + "Skip Verification Code");
analytics.track(callcentervar + "Skip Verification Code");
var patientName = $('#menu_hdr').text();
TrackPatientName(patientName);
},
verfiyCode: function () {
// mixpanel.track(callcentervar + "Verify Code");
analytics.track(callcentervar + "Verify Code");
var patientName = $('#menu_hdr').text();
TrackPatientName(patientName);
},
ResendCode: function () {
// mixpanel.track(callcentervar + "Resend Verify Code");
analytics.track(callcentervar + "Resend Verify Code");
var patientName = $('#menu_hdr').text();
TrackPatientName(patientName);
},
Signup: function () {
// mixpanel.track(callcentervar + "Sign Up Button / Join Now");
analytics.track(callcentervar + "Sign Up Button / Join Now");
},
SignupLink: function () {
// mixpanel.track(callcentervar + "Sign Up Link");
analytics.track(callcentervar + "Sign Up Link");
},
homepage: function () {
// mixpanel.track(callcentervar + "Home Page");
analytics.track(callcentervar + "Home Page");
},
login: function () {
var patientphone = $('#MobileNumber').val();
// mixpanel.track(callcentervar + "login Button");
analytics.track(callcentervar + "login Button");
if (patientphone != "") {
TrackPatient(patientphone);
}
},
facebookSignup: function () {
// mixpanel.track(callcentervar + "Facebook SignUp Button");
analytics.track(callcentervar + "Facebook SignUp Button");
},
HomeSearchClick: function (id, searchedstring) {
if (id == MixPanelHomePageSearch.HomeSearchBtn) {
//mixpanel.track(callcentervar + "Home Search Button " + searchedstring);
analytics.track(callcentervar + "Home Search Button " + searchedstring);
}
},
Book: function (id) {
if (id == MixPanelBook.ReservBtnImg) {
// mixpanel.track(callcentervar + "SearchResults Reserve Button");
analytics.track(callcentervar + "SearchResults Reserve Button");
}
if (id == MixPanelBook.drProfileReservebtn) {
//mixpanel.track(callcentervar + "DoctorProfile Reserve Button");
analytics.track(callcentervar + "DoctorProfile Reserve Button");
} if (id == MixPanelBook.ReservationPageBtn) {
// mixpanel.track(callcentervar + "Reservation Page Button ");
analytics.track(callcentervar + "Reservation Page Button ");
}
if (id == MixPanelBook.AppointmentTableReserve) {
// mixpanel.track(callcentervar + "Appointment Table Slots/FIFO Reserve Button-SearchPage");
analytics.track(callcentervar + "Appointment Table Slots/FIFO Reserve Button-SearchPage");
}
if (id == MixPanelBook.AppointmentTableReserve_ReservationPage) {
// mixpanel.track(callcentervar + "Appointment Table Slots/FIFO Reserve Button-ReservationPage");
analytics.track(callcentervar + "Appointment Table Slots/FIFO Reserve Button-ReservationPage");
}
if (id == MixPanelBook.AppointmentTableReserve_DoctorProfile) {
// mixpanel.track(callcentervar + "Appointment Table Slots/FIFO Reserve Button-DoctorProfilePage");
analytics.track(callcentervar + "Appointment Table Slots/FIFO Reserve Button-DoctorProfilePage");
}
},
ReservationLoad: function () {
// mixpanel.track(callcentervar + "Reservation Page Loading");
analytics.track(callcentervar + "Reservation Page Loading");
},
DoctorProfilePage: function () {
// mixpanel.track(callcentervar + "Doctor Profile Page Loading");
analytics.track(callcentervar + "Doctor Profile Page Loading");
},
};
function TrackPatient(phone) {
analytics.identify(phone, {
phone: phone
});
//analytics.Identify
////mixpanel.register
//({
// 'Phone': phone,
// 'distinct_id': phone,
// 'userId': phone,
//});
//mixpanel.people.set({
// 'distinct_id': phone,
//});
}
function TrackPatientName(name) {
//analytics.identify(phone, {
// name: name,
//});
//mixpanel.register({
// 'Name': name,
//});
}
function checkcallcenter() {
var urll = window.location.href;
if (urll.indexOf("patientId") > -1) {
var patientidindex = urll.indexOf("patientId");
var patienturlid = urll.substring(patientidindex);
window.location.href = window.location.href + '?patientId=' + patienturlid.split('=')[1];
}
}
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) { return pair[1]; }
}
return ('undefined');
}
</script>
<style>
.glyphicon-earphone:before {
position: relative;
font-size: 0.9em;
}
@media(max-width:767px) {
.glyphicon-earphone:before {
vertical-align: baseline !important;
top: 3px;
}
}
@media(min-width:768px) {
.glyphicon-earphone:before {
top: 5px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.glyphicon-earphone:before {
top: 0px;
font-size: 1em !important;
}
}
</style>
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 983341641;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="NoScript" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/983341641/?value=0&amp;guid=ON&amp;script=0" />
</div>
</noscript>
<script>
var currentUrl = document.URL;
if ('search' != "search") {
$('input[type=checkbox]').each(function () {
$(this).prettyCheckable();
});
$('input[type=radio]').each(function () {
$(this).prettyCheckable();
});
}
</script>
</body>
</html>
الاشتراك في:
التعليقات (Atom)
جميع الحقوق محفوظة @
فيروس زيكا
برمجة وتطوير :
Khaled Saber
Techonlogy