/home/s2admin/2sist/evencita/config<title>
    Services Appointments and Bookings
</title>

    <style>
         .pagination nav {
                display: inline-block;
                margin: auto;
            }
        .cat_href:hover{
            color:#f6c375;
        }
        .cat_href:active{
            color:#f6c375;
        }
        ul.b {list-style-type: square;}
    </style>
      <link href="https://a3malkom.com/assets/boxicons/css/boxicons.min.css" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="https://a3malkom.com/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://a3malkom.com/assets/vendor/icofont/icofont.min.css" rel="stylesheet">
  <link href="https://a3malkom.com/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="https://a3malkom.com/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="https://a3malkom.com/assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
  <link href="https://a3malkom.com/assets/vendor/venobox/venobox.css" rel="stylesheet">
  <link href="https://a3malkom.com/assets/vendor/aos/aos.css" rel="stylesheet">
  <link rel="shortcut icon" href="https://a3malkom.com/images/a3malkom.png">

  <link href="https://a3malkom.com/assets/css/contact.css" rel="stylesheet">
  <style>
  p{
    text-align: justify !important;
    text-justify: inter-word !important;
  }
  @media  only screen and (max-width: 600px) {
    p img{
        height: 200px !important;
    }
    }
    .font_p {
        font-size: 15px;
        font-weight: bold;
    }
    .iframe_size{
        width: 50%;
        height:315px
    }
    @media  only screen and (max-width: 900px) {
        .iframe_size{
            width: 100%;
            height:315px
        }
    }7 @import  url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif !important;
}
a:hover {
    text-decoration: none;
}

