/home/s2admin/2sist/evencita/config<title>

    Organizing mens haircut services

</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="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>

    @media (max-width: 992px) {

            .margin_main {

                margin-right: 0;

            }

        }

  p{

    text-align: justify !important;

    text-justify: inter-word !important;

  }

  @media  only screen and (max-width: 600px) {

    p img{

        height: 200px !important;

    }

    }



        .section_height {

            height:6250px

        }



        @media (max-width: 992px) {

            .section_height {

                height:5800px

            }







        }



        .font_p {

            font-size: 15px;

            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;

    }

    .iframe_size{

        width: 50%;

        height:315px

    }

    @media  only screen and (max-width: 900px) {

        .iframe_size{

            width: 100%;

            height:315px

        }

       .img .responsive {

  max-width: 100%;

}



        }
        @import  url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

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

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

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


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

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

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

</style>

</style>


<!-- plugins:js -->

<script src="https://a3malkom.com/myAssets/basics/js/vendor.bundle.base.js"></script>

<!-- endinject -->

<!-- Plugin js for this page -->

<script src="https://a3malkom.com/myAssets/basics/chart.js/Chart.min.js"></script>

<script src="https://a3malkom.com/myAssets/basics/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>

<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.js"></script>

<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.resize.js"></script>

<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.categories.js"></script>

<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.fillbetween.js"></script>

<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.stack.js"></script>

<script src="https://a3malkom.com/myAssets/basics/flot/jquery.flot.pie.js"></script>

<!-- End plugin js for this page -->

<!-- inject:js -->

<script src="https://a3malkom.com/myAssets/js/off-canvas.js"></script>

<script src="https://a3malkom.com/myAssets/js/hoverable-collapse.js"></script>

<script src="https://a3malkom.com/myAssets/js/misc.js"></script>

<!-- endinject -->

<!-- Custom js for this page -->

<script src="https://a3malkom.com/myAssets/js/dashboard.js"></script>



<!-- End custom js for this page -->

<script>

    $(document).ready(function(){

        var elems = document.querySelectorAll(".active");

        [].forEach.call(elems, function(el) {

            el.classList.remove("active");

        });

        var elems = document.querySelectorAll(".user_guide_tab");

        [].forEach.call(elems, function(el) {

            el.classList.add("active");

        });

    });



</script>



<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 = '7EWjgf6niTDgHBiYRcjqroj7WB43woOFTcmdI6YO';
    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="7EWjgf6niTDgHBiYRcjqroj7WB43woOFTcmdI6YO">                    <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="7EWjgf6niTDgHBiYRcjqroj7WB43woOFTcmdI6YO">                        <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="7EWjgf6niTDgHBiYRcjqroj7WB43woOFTcmdI6YO">                    <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="7EWjgf6niTDgHBiYRcjqroj7WB43woOFTcmdI6YO">                                        <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="7EWjgf6niTDgHBiYRcjqroj7WB43woOFTcmdI6YO">                    <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="7EWjgf6niTDgHBiYRcjqroj7WB43woOFTcmdI6YO">                    <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="7EWjgf6niTDgHBiYRcjqroj7WB43woOFTcmdI6YO">                    <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 = '7EWjgf6niTDgHBiYRcjqroj7WB43woOFTcmdI6YO' ;
    </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">
            <h1 style="text-align:center;font-size: 35px;" class="font_p">  Barber shops guide  </h1>
            <br><br>

            <p style="text-align:center !important">

            <iframe class="iframe_size" src="https://www.youtube.com/embed/PdbHkug__GM"

            title="YouTube video player" frameborder="0"

            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"

            allowfullscreen style="background: #FFFFFF;" ></iframe>

                <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"> To take advantage of our appointment service, please follow the following steps:</p>
        <p class="first-para font_p">1. You can start using the application by clicking on the link : </p>

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

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




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


</ol>
                        </div>

                    </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="/schoolGuideFAQ">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>


    

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