<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr" dir="ar">
<!--[if IE 7 ]>    <html lang="tr" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="tr" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="tr" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="tr" class="no-js">
<!--<![endif]-->
<head>
    <!-- Head -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
    <script src="//code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="HimakSan" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="https://himaksan.com//deppo/image/wfavicon.ico" type="image/x-icon" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
    
    <title>Servis Noktalarý | HimakSan</title>
    <meta name="description" content="HimakSan - ENDÜSTRÝYEL MUTFAK EKÝPMANLARI SAN. TÝC. LTD. ÞTÝ." />
    <meta name="keywords" content="HimakSan - ENDÜSTRÝYEL MUTFAK EKÝPMANLARI SAN. TÝC. LTD. ÞTÝ.,HimakSan,ENDÜSTRÝYEL MUTFAK EKÝPMANLARI" />
    <link rel="canonical" href="https://himaksan.com//" />

    <style type="text/css">
    /****************** Switches ********************/
    #autosave input[type=checkbox] {
        display: none;
    }

    #autosave input[type="checkbox"]:checked + label:before {
        display: none;
    }

    .mini-switch + label {
        width: 40px;
        height: 20px;
        background: url('https://cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 -24px;
        background-position: -1px -311px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    .mini-switch:checked + label {
        width: 40px;
        height: 20px;
        background: url('https://cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 0px;
        background-position: -1px -287px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    #guncellendi {
        padding: 5px 10px;
        background-color: #FFFF00;
        color: #000;
        width: 100px;
        position: fixed;
        margin-left: 46%;
        z-index: 9999999999999999;
        display: none;
        text-align: center;
    }

    .v3statusac {
        position: fixed;
        left: 10px;
        z-index: 9999999999;
        cursor: pointer;
        font-size: 30px !important;
    }

    .v3status {
        background-color: #000;
        color: #fff;
        opacity: 0.8;
        position: fixed;
        display: block;
        left: -1px;
        top: -2px;
        margin: 0px;
        width: 101%;
        padding: 5px;
        border: solid 1px #ccc;
        z-index: 999999999;
        display: none;
    }

        .v3status ul {
            list-style: none;
            font-size: 13px;
        }

            .v3status ul li {
                float: left;
                padding: 5px;
                margin-left: 10px;
            }

                .v3status ul li a {
                    color: #fff;
                }
</style>
<div id="guncellendi">Güncellendi</div>
<div id="preload" style="display: none; width: 100%; height: 100%; padding: 20% 45%; position: fixed; margin: 0px; left: 0px; top: 0px; z-index: 999999999999;">
</div>
<div id="preload" style="display:none; width:100%; height:100%; padding:20% 45%; position:fixed; margin:0px; left:0px; top:0px; z-index:999999999999;"><img border="0" src="https://himaksan.com//deppo/tools/img/loading.gif" style="max-height: 150px;"></div>

<link rel='stylesheet' href='https://res.cloudinary.com/watolye/raw/upload/v1556794008/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <!--[if lt IE 9]><script src='https://himaksan.com//deppo/tools/js/html5.js'></script><![endif]--> <script src='https://himaksan.com//deppo/tools/js/gen_validatorv4.js'></script> <script src='https://cdn.ckeditor.com/4.8.0/basic/ckeditor.js'></script> 

<script type="text/javascript">
    document.getElementsByTagName("body")[0].setAttribute("id", "watolye");

    function AjaxKaydet(){
        for(var dilan in CKEDITOR.instances)
            CKEDITOR.instances[dilan].updateElement();
        jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/<?php echo $sayfa3?>",
            data: jQuery('#autosave').serialize(), success: function () {
                setTimeout(function () { jQuery('#guncellendi').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#guncellendi').delay(3000).fadeOut('slow'); }, 500);
            }
        });
    }

    $(document).on('click','[data-form]',function(e){
        $('#preload').fadeIn('slow');
        e.preventDefault();
        var _this=$(this);
        $.post(_this.data('url'),$(_this.data('form')).find('input,textarea,select').serialize(),function(){
            show('mmesaj');
            $(_this.data('form'))[0].reset();
            $('#preload').fadeOut('slow');
        });
    });
    //data-url="func..php?func.=fmail" data-form="#iform"

    //!-- Göster/Gizle -->
    function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
    function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    function sgoster(id){
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="block";}, 0);
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="none";}, 3000);
    }

    jQuery(function(){
        jQuery('form.fcontrol button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol input.icontrol',function(e){
        if(jQuery('form.fcontrol input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol').find('.alert1').remove();
            jQuery('form.fcontrol button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol button').prop('disabled',true);
            if(jQuery('form.fcontrol').find('.alert1').length==0){
                jQuery('form.fcontrol').prepend('<div class="v3-row alert alert-danger alert1" style="padding:5px;">Formda boþ alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol2 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol2 input.icontrol',function(e){
        if(jQuery('form.fcontrol2 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol2').find('.alert2').remove();
            jQuery('form.fcontrol2 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol2 button').prop('disabled',true);
            if(jQuery('form.fcontrol2').find('.alert2').length==0){
                jQuery('form.fcontrol2').prepend('<div class="v3-row alert alert-danger alert2" style="padding:5px;">Formda boþ alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol3 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol3 input.icontrol',function(e){
        if(jQuery('form.fcontrol3 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol3').find('.alert3').remove();
            jQuery('form.fcontrol3 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol3 button').prop('disabled',true);
            if(jQuery('form.fcontrol3').find('.alert3').length==0){
                jQuery('form.fcontrol3').prepend('<div class="v3-row alert alert-danger alert3" style="padding:5px;">Formda boþ alanlar var.</div><br>');
            }
        }
    });

    //<form class="fcontrol">
    //<input type="text" class="icontrol">
    //</form>

    //!-- Fade Out -->
    jQuery(window).load(function(){setTimeout(function(){
        jQuery('.v3_mbox').fadeOut() }, 3000);});
    //<div class="v3_mbox"></div>
    //!-- Fade Out -->

    //!-- Sadece Sayý -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayýsal Deðer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayý -->

    //!-- Font Boyut -->
    function degistir(kaynak, deger) {
        var hedef = document.getElementById(kaynak);
        var hedeffont = parseInt(hedef.style.fontSize, 10)
        hedef.style.fontSize = (hedeffont + parseInt(deger, 10)) + 'px';
    }
    //Kullanýmý onClick="degistir('ContentID','2');"
    //!-- Font Boyut -->

    
    //!-- Lazyload -->

    //!-- LightBOX-1 -->


    //var frmvalidator = new Validator("FormID");
    //frmvalidator.addValidation("Zorunlu","req","Lütfen Adýnýzý Giriniz");
    //frmvalidator.addValidation("max50","maxlen=50");
    //frmvalidator.addValidation("Email","email");
    //frmvalidator.addValidation("Numara","numeric");
</script>





































<!--[if lt IE 9]>
    <script src="https://himaksan.com//deppo/tools/js/html5.js"></script>
<![endif]-->
<script type="text/javascript">
    
        //!-- Göster/Gizle -->
	function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
        function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    //!-- Fade Out -->
    jQuery(window).load(function () { setTimeout(function () {
        jQuery('.v3_mbox').fadeOut() }, 3000); });
    //!-- Fade Out -->

    //!-- Sadece Sayý -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayýsal Deðer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayý -->
</script>






<script src="https://himaksan.com//deppo/tools/js/il-ilce.js"></script>
<script src="https://himaksan.com//deppo/tools/js/gen_validatorv4.js"></script>
<script src="https://cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

        <!-- HimakSan -->
        <meta charset="UTF-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>HimakSan - ENDÃœSTRÄ°YEL MUTFAK EKÄ°PMANLARI SAN. TÄ°C. LTD. ÅžTÄ°.</title>
        <!-- css -->	
        <link type="text/css" rel="stylesheet" href="css/plugins.css">
        <link type="text/css" rel="stylesheet" href="css/style.css">
        <!--favicons -->
        <link rel="shortcut icon" href="images/favicon.ico">
		<link rel="icon" type="image/x-icon" href="images/favicon.ico">
		<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16">
		<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32">
		<link rel="apple-touch-icon" href="images/apple-touch-icon.png" sizes="180x180">
		<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=Exo+2:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    </head>
	<body>
        <!-- yÃ¼kleyici  -->
        <div class="loader-wrap">
            <div class="loader-item">
                <div class="cd-loader-layer" data-frame="25">
                    <div class="loader-layer"></div>
                </div>
                <span class="loader"><i><img src="images/himaksan-icon.png"/ alt="HimakSan - YÃ¼kleniyor"></i></span>
            </div>
        </div>
        <!-- yÃ¼kleyici end  -->
		
    <!-- Head -->
</head>
<!--[if lt IE 9]>
<div style="background-color:#FFF1A8; opacity:0.2; position:fixed; left:0px; top:0px; width:99.8%; padding:10px; border:solid 1px #ccc; z-index:99999999999; text-align:center;" id="uyari">
Web Sitesi taraf ndan art k desteklenmeyen bir Internet Explorer s r m n  kullan yorsunuz. Baz   zellikler do ru  al  mayabilir. <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">Google Chrome</a> gibi <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">modern bir taray c ya</a> ge in. <a href="javascript:hide('uyari');" style="color:#1155CC; font-weight:bold;">Yoksay</a>
</div>
<![endif]-->
<style>
.v3icerik {
	position : fixed;
top : expression(eval(document.body.scrollTop));
	margin-left : 2px;
	height : 105%;
	width : 100%;
	z-index : 99999999;
	border : 0px solid #000;
}
iframe {
	height : 100%;
	width : 100%;
	border : none;
}
/* message box */
.message-box {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.message-box.open {
	display: block;
}
.message-box .mb-container {
	position: absolute;
	left: 0px;
	top: 35%;
	background: rgba(0, 0, 0, 0.9);
	padding: 20px;
	width: 100%;
}
.message-box .mb-container .mb-middle {
	width: 50%;
	left: 25%;
	position: relative;
	color: #FFF;
}
.message-box .mb-container .mb-middle .mb-title {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
	font-size: 31px;
	font-weight: 400;
	line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon {
	font-size: 38px;
	float: left;
	margin-right: 10px;
}
.message-box .mb-container .mb-middle .mb-content {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
}
.message-box .mb-container .mb-middle .mb-content p {
	margin-bottom: 0px;
}
.message-box .mb-container .mb-middle .mb-footer {
	width: 100%;
	float: left;
	padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
	background: rgba(254, 162, 35, 0.9);
}
.message-box.message-box-danger .mb-container {
	background: rgba(182, 70, 69, 0.9);
}
.message-box.message-box-info .mb-container {
	background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
	background: rgba(149, 183, 93, 0.9);
}
	/* end message box */
</style>

<div style="display:none; background-image:url('deppo/tools/img/trns.png'); margin-top:-20px;" class="v3icerik" id="icerik" align="center" onclick="icerik.location.href='about:blank'; hide('icerik');">
  <div style="margin-top:5%; width:80%; height:70%; position:relative; border:solid 5px #ccc; background-color:#fff;" class="yuvarla rounded">
    <div style="margin-top:10px; position:absolute; right:-20px; top:-35px; width:32px; height:32px; z-index:9999999999999999999;"><a href="about:blank" target="icerik" class="fa fa-remove" onclick="hide('icerik')" style="cursor:pointer;font-size:30px;" id="ajxsepet"></a></div>
    <iframe name="icerik"></iframe>
  </div>
</div>

<div id="islem" style="background-color:#fff; position:fixed; left:-1px; top:-2px; margin:0px; height:35px; width:100%; border:solid 1px #ccc; z-index:999999999; display:none;">
  <iframe name="islem" style="width:98%; float:left;" scrolling="no"></iframe>
  <i class="fa fa-remove" style="cursor:pointer; float:right; font-size:20px; margin-top:6px; margin-right:10px;" onclick="hide('islem')"></i>
</div>

<div class="message-box animated fadeIn" data-sound="alert" id="mmesaj">
  <div class="mb-container">
    <div class="mb-middle">
      <div class="mb-title"><span class="fa fa-check"></span>  Ýþlem Baþarýlý ! </div>
      <div class="mb-content">
        <p> Bizi tercih Ettiðiniz için Teþekkürler </p>
      </div>
      <div class="mb-footer">
        <div class="pull-right">
          <a style="cursor:pointer;" onclick="hide('mmesaj')" class="v3-btn v3-btn-default v3-btn-lg mb-control-close"> Kapat </a>
        </div>
      </div>
    </div>
  </div>
</div><!--  main   -->
        <div id="main">
            <!--  header  -->
            <header class="main-header">
                <div class="container">
                    <!--  header-top -->
                    <div class="header-top  fl-wrap">
                        <div class="header-top_contacts"><a href="tel:+90 (212) 475 43 32"><span><i class="fa-solid fa-phone-volume"></i></span> +90 (212) 475 43 32</a><a href="#"><span><i class="fa-solid fa-location-dot"></i></span> Akçaburgaz Mah. 3030 Sk. No: 7 Esenyurt / Ýstanbul</a></div>
                        <div class="header-social">
                            <ul>
                                <li><a href="#" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
                                <li><a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
                                <li><a href="#" target="_blank"><i class="fa-brands fa-linkedin"></i></a></li>
                            </ul>
                        </div>
                        <div class="lang-wrap"><a href="?lang=lang1" class="act-lang"><b>TR</b></a><span>/</span><a href="?lang=lang2"><b>EN</b></a></div>
                    </div>
                    <!--  header-top end  -->
                    <div class="nav-holder-wrap init-fix-header  fl-wrap">
                        <a href="#" class="logo-holder"><img src="images/logo2.png" alt=""></a>
                        <!--  navigation -->
                        <div class="nav-holder main-menu">
                            <nav>
                                <ul>
								
                                    <li>
                                        <a href=".">ANASAYFA</a>
                                        <!--second level -->
										
                                        <!--second level end-->
										
                                    </li>
									
                                    <li>
                                        <a href="#">KURUMSAL<i class='fas fa-caret-down'></i></a>
                                        <!--second level -->
										
                                        <ul>
											
                                            <li><a href="?h1004/Hakkimizda">Hakkýmýzda</a></li>
											
                                            <li><a href="?h1006/Kalite-Politikamiz">Kalite Politikamýz</a></li>
											
                                        </ul>
										
                                        <!--second level end-->
										
                                    </li>
									
                                    <li>
                                        <a href="?u/urunler">ÜRÜNLERÝMÝZ<i class='fas fa-caret-down'></i></a>
                                        <!--second level -->
										
                                        <!--second level end-->
										
										<ul>
										
                                            <li><a href="?x34/600-serisi">600 Serisi</a></li>
										
                                            <li><a href="?x35/700-serisi">700 Serisi</a></li>
										
                                            <li><a href="?x36/900-serisi">900 Serisi</a></li>
										
                                            <li><a href="?x37/kuzineocaklar-grubu">Kuzine & Ocaklar Grubu</a></li>
										
                                            <li><a href="?x38/firinlar">Fýrýnlar</a></li>
										
                                            <li><a href="?x39/kafeterya">Kafeterya</a></li>
										
                                            <li><a href="?x40/doner-ocaklar">Döner Ocaklar</a></li>
										
                                            <li><a href="?x41/servis-hatti">Servis Hattý</a></li>
										
                                            <li><a href="?x42/sogutma-ekipmanlari">Soðutma Ekipmanlarý</a></li>
										
										</ul>
										
                                    </li>
									
                                    <li>
                                        <a href="#">MÜÞTERÝ HÝZMETLERÝ<i class='fas fa-caret-down'></i></a>
                                        <!--second level -->
										
                                        <ul>
											
                                            <li><a href="?a1042/Servis-Noktalari">Servis Noktalarý</a></li>
											
                                            <li><a href="#">Satýþ Noktalarý</a></li>
											
                                        </ul>
										
                                        <!--second level end-->
										
                                    </li>
									
                                    <li>
                                        <a href="?i/iletisim">ÝLETÝÞÝM</a>
                                        <!--second level -->
										
                                        <!--second level end-->
										
                                    </li>
									
                                </ul>
                            </nav>
                        </div>
                        <!-- navigation  end -->  
						<!-- nav-button-wrap-->
                        <div class="nav-button-wrap">
                            <div class="nav-button">
                                <span></span><span></span><span></span>
                            </div>
                        </div>
                        <!-- nav-button-wrap end-->
                        <!--<div class="show-cart sc_btn   htact">							
                            <a href="#"><i><img src="images/himaksan-wp-icon.png"></i></a>
                        </div>
                        <div class="show-cart sc_btn   htact"><i><img src="images/himaksan-fire-icon.png"></i><span class="show-cart_count">Yeni</span></div>-->
                        <div class="show-share-btn showshare htact"><i><img src="images/himaksan-icon.png"></i><span class="header-tooltip">HimakSan Bilgi Merkezi</span></div>
                        				
                        <!-- share-wrapper -->
                        <div class="share-wrapper isShare">
                            <div class="share-container fl-wrap"></div>
                        </div>
                        <!-- share-wrapper-end -->					
                        <!--yeni ürünler-->
                        <div class="wish-list-wrap novis_cart">
                            <div class="wish-list-close close_cart-init clwl_btn"><i class="fa-regular fa-xmark"></i></div>
                            <div class="wish-list-title">Yeni Ürünler </div>
                            <div class="wish-list-container">
                                <!--yeni ürünler list-->
                                <div class="wish-list-item fl-wrap">
                                    <div class="wish-list-img"><a href="#"><img src="images/urunler/yeni/test-urun-1.jpg" alt=""></a>  
                                    </div>
                                    <div class="wish-list-descr">
                                        <h4><a href="#">HimakSa Test Ürün #1</a></h4>
                                        <div class="wish-list-price">Paslanmaz Çelik</div>
                                        <a  href="#" class="wshil_link">Ýncele</a>
                                    </div>
                                </div>
								<div class="wish-list-item fl-wrap">
                                    <div class="wish-list-img"><a href="#"><img src="images/urunler/yeni/test-urun-2.jpg" alt=""></a>  
                                    </div>
                                    <div class="wish-list-descr">
                                        <h4><a href="#">HimakSan Test Ürün #2</a></h4>
                                        <div class="wish-list-price">Paslanmaz Çelik</div>
                                        <a  href="#" class="wshil_link">Ýncele</a>
                                    </div>
                                </div>
								
								
                                <!--yeni ürünler list end-->
                            </div>
                            <div class="wish-list-wrap-btns">
                                <a href="#" class="wl_btn">TÜM ÜRÜNLERÝMÝZ</a>
                            </div>
                        </div>
                        <!--yeni ürünler end-->
                    </div>
                </div>
            </header>
            <div class="header-overlay close_cart-init"></div>
<!--  header end  -->
<head>
  <link rel="stylesheet" href="css/servis-bul.css">
</head>
<style>
.content-section.parallax-section.hero-section {
    padding: 90px 0 180px;
}

.product i {color:red;}
.product__recomended__description a {color:red;
border: 1px solid;
    padding: 3px;
    border-radius: 14px;
    font-weight: 700;
}
.hidden {
    display: none;
}
</style>
		 <!--  section  -->
            <div class="content-section parallax-section hero-section hidden-section" data-scrollax-parent="true">
                <div class="bg par-elem " data-bg="images/bg/12.jpg" data-scrollax="properties: { translateY: '30%' }"></div>
            </div>
            <!-- section end  -->
            <!--content-->
            <div class="content">
                <!-- breadcrumbs-wrap  -->
                <div class="breadcrumbs-wrap">
                    <div class="container">
                        <span>HimakSan</span><i><img src="images/himaksan-icon.png"></i><span>Servis Noktalarý</span> 
                    </div>
                </div>
                <!--breadcrumbs-wrap end  -->
				
<section class="product">


<div class="product__description">
    <div class="product__description__content-space">
        <div class="product__description__content">
            <h1><span class="name"><img src="images/logo2.png" alt="HimakSan" style="width: 160px; margin-top:-19px;"> SERVÝS NOKTALARI<img src="images/servis.gif" alt="HimakSan" style="width: 40px;"></span></h1>
            <p style="text-align: center!important; font-size:20px!important;">Ýlinizi aradýktan sonra alt tarafta servis noktasýyla alakalý tüm bilgileri göreceksiniz.</p>
            <div class="content__price-tools">
                <div class="content__price-tools__tools" style="height: 130px;">
                    <form id="searchForm" name='buying-btns' action="get">
                        <input type="text" id="districtInput" placeholder="Hangi Ýlde Servis Lazým??" required>
                        <input type="submit" value="BUL" class='btn btn-to-card'>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="product__recomended-gallary hidden">
    <div class="product__recomended-gallary__recomended">
        <p id="cityName"></p>
    </div>
    <div id="noServiceMessage" style="display: none;">
        <p style="padding: 20px; color: red; font-size: 18px; font-weight: 600;">
		Üzgünüz, henüz bu noktada bir HimakSan servis noktasý yok.</p>
    </div>
    <div class="product__recomended-gallary__items-space" id="serviceList"></div>
</div>


</section>
</div>
<!--content end-->
<!--servis noktalari API-->
<script>
const serviceData = [
    {
        city: "Adana",
		city: "adana",
        name: "Polat Soðutma",
        phone: "0322 226 62 21",
        address: "Ziyapaþa, 69077. Sk. Gökhan Apt. 3/A, 01140 Seyhan/Adana"
    },
	{
        city: "Adýyaman",
		city: "adýyaman",
        name: "Orhan Teknik Soðutma",
        phone: "0416 214 32 81",
        address: "Yavuz Selim Mah. Hastahane Cad. 13 Adýyaman Merkez, Adýyama"
    },
    {
        city: "Ayfon",
		city: "ayfon",
        name: "Mavi Alev Teknik",
        phone: "0274 214 73 84",
        address: "Marulcu Mah. Gazi Ahmet Paþa Sok. 8 Afyonkarahisar Merkez, Afyonkarahisar"
    },
    {
        city: "Aðrý",
		city: "aðrý",
        name: "Güven Soðutma",
        phone: "0544 292 48 13",
        address: "Aðrý"
    },
	{
        city: "Aksaray",
		city: "aksaray",
        name: "Arda Teknik",
        phone: "0542 212 14 28",
        address: "Þeyh Hamit, 3301. Sk. 2 B, 68200 Aksaray Merkez/Aksaray"
    },
	{
        city: "Ankara",
		city: "ankara",
        name: "Aktepe Endüstiryel Teknik",
        phone: "0532 451 16 32",
        address: "Mimar Sinan Mah. Ýncesu Cad. 178/A Çankaya, Ankara"
    },
	{
        city: "Ankara",
		city: "ankara",
        name: "Ýrem Teknik",
        phone: "0506 838 11 27",
        address: "Kazým Karabekir Cad. Güven Han No: 104/40 Ýskitler/Ankara"
    },
	{
        city: "Antalya",
		city: "antalya",
        name: "Çalýþlar Grup Otel Ekipmanlarý",
        phone: "0542 394 33 22",
        address: "Küçükhasbahçe, 610. Cd. 3/A, 07400 Alanya/Antalya"
    },
	{
		city: "Alanya",
		city: "alanya",
        name: "Çalýþlar Grup Otel Ekipmanlarý",
        phone: "0542 394 33 22",
        address: "Küçükhasbahçe, 610. Cd. 3/A, 07400 Alanya/Antalya"
    }
	
];

document.getElementById('searchForm').addEventListener('submit', function(event) {
    event.preventDefault();
    
    const inputCity = document.getElementById('districtInput').value.trim().toLowerCase();
    const cityNameElement = document.getElementById('cityName');
    const serviceList = document.getElementById('serviceList');
    const noServiceMessage = document.getElementById('noServiceMessage');
    const recommendedGallary = document.querySelector('.product__recomended-gallary');
    
    cityNameElement.textContent = inputCity.charAt(0).toUpperCase() + inputCity.slice(1); // Ýlk harfi büyük yap

    serviceList.innerHTML = '';
    noServiceMessage.style.display = 'none';
    

    const filteredServices = serviceData.filter(service => service.city.toLowerCase() === inputCity);
    
    if (filteredServices.length === 0) {

        noServiceMessage.style.display = 'block';
    } else {

        filteredServices.forEach(service => {
            const serviceItem = document.createElement('div');
            serviceItem.classList.add('product__recomended-gallary__item');
            
            const imgDiv = document.createElement('div');
            imgDiv.classList.add('img');
            const img = document.createElement('img');
            img.src = "images/himaksan-icon.png";
            img.style.width = "32px";
            img.style.height = "32px";
            imgDiv.appendChild(img);
            
            const descriptionDiv = document.createElement('div');
            descriptionDiv.classList.add('product__recomended__description');
            
            const title = document.createElement('h3');
            title.textContent = service.name;
            descriptionDiv.appendChild(title);
            
            const details = document.createElement('p');
            details.innerHTML = `<a href="tel:+9${service.phone}" style="top:4px!important"><i class="fa-solid fa-phone-volume"></i> ${service.phone}</a><br> <a href="#" class="get-directions" data-address="${service.address}" style="top:9px!important"><i class="fa-solid fa-person-walking-dashed-line-arrow-right"></i> Yol Tarifi Al</a>`;
            descriptionDiv.appendChild(details);
            
            serviceItem.appendChild(imgDiv);
            serviceItem.appendChild(descriptionDiv);
            serviceList.appendChild(serviceItem);
        });
    }
    
    // Sonuçlarý göster
    recommendedGallary.classList.remove('hidden');
});

// Yol tarifi al linkine týklanmýþsa
document.addEventListener('click', function(event) {
    if (event.target && event.target.classList.contains('get-directions')) {
        event.preventDefault();
        const destinationAddress = event.target.getAttribute('data-address');
        
        // Kullanýcýnýn konumunu al
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
                const userLatitude = position.coords.latitude;
                const userLongitude = position.coords.longitude;

                // Adresin URL'ini oluþtur
                const directionsUrl = `https://www.google.com/maps/dir/?api=1&origin=${userLatitude},${userLongitude}&destination=${encodeURIComponent(destinationAddress)}`;
                window.open(directionsUrl, '_blank');
            }, function() {
                alert("Konum alýnamadý.");
            });
        } else {
            alert("Geolocation desteði yok.");
        }
    }
});

</script>		<div class="height-emulator"></div>
            <footer class="main-footer">
                <div class="footer-inner">
                    <div class="container">
                        <!-- footer-widget-wrap -->
                        <div class="footer-widget-wrap">
                            <div class="footer-separator-wrap">
                                <div class="footer-separator"><span></span></div>
                            </div>
                            <div class="row">
                                <!-- footer-widget -->
                                <div class="col-lg-3">
                                    <div class="footer-widget">
                                        <div class="footer-widget-title">Biz Kimiz?</div>
                                        <div class="footer-widget-content">
                                            <p>HimakSan olarak, Siz deðerli müþterilerimizin beklentilerini karþýlayýp en iyi hizmeti vermeye çalýþarak güvenilir, saðlam ve kaliteli ürünleri en uygun fiyatlarla zamanýnda teslim ediyoruz.</p>
                                            <a href="?h1004/Hakkimizda" class="footer-widget-content-link"><span>HAKKIMIZDA</span></a>                                                    	
                                        </div>
                                    </div>
                                </div>
                                <!-- footer-widget  end-->
                                <!-- footer-widget -->
                                <div class="col-lg-3">
                                    <div class="footer-widget">
                                        <div class="footer-widget-title">ÝLETÝÞÝM  </div>
                                        <div class="footer-widget-content">
                                            <div class="footer-contacts footer-box">
                                                <ul>
                                                    <li><span>Telefon:</span><a href="+902124754332">+90 (212) 475 43 32</a><br><a href="+905322762182">+90 (532) 276 21 82</a> , <a href="tel:+905522929505">+90 (552) 292 95 05</a></li>
                                                    <li><span>Mail:</span><a href="mailto:info@himaksan.com">info@himaksan.com</a></li>
                                                    <li><span>Adres:</span><a href="#">Akçaburgaz Mah. 3030 Sk. No: 7 Esenyurt / Ýstanbul</a></li>
                                                </ul>
                                            </div>
                                            <a href="#" class="footer-widget-content-link"><span>Adres Tarifi Almak Ýster misin?</span></a>                                                    	
                                        </div>
                                    </div>
                                </div>
                                <!-- footer-widget  end-->
                                <!-- footer-widget -->
                                <div class="col-lg-2">
                                    <div class="footer-widget">
                                        <div class="footer-widget-title">YARDIMCI LÝNKLER</div>
                                        <div class="footer-widget-content">
                                            <div class="footer-list footer-box">
                                                <ul>
                                                    <li><a href="?h1004/Hakkimizda">HAKKIMIZDA</a></li>
                                                    <li><a href="?u/urunler">ÜRÜNLERÝMÝZ</a></li>
                                                    <li><a href="?a1042/Servis-Noktalari">TEKNÝK SERVÝS NOKTALARI</a></li>
                                                    <li><a href="#">ONLÝNE KATALOG</a></li>
                                                    <li><a href="#">ÝLETÝÞÝM</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- footer-ürünler-->								
                                 <div class="col-lg-2">
                                    <div class="footer-widget">
                                        <div class="footer-widget-title">ÜRÜNLERÝMÝZ</div>
                                        <div class="footer-widget-content">
                                            <div class="footer-list footer-box">
                                                <ul>
                                                    <li><a href="?x34/600-serisi">600 SERÝSÝ</a></li>
                                                    <li><a href="?x35/700-serisi">700 SERÝSÝ</a></li>
                                                    <li><a href="?x36/900-serisi">900 SERÝSÝ</a></li>
                                                    <li><a href="?x37/kuzineocaklar-grubu">KUZÝNE & OCAK GRUPLARI</a></li>
                                                    <li><a href="?x38/firinlar">FIRINLAR</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
								 <div class="col-lg-2">
                                    <div class="footer-widget">
                                        <div class="footer-widget-title">-</div>
                                        <div class="footer-widget-content">
                                            <div class="footer-list footer-box">
                                                <ul>
                                                    <li><a href="?x39/kafeterya">KAFETERYA GRUBU</a></li>
                                                    <li><a href="?x40/doner-ocaklar">DÖNER OCAKLARI</a></li>
                                                    <li><a href="?x41/servis-hatti">SERVÝS HATTI</a></li>
                                                    <li><a href="?x42/sogutma-ekipmanlari">SOÐUTMA EKÝPMANLARI & TEZGAHLAR</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- footer-widget-wrap end-->					
                    </div>
                    <div class="footer-title-dec"></div>
                </div>
                <div class="footer-social">
                    <div class="container">
                        <ul>
                            <li><a href="#" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
                            <li><a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
						    <li><a href="#" target="_blank"><i class="fa-brands fa-linkedin"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-bottom">
                    <div class="container">
                        <a href="#" class="footer-logo"><img src="images/logo-footer.png" alt="HimakSan"></a>
                        <div class="copyright"><img src="images/logo-footer.png" alt="HimakSan" style="width: 95px; margin-top: -9px;"> | ENDÜSTRÝYEL MUTFAK EKÝPMANLARI SAN. TÝC. LTD. ÞTÝ. &#169; 2024 - TÜM HAKLARI SAKLIDIR. </div>
                        <div class="to-top"><span>YUKARI ÇIK</span><i class="fal fa-angle-double-up"></i></div>
                    </div>
                </div>
            </footer>
            <!--footer end-->
        </div>
        <!-- Main end -->
        <!--=============== scripts  ===============-->   
        <script  src="js/jquery.min.js"></script>
        <script  src="js/plugins.js"></script>
        <script  src="js/scripts.js"></script>
    </body>
</html>