body {
  background-image: url('/assets/img/new4.png') , url('/assets/img/new4.png') ;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position:  left, right;
}
</style>
    <style>
        ol {
  counter-reset: li;
  list-style: none;
  padding: 0;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol a {
  position: relative;
  display: block;
  padding: .4em .4em .4em .8em;
  margin: .5em 0 .5em 2.5em;
  background: #EAE6E1;
  color: #747272;
  text-decoration: none;
  transition: all .3s ease-out;
}


ol a:hover {background: #EAE6E1;}
ol a:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #8EBB23;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
}

ol a:after {
  position: absolute;
  content: "";
  border: .5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -.5em;
  transition: all .3s ease-out;
}

ol a:hover:after {
  left: -.5em;
  border-left-color:#8EBB23;
}

</style>
</style>


<!-- plugins:js -->
<script src="https://a3malkom.com/myAssets/basics/js/vendor.bundle.base.js"></script>
<!-- endinject -->
<!-- Plugin js for this page -->
<script src="https://a3malkom.com/myAssets/basics/chart.js/Chart.min.js"></script>
<script src="https://a3malkom.com/myAssets/basics/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.js"></script>
<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.resize.js"></script>
<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.categories.js"></script>
<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.fillbetween.js"></script>
<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.stack.js"></script>
<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.pie.js"></script>
<!-- End plugin js for this page -->
<!-- inject:js -->
<script src="https://a3malkom.com/myAssets/js/off-canvas.js"></script>
<script src="https://a3malkom.com/myAssets/js/hoverable-collapse.js"></script>
<script src="https://a3malkom.com/myAssets/js/misc.js"></script>
<!-- endinject -->
<!-- Custom js for this page -->
<script src="https://a3malkom.com/myAssets/js/dashboard.js"></script>
<!-- End custom js for this page -->
<script>
    $(document).ready(function(){
        var elems = document.querySelectorAll(".active");
        [].forEach.call(elems, function(el) {
            el.classList.remove("active");
        });
        var elems = document.querySelectorAll(".user_guide_tab");
        [].forEach.call(elems, function(el) {
            el.classList.add("active");
        });
    });

</script>
 </html>

<!DOCTYPE html>
<style>


</style>
<html  lang="" dir="">
<head>
        <meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>A3MALKOM - page</title>

<meta name="apple-itunes-app" content="app-id=1584957135">
<meta name="google-play-app" content="app-id=com.soltuionspace.sevents">

<!-- Start SmartBanner configuration -->
<meta name="smartbanner:title" content="A3MALKOM App">
<meta name="smartbanner:author" content="الحل الأسهل لتنظيم مواعيدكم ">
<meta name="smartbanner:price" content="FREE">
<meta name="smartbanner:price-suffix-google" content=" - In Google Play">
<meta name="smartbanner:icon-google" content="https://a3malkom.com/images/a3malkom.png">
<meta name="smartbanner:button" content="OPEN">
<meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=com.soltuionspace.sevents">
<meta name="smartbanner:enabled-platforms" content="android">
<meta name="smartbanner:close-label" content="Close">






<!-- End SmartBanner configuration -->

<!-- Start SmartBanner configuration -->
<meta name="smartbanner:title" content="A3MALKOM">
<meta name="smartbanner:author" content="Open in the A3MALKOM App ">
<meta name="smartbanner:price" content="FREE">
<meta name="smartbanner:price-suffix-apple" content=" - On the App Store">
<meta name="smartbanner:icon-apple" content="https://a3malkom.com/images/logo_link_share.png">
<meta name="smartbanner:button" content="OPEN">
<meta name="smartbanner:button-url-apple" content="https://apps.apple.com/sa/app/mawa3edna/id1584957135">
<meta name="smartbanner:enabled-platforms" content="ios">
<meta name="smartbanner:close-label" content="Close">
<meta name="smartbanner:custom-design-modifier" content="ios">







<!-- End SmartBanner configuration -->

<link rel="stylesheet" href="https://a3malkom.com/js/smartbanner/dist/smartbanner.min.css">
<script src="https://a3malkom.com/js/smartbanner/dist/smartbanner.min.js"></script>

<meta name="description" content=""/>
<meta property="og:title" content="أعمالكم" />
<meta property="og:url" content="https://a3malkom.com/" />
<meta property="og:description" content="الحل الأسهل لتنظيم مواعيدكم">
<meta property="og:image" content="https://a3malkom.com/images/logo_link_share.png">

<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Tajawal' rel="stylesheet">

<!-- Css Styles -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" crossorigin="anonymous">
</script>
<link rel="stylesheet" href="https://a3malkom.com/assets/mdi/css/materialdesignicons.min.css" />

<link rel="stylesheet" href="https://a3malkom.com/assets/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="https://a3malkom.com/assets/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="https://a3malkom.com/assets/css/elegant-icons.css" type="text/css">
<link rel="stylesheet" href="https://a3malkom.com/assets/css/magnific-popup.css" type="text/css">
<link rel="stylesheet" href="https://a3malkom.com/assets/css/jquery-ui.min.css" type="text/css">
<link rel="stylesheet" href="https://a3malkom.com/assets/css/owl.carousel.min.css" type="text/css">
<link rel="stylesheet" href="https://a3malkom.com/assets/css/slicknav.min.css" type="text/css">
<link rel="stylesheet" href="https://a3malkom.com/assets/css/style.css" type="text/css">
<link rel="stylesheet" href="https://a3malkom.com/assets/css/hover.css" type="text/css">


<!-- Tab Logo -->
<link rel="shortcut icon" href="https://a3malkom.com/images/a3malkom.png">

<!-- The core Firebase JS SDK is always required and must be listed first -->

<link rel="manifest" href="https://a3malkom.com/manifest.json">

<style>


</style>
<!-- start request notificatin permission requestPermission -->

<div class="modal fade" id="requestPermission" tabindex="-1" aria-labelledby="exampleModalLabel" aria-modal="true"
    role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" aria-label="Close" onclick="closeModal()">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" onclick="closeModal()">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>
<div class="modal-backdrop fade show" id="backdrop" style="display: none;"></div>

<!-- end request notificatin permission -->
<script>
    NotisElem = document.getElementById("notis");
    var sessionToken = 'YxAmXmGiLNufM3o682rqza6GtLwf566TJDprlP0w';
    console.log('sessionToken');
    console.log(sessionToken);
</script>
<script src="https://www.gstatic.com/firebasejs/8.9.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.9.1/firebase-messaging.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->

<script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
        apiKey: "AIzaSyAr25XXTLyHaN1J5jKmUQTZ2qowSmEZLgw",
        authDomain: "sevents-7bc81.firebaseapp.com",
        projectId: "sevents-7bc81",
        storageBucket: "sevents-7bc81.appspot.com",
        messagingSenderId: "650512275714",
        appId: "1:650512275714:web:59d193c27151c32b9aca1b"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
</script>

<script>
    //var deviceID = MediaDeviceInfo.deviceId;

    //console.log('ddddddddaaaaaaaafffffffff9999');
           // console.log(deviceID);
    const messaging = firebase.messaging();
    messaging.usePublicVapidKey(
        "BG4hM5feKStpbcSzCCD0Q4xAN6-aM2j8GRPVqCnbCYHDAiAuJD4TKzHuk-CD1aZtL-A8NTUVuzp_GhrJzluh9kw");
    navigator.serviceWorker.register('firebase-messaging-sw.js');
    messaging.requestPermission()
        .then(function() {
            console.log('Notification permission granted.');
            console.log('ddddddddaaaaaaaafffffffff9999');
            //console.log(token);
            return messaging.getToken();
        })
        .then(function(token) {
            console.log('ddddddddaaaaaaaafffffffff');
            console.log(token);
            if (!token) {
                console.log('No registration token available. Request permission to generate one.');

            }
            myToken = token;
            fb = "0";
            base_url = "https:\/\/a3malkom.com";
            if (fb == 0) {
                let url = new URL(base_url+'/storeFbToken');
                url.search = new URLSearchParams({
                    token: token/*,
                    deviceID: deviceID*/
                });
                fetch(url)
                    .then(
                        function(response) {
                            console.log(response.json());

                            if (response.status !== 200) {
                                console.log('Looks like there was a problem. Status Code: ' +
                                    response.status);
                                return;
                            } else {
                                console.log('success store');

                            }

                        }
                    )
                    .catch(function(err) {
                        console.log('Fetch Error :-S', err);
                    });
                console.log(myToken); // Display user token
            }
            console.log("jj");
        })
        .catch(function(err) { // Happen if user deney permission

            console.log('in catch notifications');
            console.log(err);
          //  jQuery('#requestPermission').moadal();
      //      openModal();


        });
    console.log('f');
    messaging.onMessage(function(payload) {
        console.log('11');
        base_url = "https:\/\/a3malkom.com";
        console.log("Message received. ", payload.data);
        console.log("Message received. ", payload.data.body);
        pairs = JSON.parse(payload.data.pairs);
        var ops = {
            body: payload.data.body + pairs[0],
            title: payload.data.title,
            icon: base_url+"/images/logo_link_share.png"
        }
        var notification = new Notification( /*sender_id,author*/ payload.data.title, ops);

        notification.onclick = function(event) {
            console.log('ddddddddssssssssssssssssssssssssssssssssssss');
            console.log(payload.data.pairs);

            var web_url1 = null;
            pairs = JSON.parse(payload.data.pairs);
            for (i = 0; i < pairs.length; i++) {
                if (web_url1 == null)
                    web_url1 = pairs[i]['web_url'];
            }
            if (web_url1 != null && web_url1 != 'null')
                window.location = web_url1;
            else
                location.reload();
            notification.close();



        } // end event
    });
</script>
<script>
    function openModal() {
        document.getElementById("backdrop").style.display = "block"
        document.getElementById("requestPermission").style.display = "block"
        document.getElementById("requestPermission").classList.add("show")
    }
    function closeModal() {
        document.getElementById("backdrop").style.display = "none"
        document.getElementById("requestPermission").style.display = "none"
        document.getElementById("requestPermission").classList.remove("show")
    }
    // Get the modal
    var modal = document.getElementById('requestPermission');

    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {
    if (event.target == modal) {
        closeModal()
    }
    }

</script>
  </head>



  <body >
    <!-- Navbar-->
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<style>



/*========================================

            Buttons Style

========================================*/
button{
     display: inline-flex;
     align-items: center;
}
.btn-blue {
  background: #0149aa;
  padding: 10px 28px;
  border: 2px solid #0149aa;
  color: #fff;
  border-radius: 50px;
  font-weight: 700;
  -webkit-transition: 0.5s all;
   transition: 0.5s all;
  box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
  outline: none !important;
  }

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
  background: #fff;
  color: #496174; }

.btn-transparent {
  background: transparent;
  padding: 10px 28px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  font-weight: 700;
  letter-spacing: 0.08em;
  -webkit-transition: 0.5s all;
    transition: 0.5s all;
  outline: none !important; }

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active {
  background: #fff;
  color: #496174; }

.btn-white {
  background: #fff;
  padding: 10px 28px;
  color: #496174;
  border: 2px solid #fff;
  border-radius: 50px;
  font-weight: 700;
  letter-spacing: 0.08em;
  -webkit-transition: 0.5s all;
    transition: 0.5s all;
  outline: none !important; }


.btn-white:hover,
.btn-white:focus,
.btn-white:active {
  background: transparent;
  color: #fff; }




.header__top__language2:hover ul {
	top: 40px;
	opacity: 1;
	visibility: visible;
}

.header__top__language2 img {
	display: inline-block;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	margin-right: 6px;
}

.header__top__language2 span {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 12px;
}

.header__top__language2 i {
	font-size: 20px;
	display: inline-block;
	color: #ffffff;
}

.header__top__language2 ul {
	position: absolute;
	left: 50px;
	top: 60px;
	width: 100px;
	background: #ffffff;
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 0 0 20px rgba(54, 54, 54, 0.15);
	box-shadow: 0 0 20px rgba(54, 54, 54, 0.15);
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	z-index: 9;
}

.header__top__language2 ul li {
	list-style: none;
}

.header__top__language2 ul li a {
	font-size: 14px;
	color: #252525;
	padding: 5px 5px 5px 15px;
	display: block;
}



@media (max-width: 992px) {
    .logo_img_mobile1{
        width :180px;
        height : 180px;

    }

    .logo_img_mobile2 {
        height: 65px;
    }
}

/* Make spinner image visible when body element has the loading class */
body.loading .overlay{
    display: block;
}

/* Turn off scrollbar when body element has the loading class */
body.loading{
    overflow: hidden;
}
.fa-google {
  background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
   </style>

      <style>
   .header__top__language2 {
        padding: 11px 10px;
        float: left;
        position: relative;
        cursor: pointer;
    }
   </style>
      <style>

        :root {
            --spacing: 8px;
            --hue: 400;
            --background1: #ededed;
            --background2 : #ededed;
            --background3: #ededed;
            --brand1: #a8fa7a;
            --text1: hsl(0,0%,100%);
            --text2: hsl(0,0%,90%);
        }

       .number-code {
            overflow: auto;

        }
        .number_code > div {
            display: flex;

        }
        input.code-input {
            color:black;
            font-size: 1.5em;
            width: 2em;
            text-align: center;
            flex: 1 0 1em;
        }

        #code2{
            color: black;
        }
        input.code-input {
            color:black;
            font-size: 1.5em;
            width: 2em;
            text-align: center;
            flex: 1 0 1em;
        }
        input.code-input{
            color: black;
            padding: var(--spacing);
            border-radius: calc(var(--spacing) / 2);
            background: var(--background1);
            border: 0;
            border: 4px solid transparent;

        }
        input.code-input:focus{
            outline: none;
            border: 4px solid #a8fa7a;
            background: var(--background3);

        }
        input{
            padding: var(--spacing);
            border-radius: calc(var(--spacing) / 2);
            color: black;
            background: var(--background1);
            border: 0;
            border: 4px solid transparent;

        }

   </style>
      
 <!-- Offcanvas Menu Begin -->
 <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="https://a3malkom.com/assets/html5-qrcode.js"></script>

 

 <input id="client_email" value="" hidden>
 <input id="show_client_email_modal" value="0" hidden>
 <div class="spinner-border text-success" name="spin_1" id="spin" role="status" style="position:absolute;z-index:999999;right:50%;top:50%;visibility:hidden" >
    <span class="sr-only">Loading...</span>
</div>
<!-- start subjectsAndSuppliersModal modal-->
<div class="modal fade"  data-backdrop="static" data-keyboard="false" id="subjectsAndSuppliersModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title text-center" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
                <form class="signup-form" method="POST" action="/data/subjectsAndSuppliers">
                    <input type="hidden" name="_token" value="YxAmXmGiLNufM3o682rqza6GtLwf566TJDprlP0w">                    <b > <center>Please select a city and category to have results </center> </b> <br> <br>
                                        <div class="row justify-content-center">
                                            <div class="col-lg-1"></div>
                        <div class="col-lg-4" style="margin-top:4px;">
                            <label for="editedText" class="bmd-label-floating"> Service City :</label>
                        </div>
                        <div class="col-lg-7">
                            <select  name="city_id" id="city_id" class="select2 form-control" style="width:80%" required>
                                <option value=''>Service City</option>
                                                            </select>
                        </div>
                    </div>

                                        <div class="row" style="margin-top:15px">
                                            <div class="col-lg-1"></div>
                        <div class="col-lg-4" style="margin-top:4px;">
                            <label for="editedText" class="bmd-label-floating"> Service Category :</label>
                        </div>
                        <div class="col-lg-7">
                            <select  name="category_id" id="category_id" class="select2 form-control" style="width:80%" onchange="categoryChangeForFilter()" required>
                                <option value=''>Service Category</option>
                                                                                                            <option value=40>Freelancer</option>
                                                                                                                                                <option value=41>Turn Management</option>
                                                                                                                                                <option value=42>Personal Appointments</option>
                                                                                                                                                <option value=11>Photographer</option>
                                                                                                                                                <option value=21>Men&#039;s Haircut</option>
                                                                                                                                                <option value=22>School Services</option>
                                                                                                                                                <option value=23>Training Services</option>
                                                                                                                                                <option value=24>Consultations Services</option>
                                                                                                                                                <option value=25>Restaurants Services</option>
                                                                                                                                                <option value=26>Cupping</option>
                                                                                                                                                <option value=27>Beauty Services and Women&#039;s Salons</option>
                                                                                                                                                <option value=28>Legal Services</option>
                                                                                                                                                <option value=20>General Appointments</option>
                                                                                                                                                <option value=6>Home Care Services</option>
                                                                                                                                                <option value=19>Car Maintenance</option>
                                                                                                                                                <option value=12>Automotive Service Technician</option>
                                                                                                                                                <option value=7>Plumbing Services</option>
                                                                                                                                                <option value=39>Electrical Services</option>
                                                                                                                                                <option value=4>Medical Services</option>
                                                                                                                                                <option value=3>Educational Services</option>
                                                                                                                                                <option value=17>Administrative Works</option>
                                                                                                                                                <option value=5>Entertainment Services</option>
                                                                                                                                                <option value=8>Cultural Services</option>
                                                                                                                                                <option value=9>Hotel Services</option>
                                                                                                                                                <option value=10>Tourism and Travel Services</option>
                                                                                                                                                <option value=18>Real Estate Services</option>
                                                                                                                                                <option value=2>Engineering Services</option>
                                                                                                                                                <option value=13>Topographic Services</option>
                                                                                                                                                <option value=14>Other Services</option>
                                                                                                                                                <option value=29>Printing Services </option>
                                                                                                                                                <option value=30>Maintenance Services</option>
                                                                                                                                                <option value=31>Agricultural Services</option>
                                                                                                                                                <option value=33>Carpentry Services</option>
                                                                                                                                                <option value=34>Tourist Guide</option>
                                                                                                                                                <option value=35>Teaching Services</option>
                                                                                                                                                <option value=36>Human Resources</option>
                                                                                                                                                <option value=37>Blacksmithing Services</option>
                                                                                                                                                <option value=32>Sport Services</option>
                                                                                                                                                <option value=38>Software Services</option>
                                                                                                </select>
                        </div>
                    </div>

                                        <div class="row" style="margin-top:15px">
                                            <div class="col-lg-1"></div>
                        <div class="col-lg-4" style="margin-top:4px;">
                            <label for="editedText" class="bmd-label-floating"> Service :</label>
                        </div>
                        <div class="col-lg-7">
                            <select  name="service_id" id="service_id" class="select2 form-control" style="width:80%" required>
                                <option value=''>Service</option>
                                                            </select>
                        </div>
                    </div>
            </div>
            <div class="modal-footer text-center">
                    <button type="submit" class="btn btn-primary" >Search</button> </center> <br>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>

            </div>
            </form>
        </div>
    </div>
</div>
<!-- end subjectsAndSuppliersModal modal -->


    <!-- start register ver modal-->
    <div class="modal fade" data-backdrop="static" data-keyboard="false" id="registerVerEmailModal" tabindex="-1"
        role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title text-center" id="myModalLabel"></h4>
                </div>
                <div class="modal-body">
                    <form class="signup-form">
                        <input type="hidden" name="_token" value="YxAmXmGiLNufM3o682rqza6GtLwf566TJDprlP0w">                        <b>
                            <center id="register_enter_email_text"> </center>
                        </b> <br> <br>
                        <div class="form-group text-center" id="register_ver_code_div">
                            <fieldset class='number-code'>
                                <legend>Please enter the activation code</legend>
                                <div>
                                                                            <input id="register_code1" name='code' class='code-input'
                                            oninput="moveRegisterNext(2)" required />
                                        <input id="register_code2" name='code' class='code-input'
                                            oninput="moveRegisterNext(3)" required />
                                        <input id="register_code3" name='code' class='code-input'
                                            oninput="moveRegisterNext(4)" required />
                                        <input id="register_code4" name='code' class='code-input' required />

                                                                        <br>
                                    <br>
                                    <button type="button" onclick="checkRegisterCode()"
                                        class="btn btn-success">Send</button>
                                    <div id="register_incorrect_code" hidden>
                                        <br>
                                        <center> <b style="color:red;">
                                                Activation code is incorrect
                                            </b></center>
                                    </div>
                                    <div class=" ">

                                      <h3> <center><span id="timer"></span> </center></h3>

                                    </div>
                                </div>
                            </fieldset>
                        </div>
                        <div id="not_found_email" hidden>
                            <center> <b style="color:red;">
                                    Email is incorrect

                                </b></center>
                        </div>
                    </form>
                </div>
                <div class="modal-footer text-center">
                    <button type="button" id="resend_button" class="btn btn-primary"
                        onclick="resendRegisterCode()" hidden>Resend Activate Code</button>
                    <button type="button" class="btn btn-secondary"
                        data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>
    <!-- end ver register modal -->


<!-- start search modal-->
<div class="modal fade"  data-backdrop="static" data-keyboard="false" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title text-center" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
                <form class="signup-form" method="POST">
                    <input type="hidden" name="_token" value="YxAmXmGiLNufM3o682rqza6GtLwf566TJDprlP0w">                    <b > <center>Please enter service or organizer code </center> </b> <br> <br>
                    <input type="text" id="search_code" name="search_code" class="form-control" >
                    <div id="not_found_search_code" hidden>
                       <center> <b style="color:red;">
                        Code not found
                        </b></center>
                    </div>
                    <br><br>
                    <center> <button type="button" class="btn btn-primary" onclick="searchFunc()">Ok</button> </center>
                    <center>Or</center>
                </form>
            </div>
            <div class="modal-footer text-center">
               <br>


                    <br>
                    <div style="width: 500px" id="reader">

                    </div>
                   <center> <div id="not_found_search_code2" style="display:block;" hidden >
                       <center> <b style="color:red;">
                        Code not found
                        </b></center>
                    </div> </center>

                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>

            </div>
        </div>
    </div>
</div>
<!-- end search modal -->


<!-- start email modal-->
<div class="modal fade"  data-backdrop="static" data-keyboard="false" id="emailModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title text-center" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
                <form class="signup-form" method="POST" onsubmit="return checkCode();" >
                    <input type="hidden" name="_token" value="YxAmXmGiLNufM3o682rqza6GtLwf566TJDprlP0w">                                        <input type="email" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]+$"  title="Please enter valid email" class="form-control" id="verification_email" name="verification_email" required >
                    <div class="form-group text-center" id="ver_code_div" hidden>
                        <fieldset class='number-code'>
                            <legend>Verification Code</legend>
                            <div>
                                                                    <input max-length=1 id="code1" name='code' class='code-input'  oninput="moveNext(this,2)" required/>
                                    <input max-length=1 id="code2" name='code' class='code-input' oninput="moveNext(this,3)" required/>
                                    <input max-length=1 id="code3" name='code' class='code-input' oninput="moveNext(this,4)" required/>
                                    <input max-length=1 id="code4" name='code' class='code-input' oninput="moveNext(this,5)" required/>
                                    <input max-length=1 id="code5" name='code' class='code-input'  required/>
                                                                <br>
                                <br>
                                <button type="submit" class="btn btn-success">Send</button>
                                <div id="incorrect_code" hidden>
                                    <br>
                                   <center> <b style="color:red;">
                                    Verification Code is incorrect

                                    </b></center>
                                </div>
                            </div>
                        </fieldset>
                    </div>
                    <div id="not_found_email" hidden>
                       <center> <b style="color:red;">
                        Email is incorrect

                        </b></center>
                    </div>
                </form>
            </div>
            <div class="modal-footer text-center">
                    <button type="button" class="btn btn-primary" onclick="emailFunc()">Ok</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="closeEmailModal()">Cancel</button>
            </div>
        </div>
    </div>
</div>
<!-- end cancel modal -->


<!-- start signin modal-->
<div class="modal fade" id="SignIn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title text-center" id="myModalLabel">Login</h4>
            </div>
            <div class="modal-body">
                <form class="signup-form" method="POST" action="https://a3malkom.com/login" onsubmit="return checkEmailFirst();">
                  <input type="hidden" name="_token" value="YxAmXmGiLNufM3o682rqza6GtLwf566TJDprlP0w">                    <div class="form-group">
                        <input type="email" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]+$"  title="Please enter valid email" class="form-control" id="bdb_email" name="bdb_email" placeholder="EMAIL" required="required">
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" id="password" name="password" placeholder="PASSWORD" required="required">
                    </div>
                    <div class="form-group text-center">
                        <button type="submit" style="line-height:50%" class="btn btn-blue btn-block">Login</button>
                    </div>
                    <div class="form-group text-center"   >
                      <a href="https://a3malkom.com/auth/google" style="margin-top: 20px;background-color: white; border-radius: 50px; font-weight: 700;
                      -webkit-transition: 0.5s all; transition:0.5s all; box-shadow: 0px 0px 60px 0px #aaaaaa;" class="btn btn-success btn-block">
                        <strong style="color:black"> Login With Google  &nbsp; <i class="fa fa-google" aria-hidden="true"></i></strong>
                      </a>
                    </div>
                    <div  class="form-group text-center" id="errors_div">
                        <span style="color:red" id="errors"></span>
                    </div>
                    <center>
                        <button type="button" style="line-height:50%" onclick="removeModal()" id="stopped_button" class="btn btn-blue navbar-btn" hidden> Ok </button>
                        </center>
                </form>
                <form method="POST" action="https://a3malkom.com/activateFromLogin" >
                    <input type="hidden" name="_token" value="YxAmXmGiLNufM3o682rqza6GtLwf566TJDprlP0w">                    <input type="email" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]+$"  title="Please enter valid email" class="form-control" id="activate_bdb_email" name="activate_bdb_email" placeholder="EMAIL" required="required" hidden>
                   <center>
                    <button type="button" style="line-height:50%" onclick="openEnterActivationCode()" id="activate_button" class="btn btn-blue navbar-btn" hidden> Activate Account </button>
                    </center>
                </form>
            </div>
            <div class="modal-footer text-center">
                <a style="cursor:pointer;" onclick="openReset()">Forgot Password /</a>
                <a onclick="openRegister()" style="color:blue">Sign Up</a>
            </div>
        </div>
    </div>
