/home/s2admin/2sist/evencita/config<title>
    Crowd Management Service Guide for Parents
</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 rel='stylesheet' href='https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'>

    <link href="https://a3malkom.com/assets/boxicons/css/boxicons.min.css" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@500&display=swap" rel="stylesheet">
      <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">
  <link rel="stylesheet" href="https://a3malkom.com/assets/css/hover.css" type="text/css">
  <style>

    .margin_main {
        margin-left: 30px;
    }

</style>
<style>
    .FAQ_padding {
        padding-left: 10%;
        padding-right: 10%;
    }
    @media (max-width: 992px) {
            .margin_main {
                margin-right: 0;
            }
            .FAQ_padding {
                padding-left: 0%;
                padding-right: 0%;
            }
        }
  p{
    text-align: justify !important;
    text-justify: inter-word !important;
  }
  @media  only screen and (max-width: 600px) {
    p img{
        height: 200px !important;
    }
    }
    .image_back {
            background-image: url("/img/b_computer.png");
            background-repeat: no-repeat;

        }
        .section_height {
            height:6250px
        }
/*
        .footer_back {
            background-image: url('https://a3malkom.com/img/footer_computer.png');
        }
*/
        @media (max-width: 992px) {
            .section_height {
                height:5800px
            }
            .image_back {
                background-image: url("/img/b_mobile.png");
                background-repeat: no-repeat;

            }

/*
            .footer_back {
                background-image: url('https://a3malkom.com/img/footer_mobile.png');
            }
*/
        }

        .font_p {
            font-size: 25px;
            font-weight: bold;
        }