</div>
<!-- end signin modal -->

<!-- start signin modal-->
<div class="modal fade" id="download_app" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title text-center" id="myModalLabel">More features 🤩</h4>
            </div>
            <div class="modal-body">
                <h5>To get more features, please use A3MALKOM app</h5>
            </div>
            <div class="modal-footer text-center">
                <a style="cursor:pointer;" href="https://apps.apple.com/sa/app/mawa3edna/id1584957135" id="ios_btn">Use app</a>
                <a style="cursor:pointer;" href="https://play.google.com/store/apps/details?id=com.soltuionspace.sevents" id="android_btn">Use app </a>
            </div>
        </div>
    </div>
</div>
<!-- end signin modal -->

<!-- start reset modal-->
<div class="modal fade" id="resetModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title text-center" id="myModalLabel1">Reset</h4>
            </div>
            <div class="modal-body">
                <form class="signup-form" method="POST" onsubmit="return resetFunc();" >
                  <input type="hidden" name="_token" value="YxAmXmGiLNufM3o682rqza6GtLwf566TJDprlP0w">                    <div class="form-group">
                        <input type="email"   pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]+$"  title="Please enter valid email" class="form-control" id="reset_email" name="bdb_email" placeholder="EMAIL" required="required">
                    </div>
                    <div class="form-group text-center">
                        <button type="submit" class="btn btn-blue btn-block">Send</button>
                    </div>
                    <div  class="form-group text-center" id="reset_text_div">
                        <span  id="reset_text"></span>
                    </div>
                </form>
            </div>
            <div class="modal-footer text-center">
                <a style="cursor:pointer;color:#007bff;" onclick="openSignIn()">SIGN IN </a>
            </div>
        </div>
    </div>
</div>
<!-- end reset modal -->

<!-- start open in app modal-->
<div class="modal fade"  data-backdrop="static" data-keyboard="false" id="open_in_app_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-body">
                <h4 class="text-center">
                    Great!!
                    <br>
                    Choose how to continue browsing 👍
                </h4>
                <br>
                <br>
                <h5 class="text-center">
                    Do you want to continue using the application ?!
                </h5>
                <hr>
                <div class="row" style="margin-bottom: 5px">
                    <button type="button" class="btn btn-primary" onClick="openOnApp('open')" style="margin-bottom: 5px;display: block;margin: auto;"><img src="https://a3malkom.com/images/mobile_btn_1.png" alt="">&nbsp;&nbsp;&nbsp;
                        continue with Mobile App
                                            </button>

                </div>
                <div class="row">
                    <button type="button" class="btn btn-secondary" onClick="openOnApp('close')" style="display: block;margin: auto;"><img src="https://a3malkom.com/images/web_btn_1.png" alt="">&nbsp;&nbsp;&nbsp;
                        continue with Web Application
                                            </button>
                </div>

            </div>
        </div>
    </div>
</div>
<!-- end open in app modal -->



<!-- start blocked countries modal-->
<div class="modal fade"  data-backdrop="static" data-keyboard="false" id="blockedCountriesModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-body">
                <h4 class="text-center">
                    Great !!!
                    <br><br>
                    to use this feature and more , please continue with Mobile App
                </h4>
                <br>
                <br>

                <hr>
                <div class="row" style="margin-bottom: 5px" id="using_mobile">
                    <button type="button" class="btn btn-primary" onClick="openOnApp2('open')" style="margin-bottom: 5px;display: block;margin: auto;"><img src="https://a3malkom.com/images/mobile_btn_1.png" alt="">&nbsp;&nbsp;&nbsp;
                        continue with Mobile App
                                            </button>
                </div>
                <div class="row" style="margin-bottom: 5px" id="using_pc1">
                    <button type="button" class="btn btn-primary" onClick="openOnAppIos('open')" style="margin-bottom: 5px;display: block;margin: auto;"><img src="https://a3malkom.com/images/mobile_btn_1.png" alt="">&nbsp;&nbsp;&nbsp;
                        Continue with IOS Mobile App
                                            </button>
                </div>
                <div class="row" style="margin-bottom: 5px" id="using_pc2">
                    <button type="button" class="btn btn-primary" onClick="openOnAppAndroid('open')" style="margin-bottom: 5px;display: block;margin: auto;"><img src="https://a3malkom.com/images/mobile_btn_1.png" alt="">&nbsp;&nbsp;&nbsp;
                        Continue with Android Mobile App
                                            </button>
                </div>

            </div>
        </div>
    </div>
</div>
<!-- end blocked countries modal -->


   <div class="offcanvas-menu-overlay"></div>
   <div class="offcanvas-menu-wrapper">
       <div class="offcanvas__search">
           <i class="fa fa-search search-switch"></i>
       </div>
       <div class="offcanvas__logo">
           <a href="/"><img class="logo_img_mobile" height="45px" src="https://a3malkom.com/images/a3malkom.png" alt=""></a>
       </div>
       <nav class="offcanvas__menu mobile-menu">
           <ul>
                <li class=" main_tab"><a href="/">Main</a></li>
                <li class=" search_for_subjects_tab" ><a onclick="openSubjectsAndSuppliers()" style="cursor:pointer" >Search for Service</a></li>
                <li class=" code_search_tab"><a onclick="openSearchModal()" style="cursor:pointer">Code-QR Search</a></li>
                <!--<li class=" search_for_subjects_tab" ><a onclick="openAppDirectlyWhenClickBtn()" style="cursor:pointer" >Search for Service</a></li>
                <li class=" code_search_tab"><a onclick="openAppDirectlyWhenClickBtn()" style="cursor:pointer">Code-QR Search</a></li>-->
                <li class=" contact_us_tab"><a href="https://a3malkom.com#contact">Contact Us</a></li>
                <li class=" my_appointments_tab"><a  onclick="openCurrentAppointments()" style="cursor:pointer">My Appointments</a></li>
                <!--<li class=" my_appointments_tab"><a onclick="openAppDirectlyWhenClickBtn()" style="cursor:pointer">My Appointments</a></li>-->
                <li class=" support_tab"><a href="/client_FAQ">FAQ</a></li>
                <li class="active guide_tab"><a href="/services_guide">Guide</a></li>
                <li ><a  onclick="openClientNotifications()">Notifications</a></li>
                <!--<li ><a onclick="openAppDirectlyWhenClickBtn()">Notifications</a></li>-->
                <li style="cursor:pointer;">
                                    <button type="button" style="text-align: center;line-height:50%" class="btn btn-blue navbar-btn" onclick="openSignIn_1()">Sign in</button>
                    <!--<button onclick="openAppDirectlyWhenClickBtn()" type="button" style="text-align: center;line-height:50%" class="btn btn-blue navbar-btn">Sign in</button>-->
                                </li>

           </ul>
       </nav>

       <div id="mobile-menu-wrap"></div>

       <ul class="offcanvas__widget">

           <li><i class="fa fa-calendar" style="color:#0a6f36"></i> &nbsp;&nbsp;<span class="dateTime2" id="dateTime2"></span> </li>
       </ul>
       <div class="offcanvas__language" style="width:100%;background-color:#0149aa" >
                        <img src="https://a3malkom.com/assets/img/en_flag.png" alt="">
            <span>English</span>
                        <i class="fa fa-angle-down"></i>
            <ul>
                <li><a href="/changelanguage/en">English</a></li>
                <li><a href="/changelanguage/ar">العربية</a></li>
            </ul>
       </div>

        <div class="offcanvas__language"  style="width:100%;margin-top:10px;background-color:#0149aa">
                                                <img id="selected_img" >
                    <span id="selected_country"></span>
                                        <i class="fa fa-angle-down"></i>
                        <ul class="" style="max-height:250px;overflow-y:auto;width:200px;">
                                                            <li> <a href="/changeCountry/+966">
                <img src='https://a3malkom.com/assets/img/flags/+966.png' alt="">
                &nbsp;&nbsp;
                Saudi Arabia
                </a></li>
                                                                <li> <a href="/changeCountry/+965">
                <img src='https://a3malkom.com/assets/img/flags/+965.png' alt="">
                &nbsp;&nbsp;
                Kuwait
                </a></li>
                                                                <li> <a href="/changeCountry/+968">
                <img src='https://a3malkom.com/assets/img/flags/+968.png' alt="">
                &nbsp;&nbsp;
                Oman
                </a></li>
                                                                <li> <a href="/changeCountry/+973">
                <img src='https://a3malkom.com/assets/img/flags/+973.png' alt="">
                &nbsp;&nbsp;
                Bahrain
                </a></li>
                                                                <li> <a href="/changeCountry/+971">
                <img src='https://a3malkom.com/assets/img/flags/+971.png' alt="">
                &nbsp;&nbsp;
                United Arab Emirates
                </a></li>
                                                                <li> <a href="/changeCountry/+974">
                <img src='https://a3malkom.com/assets/img/flags/+974.png' alt="">
                &nbsp;&nbsp;
                Qatar
                </a></li>
                                                                <li> <a href="/changeCountry/+962">
                <img src='https://a3malkom.com/assets/img/flags/+962.png' alt="">
                &nbsp;&nbsp;
                Jordan
                </a></li>
                                                                <li> <a href="/changeCountry/+20">
                <img src='https://a3malkom.com/assets/img/flags/+20.png' alt="">
                &nbsp;&nbsp;
                Egypt
                </a></li>
                                                                <li> <a href="/changeCountry/+963">
                <img src='https://a3malkom.com/assets/img/flags/+963.png' alt="">
                &nbsp;&nbsp;
                Syria
                </a></li>
                                                                <li> <a href="/changeCountry/+964">
                <img src='https://a3malkom.com/assets/img/flags/+964.png' alt="">
                &nbsp;&nbsp;
                Iraq
                </a></li>
                                                                <li> <a href="/changeCountry/+961">
                <img src='https://a3malkom.com/assets/img/flags/+961.png' alt="">
                &nbsp;&nbsp;
                Lebanon
                </a></li>
                                                                <li> <a href="/changeCountry/+216">
                <img src='https://a3malkom.com/assets/img/flags/+216.png' alt="">
                &nbsp;&nbsp;
                Tunisia
                </a></li>
                                                                <li> <a href="/changeCountry/+212">
                <img src='https://a3malkom.com/assets/img/flags/+212.png' alt="">
                &nbsp;&nbsp;
                Morocco
                </a></li>
                                                                <li> <a href="/changeCountry/+249">
                <img src='https://a3malkom.com/assets/img/flags/+249.png' alt="">
                &nbsp;&nbsp;
                Sudan
                </a></li>
                                                                <li> <a href="/changeCountry/+218">
                <img src='https://a3malkom.com/assets/img/flags/+218.png' alt="">
                &nbsp;&nbsp;
                Libya
                </a></li>
                                                                <li> <a href="/changeCountry/+222">
                <img src='https://a3malkom.com/assets/img/flags/+222.png' alt="">
                &nbsp;&nbsp;
                Mauritania
                </a></li>
                                                                <li> <a href="/changeCountry/+213">
                <img src='https://a3malkom.com/assets/img/flags/+213.png' alt="">
                &nbsp;&nbsp;
                Algeria
                </a></li>
                                                                <li> <a href="/changeCountry/+252">
                <img src='https://a3malkom.com/assets/img/flags/+252.png' alt="">
                &nbsp;&nbsp;
                Somalia
                </a></li>
                                                                <li> <a href="/changeCountry/+253">
                <img src='https://a3malkom.com/assets/img/flags/+253.png' alt="">
                &nbsp;&nbsp;
                Djibouti
                </a></li>
                                                                <li> <a href="/changeCountry/+269">
                <img src='https://a3malkom.com/assets/img/flags/+269.png' alt="">
                &nbsp;&nbsp;
                Comoros
                </a></li>
                                                                <li> <a href="/changeCountry/+970">
                <img src='https://a3malkom.com/assets/img/flags/+970.png' alt="">
                &nbsp;&nbsp;
                Palestine
                </a></li>
                                                                <li> <a href="/changeCountry/+967">
                <img src='https://a3malkom.com/assets/img/flags/+967.png' alt="">
                &nbsp;&nbsp;
                Yemen
                </a></li>
                                            </ul>
        </div>

   </div>

   <!-- Offcanvas Menu End -->

   <!-- Header Section Begin -->

   <header class="header"  >
        <div class="header__top">
            <div class="container">
                                <div class="row" >
                
                    <div class="col-lg-2">
                        <div class="header__top__language" style="background-color:#0149aa">
                                                        <img src="https://a3malkom.com/assets/img/en_flag.png" alt="">
                            <span>En</span>
                                                        <i class="fa fa-angle-down"></i>
                            <ul>
                                <li><a href="/changelanguage/en">English</a></li>
                                <li><a href="/changelanguage/ar">العربية</a></li>
                            </ul>
                        </div>
                    </div>

                                        <div class="col-lg-3" style="text-align:left;">
                                            <div class="header__top__language2" style="" >
                                                                                                <img id="selected_img2" >
                                    <span id="selected_country2"></span>
                                                                                        <i class="fa fa-angle-down"></i>
                                                        <ul class="" style="max-height:250px;overflow-y:auto;width:200px;">
                                                                                                                            <li> <a href="/changeCountry/+966">
                                <img src='https://a3malkom.com/assets/img/flags/+966.png' alt="">
                                &nbsp;&nbsp;
                                Saudi Arabia
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+965">
                                <img src='https://a3malkom.com/assets/img/flags/+965.png' alt="">
                                &nbsp;&nbsp;
                                Kuwait
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+968">
                                <img src='https://a3malkom.com/assets/img/flags/+968.png' alt="">
                                &nbsp;&nbsp;
                                Oman
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+973">
                                <img src='https://a3malkom.com/assets/img/flags/+973.png' alt="">
                                &nbsp;&nbsp;
                                Bahrain
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+971">
                                <img src='https://a3malkom.com/assets/img/flags/+971.png' alt="">
                                &nbsp;&nbsp;
                                United Arab Emirates
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+974">
                                <img src='https://a3malkom.com/assets/img/flags/+974.png' alt="">
                                &nbsp;&nbsp;
                                Qatar
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+962">
                                <img src='https://a3malkom.com/assets/img/flags/+962.png' alt="">
                                &nbsp;&nbsp;
                                Jordan
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+20">
                                <img src='https://a3malkom.com/assets/img/flags/+20.png' alt="">
                                &nbsp;&nbsp;
                                Egypt
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+963">
                                <img src='https://a3malkom.com/assets/img/flags/+963.png' alt="">
                                &nbsp;&nbsp;
                                Syria
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+964">
                                <img src='https://a3malkom.com/assets/img/flags/+964.png' alt="">
                                &nbsp;&nbsp;
                                Iraq
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+961">
                                <img src='https://a3malkom.com/assets/img/flags/+961.png' alt="">
                                &nbsp;&nbsp;
                                Lebanon
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+216">
                                <img src='https://a3malkom.com/assets/img/flags/+216.png' alt="">
                                &nbsp;&nbsp;
                                Tunisia
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+212">
                                <img src='https://a3malkom.com/assets/img/flags/+212.png' alt="">
                                &nbsp;&nbsp;
                                Morocco
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+249">
                                <img src='https://a3malkom.com/assets/img/flags/+249.png' alt="">
                                &nbsp;&nbsp;
                                Sudan
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+218">
                                <img src='https://a3malkom.com/assets/img/flags/+218.png' alt="">
                                &nbsp;&nbsp;
                                Libya
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+222">
                                <img src='https://a3malkom.com/assets/img/flags/+222.png' alt="">
                                &nbsp;&nbsp;
                                Mauritania
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+213">
                                <img src='https://a3malkom.com/assets/img/flags/+213.png' alt="">
                                &nbsp;&nbsp;
                                Algeria
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+252">
                                <img src='https://a3malkom.com/assets/img/flags/+252.png' alt="">
                                &nbsp;&nbsp;
                                Somalia
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+253">
                                <img src='https://a3malkom.com/assets/img/flags/+253.png' alt="">
                                &nbsp;&nbsp;
                                Djibouti
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+269">
                                <img src='https://a3malkom.com/assets/img/flags/+269.png' alt="">
                                &nbsp;&nbsp;
                                Comoros
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+970">
                                <img src='https://a3malkom.com/assets/img/flags/+970.png' alt="">
                                &nbsp;&nbsp;
                                Palestine
                                </a></li>
                                                                                                                                <li> <a href="/changeCountry/+967">
                                <img src='https://a3malkom.com/assets/img/flags/+967.png' alt="">
                                &nbsp;&nbsp;
                                Yemen
                                </a></li>
                                                                                            </ul>

                        </div>
                    </div>

                    <div class="col-lg-3"></div>

                                        <div class="col-lg-3">
                                            <ul class="header__top__widget">
                            <li><i class="fa fa-calendar" style="color:#0a6f36"></i> &nbsp;&nbsp;<span class="dateTime2" id="dateTime3"></span> </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
       <div class="container">
           <div class="row">
               <div class="col-lg-1">
                   <div class="header__logo">
                       <a href="/"><img class="logo_img_mobile logo_img_mobile2" height="45px" src="https://a3malkom.com/images/a3malkom.png" alt=""></a>
                   </div>
               </div>

               <div class="col-lg-11">
                   <div class="header__nav">
                       <nav class="header__menu">
                           <ul style="margin-left:-30px">
                                <li class=" main_tab"><a href="/">Main</a></li>
                                <li class=" search_for_subjects_tab" ><a onclick="openSubjectsAndSuppliers()" style="cursor:pointer" >Search for Service</a></li>
                                <li class=" code_search_tab"><a onclick="openSearchModal()" style="cursor:pointer">Code-QR Search</a></li>
                                <li class=" my_appointments_tab"><a href="https://a3malkom.com/currentAppointments" style="cursor:pointer">My Appointments</a></li>
                                <li class=" support_tab"><a href="/client_FAQ">FAQ</a></li>
                                <li class="active guide_tab"><a href="/services_guide">Guide</a></li>
                                <li class="notification_tab">
                                    <a title="Notifications" href="https://a3malkom.com/notification/client_index"><img height="27px" src="https://a3malkom.com/images/notification_2.png" ></a>
                                </li>
                                <li style="cursor:pointer;">
                                                                    <button type="button" style="line-height:50%" class="btn btn-blue navbar-btn" data-toggle="modal" data-target="#SignIn">Sign in</button>

                                                                </li>
                            </ul>
                       </nav>
                       <div class="header__search">

                       </div>
                   </div>
               </div>
           </div>

           <div class="canvas__open">
               <span class="fa fa-bars"></span>
           </div>
       </div>

   </header>
   <input value="1" id="login_times" name="login_times" hidden>
   <!-- Header Section End -->


    <script>
    $(function () {
    var $src = $('#bdb_email'),
        $dst = $('#activate_bdb_email');
        $src.on('input', function () {
            $dst.val($src.val());
        });
        $dst.val($src.val());

    });
    </script>

    <script>

     $(document).ready(function(){
        updateClock();
        setInterval(updateClock, 1000);
     });

    function updateClock(){
        let options = {
            timeZone: null,
            year: 'numeric',
            month: 'numeric',
            day: 'numeric',
            hour: 'numeric',
            minute: 'numeric',
            second: 'numeric',
        }
        var dt = new Date();
        dt  = convertTZ(dt,null);
        //console.log(null)
        //console.log(dt.toTimeString())
       // document.getElementById("dateTime2").innerHTML = dt.toLocaleString();
       // document.getElementById("dateTime3").innerHTML = dt.toLocaleString();

      //  $('.dateTime2').text('new text');
        var items = document.getElementsByClassName('dateTime2');
            for (var i=0; i < items.length; i++) {
               // items[i].innerHTML = dt.toLocaleString();;
              if(null != null){
                items[i].innerHTML = (new Date()).toLocaleString([], options)
               }
                //  items[i].innerHTML = dt.toString();
              else
                  items[i].innerHTML = dt.toLocaleString();;
            }
     }
     function convertTZ(date, tzString) {
        return new Date((typeof date === "string" ? new Date(date) : date).toString(  {timeZone: tzString}));
    }

    </script>

    <script>
    session_country = "";
    var country,ip;
    var test_sy = null;
    if(isNaN(session_country) || session_country == null || session_country == ''){
        fetch('https://extreme-ip-lookup.com/json/')
        .then( res => res.json())
        .then(response => {
            console.log("Country: ", response);
            ip = response.query;
            country =  response.country;


            $.ajax({
                type:'get',
                url: 'https://ipapi.co/'+ip+'/country_calling_code/',
                success: function(response)
                {
                    console.log('rrrrrrrrrr');
                   console.log(response);
                   var cc =response;
                   test_sy = response;
                   var all = [ "+966","+965","+968","+973","+971","+974","+962","+20","+963","+964","+961","+216","+212","+249","+218","+222","+213","252","253","269"];
                   var check = all.includes(response);
                   if(check === true){
                    $.ajax({
                        type:'GET',
                        url: '/storeGlobalCountry',
                        data: {
                           code : cc
                        },
                        async:false,
                        success: function(response2)
                        {
                            console.log(response2);
                         /*  if(check === true)
                             location.reload();*/

                            /******/
                            ss = cc.toString();
                            console.log(cc)
                            console.log(ss)
                            without = ss.substring(1)
                            console.log(without)
                            $.ajax({
                                    type:'get',
                                    url: '/getCities',
                                    data: {
                                    code : without
                                    },
                                    async:false,
                                    success: function(res)
                                    {
                                        console.log(res);
                                        $('#city_id').empty();
                                        $('#page_city_id').empty();
                                    /*  if(check === true)
                                        location.reload();*/
                                     //  $('#selected_country').text(res.country);
                                   //    $('#selected_country2').text(res.country);
                                        document.getElementById("selected_country").innerHTML=res.country;
                                        document.getElementById("selected_country2").innerHTML=res.country;
                                        document.getElementById("selected_img").src = 'https://a3malkom.com/assets/img/flags' + '/'+ ss + '.png';
                                        document.getElementById("selected_img2").src = 'https://a3malkom.com/assets/img/flags' + '/' + ss + '.png';
                                        /******/
                                        actual = res.data;
                                        for (var key in actual) {
                                            $('#city_id').append($("<option />").val(actual[key].id).text(actual[key].name_en));
                                            $('#page_city_id').append($("<option />").val(actual[key].id).text(actual[key].name_en));
                                        }

                                        /**** */
                                    }
                                });

                            /**** */
                        },
                        error: function(err)
                        {
                            console.log(err);
                            console.log(err.responseJSON.response_code);
                            if(err.responseJSON.response_code == 255)
                                location.href= '/';
                        }
                    });

                   }else{ // country doesnt in list , set saudi as default
                    $.ajax({
                        type:'GET',
                        url: '/storeGlobalCountry',
                        data: {
                           code : "+966"
                        },
                        success: function(response)
                        {
                            console.log(response);


                        },
                        error: function(err)
                        {
                            console.log(err);
                            console.log(err);
                            console.log(err.responseJSON.response_code);
                            if(err.responseJSON.response_code == 255)
                                location.href= '/';
                        }
                    });

                   }

                }, // end success
                error: function(err)
                {
                    console.log(err);
                }
            });
        }) // end then
    }
    </script>

    <script>
        var token = 'YxAmXmGiLNufM3o682rqza6GtLwf566TJDprlP0w' ;
    </script>
    <script>
        function showLoader() {
            $("#spin").css("visibility", "");
        }
    function checkEmailFirst()
    {
        base_url = "https:\/\/a3malkom.com";
        let url = new URL(base_url+'/login');
        email = document.getElementById('bdb_email').value;
        password = document.getElementById('password').value;
        document.getElementById("spin").style.visibility = "visible";
        url.search = new URLSearchParams({
            bdb_email : email,
            password : password,
            _token : token
        });
        fetch(url,{
            method: 'POST',
            mode: 'same-origin', // no-cors, *cors, same-origin
           cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
           credentials: 'same-origin', // include, *same-origin, omit
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
            }
        })
        .then( res => res.json())
        .then(response => {
            var is_true = true;
            console.log(response)
            console.log(response.response_code)
            if(response.response_code == 255)
                location.href= '/'
            code = [0,4,2,5,3] ;
          //  try {
               // const response = JSON.parse(response);
                // Do your JSON handling here
                if(code.indexOf(response.code) != -1  ){
                    is_true = false;
                    if(response.code == 0)
                    document.getElementById('errors').innerHTML ='Account is not found';
                    if(response.code == 4)
                    document.getElementById('errors').innerHTML ='password is incorrect';
                    if(response.code == 3){
                        document.getElementById('errors').innerHTML ='The account is suspended for administrative / other reasons, please contact the platform administration to find out more details, and activate the account';
                        $('#stopped_button').removeAttr('hidden');
                    }
                    if(response.code == 2){
                        document.getElementById('errors').innerHTML ='Account is not activated';
                        $('#activate_button').removeAttr('hidden');
                //     $('#errors_div').append(`<button class="btn btn-blue navbar-btn" onclick=""> 'Activate Account' </button>`);
                    }
                    if(response.code == 5)
                    document.getElementById('errors').innerHTML ='password is incorrect';

                }
                document.getElementById("spin").style.visibility = "hidden";
           /* } catch(err) {
            // It is text, do you text handling here
            document.body.innerHTML = err;
            }*/
                  //  console.log(response);

                    return is_true;
        }).then(

        )

        .catch(function(err) {
            console.log('Fetch Error :-S', err);
            location.href = '/appointment/currentAppointments';
        });

        return false;
    }
    function checkEmailFirst1()
    {
        //document.getElementById("spin").style.visibility = "visible";

        document.getElementById('errors').innerHTML ='';
        $("#activate_button").attr("hidden",true);
        var is_true = true;
        email = document.getElementById('bdb_email').value;
        password = document.getElementById('password').value;
        //$("#spin").css("visibility", "visible");
        document.getElementById("spin").style.visibility = "visible";
        $(document).ajaxStart(function(){
            document.getElementById("spin").style.visibility = "visible";
            console.log('gg');
        });
        $.ajax({
                type:'POST',
                url: '/login',
                async: false,
                data: {
                    bdb_email : email,
                    password : password,
                    _token : token
                },
                beforeSend: function(){
                    console.log('Testggggggg');
                  document.getElementById("spin").style.visibility = "visible";
                //  showLoader();
                },
                success: function(response)
                {
                    code = [0,4,2,5,3] ;
                  //  console.log(response);
                    if(code.indexOf(response.code) != -1  ){
                        is_true = false;
                        if(response.code == 0)
                        document.getElementById('errors').innerHTML ='Account is not found';
                        if(response.code == 4)
                        document.getElementById('errors').innerHTML ='password is incorrect';
                        if(response.code == 3){
                            document.getElementById('errors').innerHTML ='The account is suspended for administrative / other reasons, please contact the platform administration to find out more details, and activate the account';
                            $('#stopped_button').removeAttr('hidden');
                        }
                        if(response.code == 2){
                            document.getElementById('errors').innerHTML ='Account is not activated';
                            $('#activate_button').removeAttr('hidden');
                    //     $('#errors_div').append(`<button class="btn btn-blue navbar-btn" onclick=""> 'Activate Account' </button>`);
                        }
                        if(response.code == 5)
                        document.getElementById('errors').innerHTML ='password is incorrect';

                    }
                    document.getElementById("spin").style.visibility = "hidden";
return false;
                },
                error: function(err)
                {
                    console.log(err);
                    console.log(err);
                    console.log(err.responseJSON.response_code);
                    if(err.responseJSON.response_code == 255)
                        location.href= '/';
                }
            });
     //   setTimeout(function () {
        // document.getElementById("spin").style.visibility = "visible";

            return is_true;
       // },10);



    }
    </script>
    <script>
        function openEnterEmailModal()
        {

            $('#emailModal').modal();
        }
    </script>
    <script>


    </script>

    <script>
        const inputElements = $('input.code-input');
        console.log(inputElements);



        function moveNext(event,i)
        {
            console.log(event.value)
            var key = event.keyCode || event.charCode;
            console.log(key)
            arr = ['0','1','2','3','4','5','6','7','8','9'];
            if(arr.includes(event.value))
              $('#code'+i).focus();
        }

    </script>
    <script>
        function emailFunc()
        {
            $('#not_found_email').attr('hidden',true);
            email = document.getElementById('verification_email').value;
            client_email = document.getElementById('client_email').value;
            if(email != client_email) {
                $.ajax({
                    //url:'/sendVerificationEmail',
                    url: '/sendGeneralVerificationEmail',
                    type: 'post',
                    dataType: 'json',
                    data: {
                    email :email,
                    _token:token
                    },
                    beforeSend: function(){
                        document.getElementById("spin").style.visibility = "visible";
                    },
                    success: function(response){
                        if(response.response_code == 90){
                            $('#ver_code_div').attr('hidden',false);
                        }else{
                            $('#not_found_email').attr('hidden',false);

                        }
                        document.getElementById("spin").style.visibility = "hidden";
                    },
                    error:function(err){
                        console.log(err);
                        console.log(err.responseJSON.response_code);
                        if(err.responseJSON.response_code == 255)
                            location.href= '/';
                    }
                });
            } else {
                $('#emailModal').modal('hide');
            }
        }
    </script>
    <script>
        function checkCode()
        {
            $('#incorrect_code').attr('hidden',true);

            code=$('#code1').val()+$('#code2').val()+$('#code3').val()+$('#code4').val()+$('#code5').val();
            email = $('#verification_email').val();
            is_error =false;
            $.ajax({
                url:'/checkVerificationCode',
                type: 'post',
                dataType: 'json',
                async: false,
                data: {
                  email :email,
                  code : code,
                   _token:token
                },
                beforeSend: function(){
                    document.getElementById("spin").style.visibility = "visible";
                },
                success: function(response){
                    console.log(response);
                    if(response.response_code == 82){
                        $('#incorrect_code').attr('hidden',false);
                        is_error = false;
                    }else{
                        // go to my appointments
                         //document.location.href = "/currentAppointments/"+email;
                         location.reload();
                    }
                    document.getElementById("spin").style.visibility = "hidden";
                },
                error:function(err){
                    console.log(err);
                    console.log(err.responseJSON.response_code);
                    if(err.responseJSON.response_code == 255)
                        location.href= '/';
                }
            });

            return false;
        }
    </script>
    <script>
    function openSearchModal()
    {
//        openAppDirectlyWhenClickBtn();
//        if(os != 'iOS' && os != 'Android') {
            $('#searchModal').modal();
//        }

    }
    </script>
    <script>
        document.getElementById('not_found_search_code').hidden = true;
        document.getElementById('not_found_search_code2').hidden = true;

        var html5QrcodeScanner = new Html5QrcodeScanner(
            "reader", { fps: 10, qrbox: 250 });
        html5QrcodeScanner.render(onScanSuccess, onScanError);
        $('#reader__status_span').hide();


        function onScanError(errorMessage) {
            // handle on error condition, with error message
            $('#reader__header_message').text("Please choose an image where the QR Code is clear");

        }

        function onScanSuccess(decodedText, decodedResult) {
            document.getElementById('not_found_search_code').hidden = true;
            document.getElementById('not_found_search_code2').hidden = true;

            // Handle on success condition with the decoded text or result.
            console.log(`Scan result: ${decodedText}`, decodedResult);
      //      html5QrcodeScanner.clear();
            // ^ this will stop the scanner (video feed) and clear the scan area.
          //  alert(decodedText);
            myArr = decodedText.split(",");
            code = myArr[0];
            $.ajax({

                type:'post',
                url:"/getDataFromQRCode",
                data: {
                    code : code,
                    _token : token
                    },
                beforeSend: function(){
                    document.getElementById("spin").style.visibility = "visible";
                },
                success: function(response){
                    if(response.response_code == 78){
                        document.getElementById('not_found_search_code2').hidden = false;
                    }else{
                        if(response.sersup_data != null )
                            location.href = "/addAppointmentFromQRCode/"+response.sersup_data.ser_sup_id;
                        if(response.supplier_data != null )
                            location.href = "/supplierData/"+response.supplier_data.id;
                    }
                    document.getElementById("spin").style.visibility = "hidden";
                },
                error: function(err){
                    console.log(err);
                    console.log(err.responseJSON.response_code);
                    if(err.responseJSON.response_code == 255)
                        location.href= '/';
                }


            });
        }

        html5QrcodeScanner.render(onScanSuccess, onScanError);
        $('#reader__status_span').hide();


    </script>

    <script>
    function searchFunc()
    {
        console.log('f');
        code = document.getElementById('search_code').value;
        document.getElementById('not_found_search_code').hidden =true;

        errors = 0;
        if(code == '' || code == null ){
            errors +=1;
            alert("Please enter service provider or service code")
        }


        if(errors == 0){
            $.ajax({
                type:'post',
                url:"/getDataFromQRCode",
                data: {
                    code : code,
                    _token : token
                    },
                beforeSend: function(){
                    document.getElementById("spin").style.visibility = "visible";
                },
                success: function(response){
                    if(response.response_code == 78){
                        document.getElementById('not_found_search_code').hidden = false;
                    }else{
                        if(response.supplier_data != null )
                            location.href = "/supplierData/"+response.supplier_data.id;
                        if(response.sersup_data != null )
                            location.href = "/addAppointmentFromQRCode/"+response.sersup_data.ser_sup_id
                    }
                    document.getElementById("spin").style.visibility = "hidden";
                },
                error: function(err){
                    console.log(err);
                    console.log(err.responseJSON.response_code);
                    if(err.responseJSON.response_code == 255)
                        location.href= '/';
                }
            });
        }

    }
    </script>
    <script>

        $( document ).ready(function() {
            console.log('ttttttttttttttaaaaaaaa');
            console.log(window.history);
            if (performance.navigation.type != performance.navigation.TYPE_RELOAD) {
                client_email = document.getElementById('client_email').value;
                show_client_email_modal = document.getElementById('show_client_email_modal').value;

                if(show_client_email_modal != '0' && show_client_email_modal != 0) {
                    if(client_email == null || client_email == '') {
                        $('#emailModal').modal();
                    } else {
                        document.getElementById('verification_email').value = client_email;
                        document.getElementById('enter_email_text').innerHTML = "great, you are using the email address registered below, if you want to use another email, please edit it from the field and press the OK button";
                        $('#emailModal').modal();
                    }
                }
            }
        });
    </script>

    <script>
    function openSubjectsAndSuppliers()
    {
        view_name = "subjectsAndSuppliers";
//        openAppDirectlyWhenClickBtn();
//        if(os != 'iOS' && os != 'Android') {
            country = null;
        // if(country == "+963")
                $('#subjectsAndSuppliersModal').modal();
        /* else{
                $('#blockedCountriesModal').modal();
                if(os == 'iOS' || os == 'Android'){ // mobile
                    $('#using_pc1').attr('hidden',true);
                    $('#using_pc2').attr('hidden',true);
                }else{
                    $('#using_mobile').attr('hidden',true);
                }
            }*/
//        }

    }
    </script>
    <script>
     $(document).ready(function(){
        $('#city_id').select2({

        });
        $('#category_id').select2({});
        $('#service_id').select2({});
        $('#reader__status_span').hide();
     });
    </script>

    <script>
        function closeEmailModal()
        {
            client_email = document.getElementById('client_email').value;
            if(client_email == null || client_email == '') {
                location.href = '/';
            }
        }
    </script>
    <script>
        function categoryChangeForFilter()
        {
            category_id = $('#category_id').val();
            $('#service_id').empty();
            $.ajax({
                type:'post',
                url:"/data/getCategorySubjects",
                data: {
                    category_id : category_id,
                    _token : token
                    },
                beforeSend: function(){
                    document.getElementById("spin").style.visibility = "visible";
                },
                success: function(response){
                    $('#service_id').append($("<option />").val('').text('Service'));

                    for (var key in response) {
                        console.log(response[key].id);
                         $('#service_id').append($("<option />").val(response[key].id).text(response[key].name));
                    }
                    document.getElementById("spin").style.visibility = "hidden";
                },
                error: function(err){
                    console.log(err);
                    console.log(err.responseJSON.response_code);
                    if(err.responseJSON.response_code == 255)
                        location.href= '/';
                }
            });

        }
    </script>
    <script>
        function openReset()
        {
            $('#SignIn').modal('hide');
            $('#resetModal').modal();
        }
        function openSignIn()
        {
            $('#resetModal').modal('hide');
            $('#SignIn').modal();
        }
    </script>
    <script>
        function resetFunc()
        {
            email = $('#reset_email').val();
            $.ajax({
                type:'post',
                url:"/resetOut",
                async:false,
                data: {
                    bdb_email : email,
                    _token : token
                    },
                beforeSend: function(){
                    document.getElementById("spin").style.visibility = "visible";
                },

                success: function(response){
                   if(response == 0){
                        $('#reset_text_div').attr('hidden',false);
                        $('#reset_text').text("Email Not Found");
                        $('#reset_text').css('color','red');
                   }else{
                        $('#reset_text_div').attr('hidden',false);
                        $('#reset_text').text("A password reset link has been sent to this email");
                        $('#reset_text').css('color','#8ebb22');
                   }
                   document.getElementById("spin").style.visibility = "hidden";
                },
                error: function(err){
                    console.log(err);
                    console.log(err.responseJSON.response_code);
                    if(err.responseJSON.response_code == 255)
                        location.href= '/';
                }
            });
            return false;
        }
    </script>