</style>
<style>
    .accordion a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 1rem 3rem 1rem 1rem;
    color: #7288a2;
    font-size: 1.15rem;
    font-weight: 400;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
  }
  .accordion a:hover,
  .accordion a:hover::after {
    cursor: pointer;
    color: #0149aa;
  }
  .accordion a:hover::after {
    border: 1px solid #0149aa;
  }
  .accordion a.active {
    color: #0149aa;
    border-bottom: 1px solid #0149aa;
  }
  .accordion a.active::after {
    font-family: 'Ionicons';
    content: '\f209';
    color: #0149aa;
    border: 1px solid #0149aa;
    align-content: center;
  }

  .accordion .content {
    opacity: 0;
    padding: 0 1rem;
    max-height: 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    clear: both;
    -webkit-transition: all 0.2s ease 0.15s;
    -o-transition: all 0.2s ease 0.15s;
    transition: all 0.2s ease 0.15s;
  }
  .accordion .content p {
    font-size: 1rem;
    font-weight: 300;
  }
  .accordion .content.active {
    opacity: 1;
    padding: 1rem;
    max-height: 100%;
    -webkit-transition: all 0.35s ease 0.15s;
    -o-transition: all 0.35s ease 0.15s;
    transition: all 0.35s ease 0.15s;
  }
  </style>
    <style>
    .accordion a::after {
      font-family: 'Ionicons';
      content: '\f218';
      position: absolute;
      float: right;
      right: 1rem;
      font-size: 1rem;
      color: #7288a2;
      padding: 5px;
      width: 34px;
      height: 34px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 1px solid #7288a2;
      text-align: center;
    }
      /* 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;
      }
    </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>
<script>


    const items = document.querySelectorAll(".accordion a");
    console.log(items);
    items.forEach(item => item.addEventListener('click', toggleAccordion));
    function toggleAccordion(item){
      console.log(item);
          $('.'+item).toggleClass('active');
    }

    function openGuide()
    {
      window.open('/userGuide', '_blank').focus();
    }
</script>
<script>

</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 = 'YkzWkoJOILKMlxVbyJWmdoIYwTBSTpiQa55eYXBM';
    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="YkzWkoJOILKMlxVbyJWmdoIYwTBSTpiQa55eYXBM">                    <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="YkzWkoJOILKMlxVbyJWmdoIYwTBSTpiQa55eYXBM">                        <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="YkzWkoJOILKMlxVbyJWmdoIYwTBSTpiQa55eYXBM">                    <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="YkzWkoJOILKMlxVbyJWmdoIYwTBSTpiQa55eYXBM">                                        <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="YkzWkoJOILKMlxVbyJWmdoIYwTBSTpiQa55eYXBM">                    <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="YkzWkoJOILKMlxVbyJWmdoIYwTBSTpiQa55eYXBM">                    <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="YkzWkoJOILKMlxVbyJWmdoIYwTBSTpiQa55eYXBM">                    <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 = 'YkzWkoJOILKMlxVbyJWmdoIYwTBSTpiQa55eYXBM' ;
    </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;" >
        <b>
        <section class="blog-details spad " style="font-family:'Tajawal', sans-serif; padding-top:0%; font-weight: bold; font-size:20px">
            <div class="container">
                <div class="row" style="width: 100%; margin: 0;">
<!--                    <img src="https://a3malkom.com/img/parent_header.png" style="width: 100%">-->
                </div>
                <div class="row d-flex justify-content-center footer_back" style="">

                    <div class="col-lg-8">
                        <div class="blog__details__text">
                            <br>
                            <br>
                            <p class="first-para font_p">1. You can start using the application by clicking on the link : </p>
                            <p class="font_p">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Click Here <a
                            href="https://a3malkom.com/downloadApp">download </a></p>

                            <p class="first-para font_p">2. Click on the link you have received from school management to book the service, if you are using android device choose Mawa3edna to complete the process and if you are using ios the app will open directly</p>
                            <p  class="font_p" style="text-align:center !important">
                                                                <img src="https://a3malkom.com/img/newImg/img_13_en.jpg" style='margin-right:20px'>
                                <img src="https://a3malkom.com/img/newImg/img_14_en.jpg" style=''>
                                                            </p>

                            <p class="font_p">3. Choose the time that suits you from the available times, and do the same in all weekdays</p>
                            <p class="font_p" style="text-align:center !important">
                                                                <img src="https://a3malkom.com/img/newImg/img_15_en.jpg" style='margin-right:20px'>
                                <img src="https://a3malkom.com/img/newImg/img_16_en.jpg" style=''>
                                                            </p>
                            <p class="font_p">4. Enter the confirmation code that you have received in your email to confirm the appointment</p>
                            <p class="font_p" style="text-align:center !important">
                                                                    <img src="https://a3malkom.com/img/newImg/img_17_en.jpg" style=''>
                                                            </p>
                            <p class="font_p">Note 1: Now you can meet your children on time but first you need to finish all previous steps 👍🏻.</p>
                            <p class="font_p">Note 2: If your children&#039;s school does not use this service, please send them a link to the service of organizing student&#039;s departure provided for free from Mawa3edna 👇🏻.</p>
                            <p class="font_p">
                                <div class="row">
                                    <div class="col-md-6" style="margin-bottom:10px">
                                        <a href="https://a3malkom.com/SchoolServiceGuide">School guide</a>
                                    </div>
                                    <div class="col-md-6">
                                        <button type="button" style="line-height:50%;" class="btn btn-blue navbar-btn" onClick="copyUrlToClipboard('https://a3malkom.com/SchoolServiceGuide', '')">Share Guide</button>
                                    </div>
                                </div>


                            </p>
                            <!--<p class="font_p"><a href="/parentGuideFAQ">Frequently Asked Questions ❓</a></p>-->
                        </div>
                    </div>

                    <!-- <hr width="80%" style="text-align: center">
                    <div class="FAQ_padding">
                        <div class="container ">
                            <div class="container">
                                <h3 style="color:#0149aa;">Frequently Asked Questions (Client)</h3>
                                <br>
                                <div class="accordion">
                                    <div class="accordion-item" onclick="toggleAccordion('div1')">
                                    <a class="div1"> What is A3malkom ? </a>
                                    <div class="content div1">
                                        <p> A 100% free service that allows professionals, specialists, administrators, and human resources to arrange services reservations and appointments with clients or auditors, in a smooth and 100% free manner, ensuring accuracy and preserving time for all parties. Serving A3malkom allows you to develop the businesses of many professionals.  <span style="display:inline;cursor:pointer;color:#0149aa;" onclick="openGuide()" target="_blank">Services Appointments and Bookings</span></p>
                                    </div>
                                    </div>
                                    <div class="accordion-item" onclick="toggleAccordion('div2')">
                                    <a class="div2">What countries does A3malkom application cover?</a>
                                    <div class="content div2">
                                        <p> Saudi Arabia, Kuwait, Oman, Bahrain, UAE, Qatar, Jordan, Egypt, Syria, Iraq, Lebanon, Tunisia, Morocco, Sudan, Libya, Mauritania, Algeria, Somalia, Djibouti, Palestine, Comoros, Yemen </p>
                                    </div>
                                    </div>
                                    <div class="accordion-item" onclick="toggleAccordion('div3')">
                                    <a class="div3">Can I change the country after logging in?</a>
                                    <div class="content div3">
                                        <p>Yes, you can change the country at any time</p>
                                    </div>
                                    </div>
                                    <div class="accordion-item" onclick="toggleAccordion('div4')">
                                    <a class="div4">Why is the email confirmation code so important?</a>
                                    <div class="content div4">
                                        <p>So that only you can view and modify your appointment information</p>
                                    </div>
                                    </div>
                                    <div class="accordion-item" onclick="toggleAccordion('div5')">
                                    <a class="div5">How can I find a suitable service provider for me?</a>
                                    <div class="content div5">
                                        <p>Through the (A3malkom Services) filter on the main interface</p>
                                    </div>
                                    </div>
                                    <div class="accordion-item" onclick="toggleAccordion('div6')">
                                    <a class="div6">If I cannot find the lawyer/teacher/barber or any specialist (service provider) that I am looking for, how can I find him?</a>
                                    <div class="content div6">
                                        <p> If the service provider you are looking for is not available, you can share the application download link with the service owner, and it will be there immediately after he registers himself in A3malkom; Tell him he will get more clients!!! </p>
                                    </div>
                                    </div>
                                    <div class="accordion-item" onclick="toggleAccordion('div7')">
                                    <a class="div7">How can I use the QR code?</a>
                                    <div class="content div7">
                                        <p>If you want to reserve a service directly you must have the service QR code You can go to “Code-QR Search”, scan the Qr code, and reach the add appointment page</p>
                                    </div>
                                    </div>
                                </div>
                            </div>

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

        </section>
    </b>

    <!-- Blog Details Section End -->
</div>
 <!---------- 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="/parentGuideFAQ">Frequently Asked Questions</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>