<script>
    function openEnterActivationCode() {

      $.ajax({
        url: '/activateAgainForRegisterStatus',
        type: 'post',
        async: false,
        data: {
            bdb_email : document.getElementById("bdb_email").value,
            _token:sessionToken

        },
        beforeSend: function(){
            document.getElementById("spin").style.visibility = "visible";
        },
        success: function(response){
          document.getElementById('register_enter_email_text').innerHTML =
                "We send verification code to " + '\
          ' + $('#bdb_email').val();
          document.getElementById("spin").style.visibility = "hidden";
        },  // end success
        error: function(err){
            console.log(err);
            console.log(err);
            console.log(err.responseJSON.response_code);
            if(err.responseJSON.response_code == 255)
                location.href= '/';
        }
        });  //ajax
        $('#SignIn').modal('hide');
        timer(60);
      $('#registerVerEmailModal').modal();
    }
</script>
<script>
    let timerOn = true;
    function timer(remaining) {
        var m = Math.floor(remaining / 60);
        var s = remaining % 60;
        m = m < 10 ? '0' + m : m;
        s = s < 10 ? '0' + s : s;
        document.getElementById('timer').innerHTML = m + ':' + s;
        remaining -= 1;
        if (remaining >= 0 && timerOn) {
            setTimeout(function() {
                timer(remaining);
            }, 1000);
            return;
        }
        if (!timerOn) {
            // Do validate stuff here
            return;
        }
        document.getElementById("resend_button").hidden= false;
    }
  //  timer(60);
</script>
<script>
    function resendRegisterCode()
    {
      document.getElementById("resend_button").hidden= true;
      timer(60);
      $.ajax({
          url: '/activateAgainForRegisterStatus',
          type: 'post',
          async: false,
          data: {
              bdb_email : document.getElementById("bdb_email").value,
              _token:sessionToken

          },
          beforeSend: function(){
            document.getElementById("spin").style.visibility = "visible";
            },
          success: function(response){
             /* console.log(response);
              code = response.code;
              if(code == 0){
                  test_email = true;

              }else{ // error in registration data
                  test_email = false;
                  document.getElementById("code"+code).removeAttribute("hidden");
                  document.body.scrollTop = document.documentElement.scrollTop = 0;
              }*/
              document.getElementById("spin").style.visibility = "hidden";
          },  // end success
          error: function(err){
              console.log(err);
              console.log(err);
            console.log(err.responseJSON.response_code);
            if(err.responseJSON.response_code == 255)
                location.href= '/';
          }
          });  //ajax
        }
  </script>
    <script>
        function moveRegisterNext(i) {
            $('#register_code' + i).focus();
        }
    </script>

    <script>
        function checkRegisterCode() {
            $('#register_incorrect_code').attr('hidden', true);

            code = $('#register_code1').val() + $('#register_code2').val() + $('#register_code3').val() + $(
                '#register_code4').val();
            email = $('#bdb_email').val();
            is_error = false;
            $.ajax({
                url: '/activate',
                type: 'post',
                dataType: 'json',
                async: false,
                data: {
                    email: email,
                    code: code,
                    _token: token
                },
                beforeSend: function(){
                    document.getElementById("spin").style.visibility = "visible";
                },
                success: function(response) {
                    console.log(response);
                    if (response.code == 0) {
                        $('#register_incorrect_code').attr('hidden', false);
                        //    return false;
                    } else {
                        //   go to proflie
                        alert("Account activated successfully");
                        location.href = '/myProfile';
                        // return false;
                    }
                    document.getElementById("spin").style.visibility = "hidden";
                },
                error: function(err) {
                    console.log(err);
                    console.log(err.responseJSON.response_code);
                    if(err.responseJSON.response_code == 255)
                        location.href= '/';
                }
            });

            // return false;
        }
    </script>
    <script>
        function removeModal()
        {
            $('SignIn').modal('hide')
            location.href= '/support_FAQ#contact';
        }
    </script>

<script>
    var login_times;
    $(document).ready(function() {
        login_times = document.getElementById('login_times').value;
        console.log('login_times');
        console.log(login_times);
    });



    $(document).ready(function() {
        //$('#open_in_app_modal').modal()
        if(login_times != 99999) {
            if(os == 'iOS') {
             //   $('#open_in_app_modal').modal();
            } else if(os == 'Android') {
               // $('#open_in_app_modal').modal();
            }
        }

    });
</script>
<script>
    function openOnApp2(open_or_close)
    {
        $.ajax({
            type:'POST',
            url: '/openAppModelClose',
            data: {
                    _token : token
                },
            success: function(response)
            {
                console.log(response);
                $('#blockedCountriesModal').modal('hide');
                if(open_or_close == 'open') {
                    if(os == 'iOS' /*&& test_sy != "+963"*/) {
                            var now = new Date().valueOf();
                            setTimeout(function () {
                            // time stamp comaprison prevents redirecting to app store a 2nd time
                            if (new Date().valueOf() - now > 100) {
                                window.close() ;  // scenario #4
                                // old way - "return" - but this would just leave a blank page in users browser
                                //return;
                            }
                            var msg = "A3MALKOM NOT DETECTED\n\nREDIRECTING TO APP STORE" ;
                            if (window.confirm(msg)) {
                                window.location = "https://apps.apple.com/sa/app/mawa3edna/id1584957135";
                                // scenario #2 - will leave a blank tab in browser
                            } else {
                                window.close() ;  // scenario #3
                            }
                            }, 3000);
                            window.location = "a3malkom://";
                            // scenario #1 - this will leave a blank tab

                    }else if(os == 'Android') {
                        window.location = "a3malkom://";
                       setTimeout(function () {
                        window.location = "https://play.google.com/store/apps/details?id=com.soltuionspace.sevents";
                       }, 5000);
                    }
                }

            },
            error: function(err)
            {
            }
        });


    }
    function openOnAppAndroid(open_or_close)
    {
        window.location = "https://play.google.com/store/apps/details?id=com.soltuionspace.sevents";
    }
    function openOnAppIos(open_or_close)
    {
        window.location = "https://apps.apple.com/sa/app/mawa3edna/id1584957135";
    }

    function openCurrentAppointments()
    {
        view_name = "appointments";
//        openAppDirectlyWhenClickBtn();
        window.location = "/currentAppointments";
    }

    function openClientNotifications()
    {
        view_name = "notification";
//        openAppDirectlyWhenClickBtn();
        window.location = "/notification/client_index";
    }

    function openSignIn_1()
    {
        view_name = "sign_in";
//        openAppDirectlyWhenClickBtn();
//        if(os != 'iOS' && os != 'Android') {
            $('#SignIn').modal();
//        }
    }

    function openRegister()
    {
        view_name = "register";
//        openAppDirectlyWhenClickBtn();
//        if(os != 'iOS' && os != 'Android') {
            window.location = "/register";
//        }
    }

</script>



    
 <!---------- start page content ------------>
 <!--
           <div class="container"  style="   text-align: justify;   text-justify: inter-word;" >
        <section class="blog-details spad">
        <div class="container">
            <div class="row d-flex justify-content-center">
                <div class="col-lg-8">
                    <div class="blog__details__title">
                        <h4> <b> A simple guide that explains how to use the application, publish services and receive appointments </b> </h4>

                    </div>

                    <div class="blog__details__text">
                        <h4>1. Create your own account</h4>
                        <p class="first-para"> Create your own account easily, you only need to enter your email , mobile and password, and you can enter additional data if you want</p>
                        <p style="text-align:center !important">
                            <img src="https://a3malkom.com/img/register.png" style='width:30%;height:450px'>
                        </p>
                        <p>Note : If you forget your password, you can click on the forget password button in login interface to re-enter a new password for your account</p>
                        <p>Note : After creating an account, you can easily add your first service through the Add Service button located in the main interface</p>
                        <p style="text-align:center !important">
                            <img src="https://a3malkom.com/img/main1.png" style='width:30%;height:450px'>
                        </p>
                        <p>Note : If you create an account using Google or Apple, a button will appear in the main interface to complete the account information and be able to add services and benefit from the features of A3MALKOM.</p>
                        <p style="text-align:center !important">
                            <img src="https://a3malkom.com/img/main2.png" style='width:30%;height:450px'>

                        </p>
                    </div>
                    <div class="blog__details__text">
                        <h4>2. add services and setting</h4>
                        <p class="first-para"> Add services, specifying the method for accepting their appointments and the days on which you receive appointments in addition to the countries, cities and places of making the appointment</p>
                        <p style="text-align:center !important">
                            <img src="https://a3malkom.com/img/add_service.png" style='width:30%;height:450px'>
                        </p>
                        <p>You can also modify the basic service data and modify its times from my services interface and then press the “Modify service” button or “Modify service times” button.</p>
                        <p style="text-align:center !important">
                            <img src="https://a3malkom.com/img/edit_service.png" style='width:30%;height:450px'> &nbsp;&nbsp;
                            <img src="https://a3malkom.com/img/edit_time.png" style='width:30%;height:450px'>
                        </p>
                        <p>Note : In my services interface, if you see this icon 🚨 next to the service, you must add times for it to appear at clients and receive appointments for it</p>
                        <p>Note : To be able to choose your location as a place to provide the service, you must choose your country, city and location on the map from the profile interface</p>
                    </div>
                    <div class="blog__details__text">
                        <h4>3. Receive appointments on these services</h4>
                        <p class="first-para"> Now your services will appear to others and they can book their appointments according to the data you entered, and appointments will be accepted automatically or manually according to the settings of each service</p>
                        <p style="text-align:center !important">
                            <img src="https://a3malkom.com/img/appointments.png" style='width:30%;height:450px'>
                        </p>
                    </div>
                    <div class="blog__details__text"style="margin-bottom:0px !important">
                        <h4>4. Follow up and execute or cancel appointments</h4>
                        <p class="first-para"> After new appointments arrive, you can reject, accept, or even cancel them in a smooth way, and we will take care of informing the owner of the appointment</p>
                        <p style="text-align:center !important">
                            <img src="https://a3malkom.com/img/accept_app.png" style='width:30%;height:450px'>
                        </p>
                        <p>Note : You can modify the date and time of the appointment after accepting it</p>
                        <p>Note : After executing an appointment, the client can rate his appointment and the service provided in order to see client satisfaction and improve the service if necessary</p>
                    </div>
                </div>
            </div>
        </div>

    </section>
</div>
-->
 <!---------- end page content ------------>

 <!---------- start page content ------------>

<div class="container" style="   text-align: justify;   text-justify: inter-word;">

<section class="blog-details spad">
    <div class="blog__details__text">
        <h1 style="text-align:center;font-size: 35px;" class="font_p">  Services Appointments and Bookings  </h1>
        <br><br>
        <p style="text-align:center !important">
        <iframe class="iframe_size" src="https://www.youtube.com/embed/WjxKZUYoq_I"
            title="YouTube video player" frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
            allowfullscreen style="background: #FFFFFF;" ></iframe>


      <!--  <p class="first-para font_p"> To take advantage of our appointment service, please follow the following steps:</p>
        <p class="font_p" style="text-align:center !important">
        <p class="first-para font_p">1. You can start using the application by clicking on the link : </p>

        <p class="font_p">Click Here <a
         href="https://mawa3edna.com/downloadApp">download </a></p>

        <p class="font_p">2. Now after downloading the application, please create your own account and enter your full information.</p>
        <p class="font_p" style="text-align:center !important">
        <p class="font_p">3. When logging in as a provider, fill in the details of your services to be able to share them with clients.</p>
        <p class="font_p" style="text-align:center !important">
        <p class="font_p">4. After completing the settings for your services appointments, you can now enjoy with Mawa3edna service and save your time</p>
        <p class="font_p" style="text-align:center !important">
        --<p class="font_p">5. After adjusting your appointments settings, you can adjust them </p>--
        <p class="font_p" style="text-align:center !important">
        <h1 style="text-align:center;font-size: 20px;" class="font_p">  We wish you a useful and enjoyable experience  </h1>

    </div>

</section>

<!-- Blog Details Section End -->
<div class="row d-flex justify-content-center footer_back" style="">
<ol >
    <li class=""><a href="#"><p class="first-para font_p"> To take advantage of our appointment service, please follow the following steps:</p></a></li>
    <li class=""><a href="https://a3malkom.com/downloadApp"><p class="font_p">You can start using the application by clicking on the link :  Click Here
       download </p></a></li>
    <li class=""><a href="#"><p class="font_p"> Now after downloading the application, please create your own account and enter your full information.</p></a></li>
    <li class=""><a href="#"><p class="font_p"> When logging in as a provider, fill in the details of your services to be able to share them with clients.</p></a></li>
    <li class=""><a href="#"><p class="font_p"> After completing the settings for your services appointments, you can now enjoy with Mawa3edna service and save your time</p></a></li>
    <li class=""><a href="#"><p class="font_p"> After adjusting your appointments settings, you can adjust them </p></a></li>


</ol>
</div>
</section>

<!---------- end page content ------------>

 
    <style>
        @media (min-width: 992px) {
            .footer{
                margin-top:150px;

            }
            .footer_margin{
                margin-top:60px;
            }


        }

        @media (max-width: 992px) {
            .center_element {
                text-align: center;
            }
        }
    </style>

     <!-- Footer Section Begin -->
       <footer class="footer" style="bottom:0;width:100%; background-color:#0149aa; " >
    <div style="background-color:white;">
    <div class="container">
        <div class="row justify-content-center" >
            <div class="col-lg-4 col-md-6 col-sm-6 footer_margin"  >
                <div class="footer__about">
                    <div class="footer__logo" style="text-align: center">
                        <a href="/"><img src="https://a3malkom.com/images/a3malkom.png" alt="" height="150px"></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 footer_margin" style="text-align:center;" id="download_btn" hidden>
                <a href="https://apps.apple.com/sa/app/mawa3edna/id1584957135" id="ios_download1" target="_blank" hidden><img src="https://a3malkom.com/images/ios_download1.png" alt="" ></a>
                <a href="https://play.google.com/store/apps/details?id=com.soltuionspace.sevents" target="_blank" id="andoird_download1" hidden><img src="https://a3malkom.com/images/andoird_download1.png" alt="" ></a>
                <br>
            </div>
            <div class="col-lg-4  col-md-3 col-sm-6 footer_margin" >
                <div class="footer__widget">
                    <div class="footer__widget">
                        <ul class="center_element">
                            <li style="text-align:center;"><a style="color:#0149aa;" href="https://a3malkom.com#benefits_section">Features</a></li>
                            <li style="text-align:center;"><a style="color:#0149aa;" href="https://a3malkom.com#contact">Contact Us</a></li>
                            <li style="text-align:center;"><a style="color:#0149aa;" href="/userGuide">Services Appointments and Bookings</a></li>
                                                        <li style="text-align:center;"><a style="color:#0149aa;" href="/FAQ">Support</a></li>
                        </ul>
                    </div>
                </div>
            </div>


        </div>
        <div class="row justify-content-center"  style="color:#0149aa;font-size: 14px;">
            <a style="color:#0149aa;margin: 10px" href="//api.whatsapp.com/send?phone=966505495566" target="_blank"><i class="fa fa-whatsapp fa-lg"></i> </a>
            <a style="color:#0149aa;margin: 10px" href="https://www.facebook.com/Mawa3edna" target="_blank"><i class="fa fa-facebook fa-lg"></i></a>
            <a style="color:#0149aa;margin: 10px" href="https://www.linkedin.com/company/solutionspace-intl" target="_blank"><i class="fa fa-linkedin fa-lg"></i></a>
            <a style="color:#0149aa;margin: 10px" href="https://www.instagram.com/mawa3edna/" target="_blank"><i class="fa fa-instagram fa-lg"></i></a>
            <a style="color:#0149aa;margin: 10px" href="https://g.page/r/CR3mLads8qfeEAE" target="_blank"><i class="fa fa-map-marker fa-lg"></i></a>
            <!--<a style="color:#0149aa;margin: 10px" href="https://g.page/r/CR3mLads8qfeEAE" target="_blank"><i class="fa fa-twitter fa-lg"></i></a>-->
            <a style="color:#0149aa;margin: 10px" href="https://www.youtube.com/playlist?list=PLwkGiFWpyVjR2HEbzgPox4PzhkPxj5EsF" target="_blank"><i class="fa fa-youtube-play fa-lg"></i></a>
            <a style="color:#0149aa;margin: 10px" href="https://a3malkom.com/addAppointmentFromQRCode/407" target="_blank"><img src="https://a3malkom.com/images/a3malkom_link_footer_1_min.png" alt=""></a>
            <br>
        </div>
        <div class="row justify-content-center"  style="color:#0149aa;font-size: 14px;">
            &copy; Copyright <strong></strong>. All Rights Reserved 2022 &nbsp;&nbsp;<br> <br>

        </div>
        <div class="row justify-content-center"  style="color:#0149aa;">
            <strong> <center><a href="https://solutionspace.com.sa/"  style="color:#0149aa;font-size: 14px;"  target="_blank">for <span  style="color: #8ebb22;">Solutions Space</span> Company for Information Systems Technology</a></center></strong>

        </div>

    </div>
    </div>

</footer>

<!-- Footer Section End -->
<script>

    function getOS() {
        var userAgent = window.navigator.userAgent,
            platform = window.navigator.platform,
            macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
            windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],
            iosPlatforms = ['iPhone', 'iPad', 'iPod'],
            os = null;

        if (macosPlatforms.indexOf(platform) !== -1) {
            os = 'Mac OS';
        } else if (iosPlatforms.indexOf(platform) !== -1) {
            os = 'iOS';
        } else if (windowsPlatforms.indexOf(platform) !== -1) {
            os = 'Windows';
        } else if (/android/i.test(userAgent)) {
            os = 'Android';
        } else if (!os && /Linux/.test(platform)) {
            os = 'Linux';
        }
        return os;
    }
    var os = getOS();


    if(os == 'iOS' /*|| os == 'Mac OS'*/) {
        document.getElementById('andoird_download1').hidden = true;
        document.getElementById('ios_download1').hidden = false;
        document.getElementById('download_btn').hidden = false;
    } else if(os == 'Android') {
        /*document.getElementById('andoird_download1').hidden = false;
        document.getElementById('ios_download1').hidden = true;
        document.getElementById('download_btn').hidden = false;*/
    } else {
        document.getElementById('andoird_download1').hidden = false;
        document.getElementById('ios_download1').hidden = false;
        document.getElementById('download_btn').hidden = false;
    }


</script>


<script>

document.addEventListener('DOMContentLoaded', (event) => {
    var hash = window.location.hash.substr(1);

    setTimeout(function(){
        //do what you need here
        if(hash != null && hash != '')
        {
            var element_to_scroll_to = document.getElementById(hash);
            element_to_scroll_to.scrollIntoView();
            if(hash=='conatct'){
                var elems = document.querySelectorAll(".active");
                [].forEach.call(elems, function(el) {
                    el.classList.remove("active");
                    });

                var elems = document.querySelectorAll(".contact_us_tab");
                [].forEach.call(elems, function(el) {
                    el.classList.add("active");
                });
            }
            if(hash=="about"){
                var elems = document.querySelectorAll(".active");
                [].forEach.call(elems, function(el) {
                    el.classList.remove("active");
                    });

                var elems = document.querySelectorAll(".about_tab");
                [].forEach.call(elems, function(el) {
                    el.classList.add("active");
                });
            }
            if(hash=="categories"){
                var elems = document.querySelectorAll(".active");
                [].forEach.call(elems, function(el) {
                    el.classList.remove("active");
                    });

                var elems = document.querySelectorAll(".categories_tab");
                [].forEach.call(elems, function(el) {
                    el.classList.add("active");
                });
            }
        }
    }, 2000);
})
</script>


    <!-- Js Plugins -->
<script src="https://a3malkom.com/assets/js/jquery-3.3.1.min.js"></script>
<script src="https://a3malkom.com/assets/js/bootstrap.min.js"></script>
<script src="https://a3malkom.com/assets/js/jquery-ui.min.js"></script>
<script src="https://a3malkom.com/assets/js/jquery.nicescroll.min.js"></script>
<script src="https://a3malkom.com/assets/js/jquery.magnific-popup.min.js"></script>
<script src="https://a3malkom.com/assets/js/jquery.slicknav.js"></script>
<script src="https://a3malkom.com/assets/js/owl.carousel.min.js"></script>
<script src="https://a3malkom.com/assets/js/main.js"></script>

<!-- Global Variable -->
<script>
    view_name = "main"
</script>









    <script>
    function copyUrlToClipboard(url, lang = 'ar')
    {

        if(lang == 'ar') {
            text = '💡 خدمة أعمالكم ، نحفظ وقتكم 👍🏻 \n';
            text += 'في حال كان التطبيق غير مثبت فسيقودكم الرابط إلى موقع التثبيت \n';
            text += 'نتمنى الضغط مرة أخرى على الرابط بعد التثبيت \n';
        } else {
            text = '💡 A3MALKOM service, we save your time 👍🏻 \n';
            text += 'If the application is not downloaded, the link will lead you to the App store\n';
            text += 'We hope to click on the link again after downloading\n';
        }

        const shareData = {
            title: 'Share',
            text: text,
            url: url
        }

        try {
            navigator.share(shareData);
        } catch(err) {
            copyFunc(url);
          //  navigator.clipboard.writeText(url);
            alert('Link copied to clipboard');
        }
    }
    function copyFunc(url)
    {
        var textarea = document.createElement('textarea');
        textarea.textContent = url;
        document.body.appendChild(textarea);

        var selection = document.getSelection();
        var range = document.createRange();
        //  range.selectNodeContents(textarea);
        range.selectNode(textarea);
        selection.removeAllRanges();
        selection.addRange(range);

        console.log('copy success', document.execCommand('copy'));
        selection.removeAllRanges();

        document.body.removeChild(textarea);
    }
</script>

<script>
    function openAppDirectlyWhenClickBtn()
    {
        console.log('view');
        if(os == 'iOS') {
            var isSafari = navigator.vendor && navigator.vendor.indexOf('Apple') > -1 &&
                            navigator.userAgent &&
                            navigator.userAgent.indexOf('CriOS') == -1 &&
                            navigator.userAgent.indexOf('FxiOS') == -1;
            openAppDirectlyFun();
            if(isSafari == false) {
                //openAppDirectlyFun();
                //$('#open_in_app_modal').modal();
            }
        } else if(os == 'Android') {
            openAppDirectlyFun();
            //$('#open_in_app_modal').modal();
        }
    }
    function openAppDirectlyFun()
    {
        return;
        /*switch(view_name) {
            case "main" :
                window.location = "mawa3edna://";
                break;
            case "notification" :
                window.location = "notification://";
                break;
            case "appointments" :
                window.location = "appointments://";
                break;
            case "subjectsAndSuppliers" :
                window.location = "subjectsAndSuppliers://";
                break;
            case "support" :
                window.location = "support://";
                break;
            case "register" :
                window.location = "register://";
                break;
            case "sign_in" :
                window.location = "login://";
                break;
            default:
                window.location = "mawa3edna://";
                break;
        }
        if(os == 'iOS') {
            setTimeout(function () {
                if(confirm('You do not seem to have iThrown installed, do you want to go download it now?')){
                    window.location = "https://apps.apple.com/sa/app/mawa3edna/id1584957135";
                }
            }, 2000);
        }else if(os == 'Android') {
            setTimeout(function () {
                window.location = "https://play.google.com/store/apps/details?id=com.soltuionspace.sevents";
            }, 2000);
        }*/
        /*if(window.location.href != 'https://mawa3edna.com/') {
            window.location.href = 'https://mawa3edna.com/';
        }*/
        sessionStorage.setItem('open_modal', '0');
        if(os == 'iOS') {
            document.getElementById('android_btn').hidden = true;
            $('#download_app').modal();
        }else if(os == 'Android') {
            document.getElementById('ios_btn').hidden = true;
            $('#download_app').modal();
        }
    }
</script>


    <!-- to show download app modal and redirect to main view -->
            <script>
            open_modal = sessionStorage.getItem('open_modal');
            if(open_modal == '1'){
                openAppDirectlyFun();
            }

        </script>
    
    <!-- Page specific javascripts-->
      </body>
</html>