hadisveritabani.info Review

TitletagDescriptiontaglanguage
Hadis - Hadis Veritabani
Alexarank
411575
Ip adress104.21.92.151Nameserverpiotr.ns.cloudflare.com
grace.ns.cloudflare.com
Status code200
robots.txt -http://hadisveritabani.info/robots.txt
 <!doctype html>
<html lang="tr">
	<head>
		<title>Hadis - Hadis Veritabani</title>
		<meta name="description" content="Hadis Veritabani, İslam dininin temel kaynaklarından Hadislere doğrudan erişim amacıyla online bir veritabanı">
		<meta name="keywords" content="Ara, Arama, Hadis, Terceme, Açıklama, Tahrici, Pergamber, Ravi, Veritabanı, sahih, hasen, mevzu, İslam, İslamiyet, Buhari, Tirmizi, Kütübü Sitte">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- Favicon -->
		<link rel="apple-touch-icon" href="apple-touch-icon.png">
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

		<!-- Stylesheet -->
		<link rel="stylesheet" type="text/css" href="/assets/css/main.css">
		<link rel="stylesheet" type="text/css" href="/assets/chosen/1.8.7/chosen.css"/>
		<link rel="stylesheet" type="text/css" href="/assets/css/jstree.css">
		<link rel="stylesheet" type="text/css" href="/assets/css/keyboard.css">
		<link rel="stylesheet" type="text/css" href="/assets/hvozel/hv.css?v1">
		<!-- Google Font -->
		<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600" rel="stylesheet">
	
<!--pre>



anahtar:-
kelime:-
kelime_a:-
kelime_1:-
kelime_2:-
kelime_3:-
kelime_4:-
colorWords:Array
(
)

</pre-->

		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=G-5T33NNNM27"></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());
			gtag('config', 'G-5T33NNNM27');
		</script>
	</head>
	<body>
		<header class="c-navbar" style="padding: 13px 38px;" >
            <a class="c-navbar__brand" href="/"> 
                <!--img src="/assets/img/logo2.png" alt=""-->
                <img src="/assets/hvozel/hv-logo.png">
            </a>

			<!-- Küçük ekranlarda da mutlaka görünsün -->
			<nav class="c-nav" id="secondary-nav" style="margin-right: 2em;">
				<ul class="c-nav__list">
					<li class="c-nav__item">
						<a class="c-nav__link  is-active " href="/hadis/ara" alt="Hadisler">Hadisler</a>
					</li>
				</ul>
			</nav>
                       
           <!-- Navigation items that will be collapses and toggle in small viewports -->
            <nav class="c-nav collapse" id="main-nav">
                <ul class="c-nav__list">
                    <!--li class="c-nav__item">
                        <a class="c-nav__link  is-active " href="/hadis/ara" alt="Hadisler">Hadisler</a>
                    </li-->

                    <li class="c-nav__item">
                        <a class="c-nav__link " href="/ravi/ara" alt="Rical">Rical</a>
                    </li>
					<li class="c-nav__item">
                        <a class="c-nav__link " href="/hoca/ara" alt="Hoca - Öğrenci">Hoca - Öğrenci</a>
                    </li>

					<li class="c-nav__item">
                        <a class="c-nav__link " href="/hadis/sozlugu" alt="Hadis Sözlüğü">Hadis Sözlüğü</a>
                    </li>

					<li class="c-nav__item">
                        <a class="c-nav__link " href="/user/sayilarla" alt="Özet">Sayılarla</a>
                    </li>

					 <li class="c-nav__item">
                        <a class="c-nav__link " href="/user/faq" alt="Yardım">Kullanım Klavuzu</a>
                    </li>
                </ul>
            </nav>
			
            <!-- // Navigation items  -->
            <div class="c-field has-icon-right c-navbar__search u-hidden-down@desktop u-ml-auto u-mr-small" style="width: 140px!important;">   
            </div>
			
	
			
			
	
			<span class="c-tooltip c-tooltip--left" aria-label="Web sayfası kullanıcı girişi">
				<a href="/user/login" class="c-btn c-btn--info">
					<i class="fa fa-sign-in u-mr-xsmall"></i> Giriş
				</a>
			</span>
			
	
            <button class="c-nav-toggle" type="button" data-toggle="collapse" data-target="#main-nav">
                <span class="c-nav-toggle__bar"></span>
                <span class="c-nav-toggle__bar"></span>
                <span class="c-nav-toggle__bar"></span>
            </button><!-- // .c-nav-toggle -->
        </header>


<style>
/* ---------------------------------------------------------------------- */
/*  Hadis
/* ---------------------------------------------------------------------- */
/*   hv.css de olduğundan burada ihtiyaç kalmadı  */
/*.saridolgu {
	background-color: #FFFF00;
}
.mavidolgu {
	color: #2ea1f8;
}
.c-choice__input+.c-choice__label:before {
	margin: 0 6px 0 0;
}
.u-mr-xsmall {
	margin-right: 0rem!important;
}
fieldset {
	border: 1px solid #bbb;
}
legend {
	padding: 5px;
}
.chosen-container{
	width:100%!important;
}
.c-search-form {
    margin-bottom: 0rem;
}
.c-field__addon {
	background: #2ea1f8;
	background: linear-gradient(180deg,#2ea1f8,#1990ea);
	border-color: #1a91eb;
}
.c-choice--radio .c-choice__input:checked+.c-choice__label:before {
    border: 4px solid #2ea1f8;
	box-shadow: 0 0 0 1px #2ea1f8;
}
.c-choice--checkbox .c-choice__input:checked+.c-choice__label:before {
    border-color: #2ea1f8;
    background-color: #2ea1f8;
}
*/


/* ---------------------------------------------------------------------- */
/*  Jstree
/* ---------------------------------------------------------------------- */
.text-red {
    color: #1FBBA6;
}

/* line 5, ../sass/vendor/_jstree.scss */
.jstree-default .jstree-clicked {
  border: 0;
  background-color: #e1e1e1;
  box-shadow: none;
}

/* line 11, ../sass/vendor/_jstree.scss */
.jstree-default .jstree-hovered {
  border: 0;
  background-color: #eee;
  box-shadow: none;
}

/* line 17, ../sass/vendor/_jstree.scss */
.jstree-default .jstree-wholerow-clicked,
.jstree-wholerow .jstree-wholerow-clicked {
  background: none;
  border: 0;
  background-color: #e1e1e1;
  box-shadow: none;
}

/* line 25, ../sass/vendor/_jstree.scss */
.jstree-default .jstree-wholerow-hovered,
.jstree-wholerow .jstree-wholerow-hovered {
  border: 0;
  background-color: #eee;
  box-shadow: none;
}

/* line 32, ../sass/vendor/_jstree.scss */
.jstree-icon.icon-lg {
  margin-top: 1px;
}

/* line 36, ../sass/vendor/_jstree.scss */
.jstree-open > .jstree-anchor > .fa-folder:before {
  margin-left: 2px;
  content: "\f07c";
}
</style>

	<input id="q_input" type="hidden" value=""/>
	<div class="container-fluid u-mt-xsmall">
		<div class="row">
			<div class="searchTop col-lg-12"> 
				<div class="c-tabs">
                        
					<!--ul class="c-tabs__list c-tabs__list--splitted nav nav-tabs" id="myTab" role="tablist">
						<li class="c-tabs__item">
							<a class="c-tabs__link active" id="nav-arama-tab" data-toggle="tab" href="#nav-arama" role="tab" 
							aria-controls="nav-arama" aria-selected="true">
								 Arama
							</a>
						</li>
						
						<li class="c-tabs__item">
							<a class="c-tabs__link " id="nav-garama-tab" data-toggle="tab" href="#nav-garama" role="tab" 
							aria-controls="nav-garama" aria-selected="false">
								 Gelişmiş Arama
							</a>
						</li>
					</ul-->
					
						<!--div class="c-tabs__pane active" id="nav-arama" role="tabpanel" aria-labelledby="nav-arama-tab">
							<form class="c-search-form c-search-form--dark" style="margin-bottom: 0rem!important;">
			
								<div class="row">
									<div class="col-lg-10">
										<div class="u-block">
											<label class="c-switch__label c-search-form__label" for="search-position"><i class="fa fa-search"></i> Arama</label>
											<div class="c-field has-addon-right has-icon-left">	
												<span class="searchbox c-field__icon"></span>
												<input autocomplete="off" name="kelime" class="c-input c-intro__search keyboardInput" data-type="0" type="text" value="" />
												<button id="ba" class="c-field__addon c-btn c-btn--info" style="margin-left: 2px;"><i class="fa fa-search"></i></button>
											</div>
											<small style="color: #868686" class="c-field__message"><i class="fa fa-comments-o"></i> "Sadece Yazıldığı şekilde" arama yaptığınızda tam olarak yazdığınız metin aranır eş anlamlı kelimeler dahil edilmez...</small>
											<small class="c-field__message"><i class="fa fa-comments-o"></i> Arama, Arap harflerinden oluşan kelimeler girildiğinde Hadis, Türkçe harflerinden oluşan kelimeler girildiğinde Terceme, Açıklama, Tahrici alanlarında yapılır...</small>
											<small class="c-field__message"><i class="fa fa-comments-o"></i> Birden fazla kelime girildiğinde, arama kelimeleri VE ile bağlanır...</small>
											<small class="c-field__message"><i class="fa fa-comments-o"></i> Tercümesi onaylanmamış olan hadisler arama sonuçlarında listelenir, ancak onaylanıncaya kadar tercümesi gösterilmez... </small>
											<small class="c-field__message"><i class="fa fa-comments-o"></i> Sıralama, sırasıyla terceme teyiti yapılanlar, açıklama girilenler, terceme onayı yapılanlar şeklindedir... </small>
										</div>
									</div>
									
									<div class="col-lg-2">
										<div class="u-block">
											<label class="c-switch__label c-search-form__label" for="search-position"><i class="fa fa-dot-circle-o"></i> Arama Türü</label>
											<div class="c-field has-icon-left">
												<div class="row">
													<div class="c-choice c-choice--radio u-mr-xsmall">
														<input class="c-choice__input" id="radio1" name="aramaTuru" type="radio" value="tkg" checked="checked">
														<label class="c-choice__label" for="radio1">Tüm kelimeler geçsin </label>
													</div>
												</div>
												<div class="row">
													<div class="c-choice c-choice--radio u-mr-xsmall">
														<input class="c-choice__input" id="radio2" name="aramaTuru" type="radio" value="ig" >
														<label class="c-choice__label" for="radio2">İçinde geçsin</label>
													</div>
												</div>
												<div class="row">
													<div class="c-choice c-choice--radio u-mr-xsmall">
														<input class="c-choice__input" id="radio3" name="aramaTuru" type="radio" value="ys" >
														<label class="c-choice__label" for="radio3">Sadece Yazıldığı şekilde</label>
													</div>
												</div>
												
												<div class="row">
													<button class="btn-arama c-btn c-btn--info c-btn--fullwidth" type="submit" style="height: 40px;"><i class="fa fa-search"></i> Arama</button>
												</div>
									
											</div>
										</div>
									</div>
								</div>
								<input type="hidden" name="arama" value="a">
							</form>
						</div-->
						
						<!--div class="c-tabs__pane " id="nav-darama" role="tabpanel" aria-labelledby="nav-darama-tab">
							<form class="c-search-form c-search-form--dark">
								<!-- 1 

								<div class="row">
									<div class="col-lg-7">
										<div class="u-block">
											<label class="c-switch__label c-search-form__label" for="search-position"><i class="fa fa-search"></i> Aranacak Kelime(ler)</label>
											<div class="c-field has-addon-right has-icon-left">
												<span class="searchbox c-field__icon"></span>
												<input autocomplete="off" name="kelimed[]" class="c-input c-intro__search keyboardInput" type="text" value="">	
											</div>
										</div>
									</div>
									<div class="col-lg-2">
										<div class="u-block">
											<label class="c-switch__label c-search-form__label" for="search-position"><i class="fa fa-minus-square-o"></i> Aranacak Alan</label>
											<div class="c-field u-mb-xsmall">
												<select class="c-select" name="aramaKonumlari[]">
													<option value="Tercemesi" >Terceme</option>
													<option value="Aciklama" >Açıklama</option>
													<option value="Tahrici" >Tahrici</option>
													<option value="HadisNrm" >Hadis</option>
												</select>
											</div>
										</div>
									</div>
									<div class="col-lg-3">
										<div class="u-block">
											<label class="c-switch__label c-search-form__label" for="search-position"><i class="fa fa-minus-square-o"></i> Arama Türü</label>
											<div class="c-field">
												<select class="c-select" name="aramaTuru[]">
													<option value="sys" >Sadece yazılan şekilde</option>
													<option value="ig" >İçinde geçsin</option>
												</select>
											</div>
										</div>
									</div>
								</div>
								<!-- 2 
								<div class="row">
									<div class="col-lg-2">
										<div class="u-block">
											<div class="c-field">
												<select class="c-select" name="bagla[]">
													<option value="and" >Ve</option>
													<option value="or" >Veya</option>
												</select>
											</div>	
										</div>
									</div>
									<div class="col-lg-5">
										<div class="u-block">
											<div class="c-field has-addon-right has-icon-left">
												<span class="searchbox c-field__icon"></span>
												<input autocomplete="off" name="kelimed[]" class="c-input c-intro__search keyboardInput" type="text" value="">
											</div>
										</div>
									</div>
									<div class="col-lg-2">
										<div class="u-block">
											<div class="c-field u-mb-xsmall">
												<select class="c-select" name="aramaKonumlari[]">
													<option value="Tercemesi" >Terceme</option>
													<option value="Aciklama" >Açıklama</option>
													<option value="Tahrici" >Tahrici</option>
													<option value="HadisNrm" >Hadis</option>
												</select>
											</div>
										</div>
									</div>
									<div class="col-lg-3">
										<div class="u-block">
											<div class="c-field">
												<select class="c-select" name="aramaTuru[]">
													<option value="sys" >Sadece yazılan şekilde</option>
													<option value="ig" >İçinde geçsin</option>
												</select>
											</div>
										</div>
									</div>
								</div>
								<!-- 3 
								<div class="row">
									<div class="col-lg-2">
										<div class="u-block">
											<div class="c-field">
												<select class="c-select" name="bagla[]">
													<option value="and" >Ve</option>
													<option value="or" >Veya</option>
												</select>
											</div>	
										</div>
									</div>
									<div class="col-lg-5">
										<div class="u-block">
											<div class="c-field has-addon-right has-icon-left">
												<span class="searchbox c-field__icon"></span>
												<input autocomplete="off" name="kelimed[]" class="c-input c-intro__search keyboardInput" type="text" value="">
											</div>
										</div>
									</div>
									<div class="col-lg-2">
										<div class="u-block">
											<div class="c-field u-mb-xsmall">
												<select class="c-select" name="aramaKonumlari[]">
													<option value="Tercemesi" >Terceme</option>
													<option value="Aciklama" >Açıklama</option>
													<option value="Tahrici" >Tahrici</option>
													<option value="HadisNrm" >Hadis</option>
												</select>
											</div>
										</div>
									</div>
									<div class="col-lg-3">
										<div class="u-block">
											<div class="c-field">
												<select class="c-select" name="aramaTuru[]">
													<option value="sys" >Sadece yazılan şekilde</option>
													<option value="ig" >İçinde geçsin</option>
												</select>
											</div>
										</div>
									</div>
									<small class="c-field__message">* Arama, Arap harflerinden oluşan kelimeler ile yapılmak istendiğinde girildiğinde Aranılacak Alan "Hadis" seçilmeli...</small>
								</div>
								<!-- buton 
								<div class="row">
									<div class="col-lg-10">
										<div class="u-block u-mb-small">
											<label class="c-switch__label c-search-form__label" for="search-position"><i class="fa fa-link"></i> Sıhhat Derecesi</label>
											<div class="c-field has-icon-left">
												<div class="row c-search-form__section u-flex">
													<div class="col-lg-3 c-choice c-choice--checkbox u-mr-xsmall">
														<input class="c-choice__input" id="checkbox1" name="sihhat[]" type="checkbox" value="Sahih" 
															checked="checked">
														<label class="c-choice__label" for="checkbox1">Sahih</label>
													</div>
													<div class="col-lg-3 c-choice c-choice--checkbox u-mr-xsmall">
														<input class="c-choice__input" id="checkbox2" name="sihhat[]" type="checkbox" value="Hasen"
															checked="checked">
														<label class="c-choice__label" for="checkbox2">Hasen</label>
													</div>
													<div class="col-lg-3 c-choice c-choice--checkbox u-mr-xsmall">
														<input class="c-choice__input" id="checkbox3" name="sihhat[]" type="checkbox" value="Zayıf"
															checked="checked">
														<label class="c-choice__label" for="checkbox3">Zayıf</label>
													</div>
													<div class="col-lg-3 c-choice c-choice--checkbox u-mr-xsmall">
														<input class="c-choice__input" id="checkbox4" name="sihhat[]" type="checkbox" value="Mevzu"
															checked="checked">
														<label class="c-choice__label" for="checkbox4">Mevzu</label>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-2">
										<div class="u-mt-small">
											<button class="c-btn c-btn--info c-btn--fullwidth" type="submit"><i class="fa fa-search"></i> Arama</button>
										</div>
									</div>
								</div>										
								
								<input type="hidden" name="arama" value="d">
							</form>
						</div-->
						
						<!-- GELİŞMİŞ ARAMA -->
						<div class="c-tabs__pane active" id="nav-garama" role="tabpanel" aria-labelledby="nav-garama-tab" style="padding: 0px 0px;">
							<form class="c-search-form c-search-form--dark">
			
			
								<div class="row">
									<div class="col-lg-10">
										<div class="u-block">
											<label class="c-switch__label c-search-form__label" for="search-position"><i class="fa fa-search"></i> Arama</label>
											<div class="c-field has-addon-right has-icon-left">	
												<span class="searchbox c-field__icon"></span>
												<input autocomplete="off" id="kelimeg" name="kelimeg" class="c-input c-intro__search keyboardInput" data-type="0" type="text" value="" />
												<!--button class="c-field__addon c-btn c-btn--info" style="margin-left: 2px; border-top-right-radius: 0;border-bottom-right-radius: 0;"><i class="fa fa-keyboard-o"></i></button-->
												<button type="button" id="btn_clear" class="c-field__addon c-btn c-btn--info" style="margin-left: 2px;" title="Temizle" onclick="$('#kelimeg').val('');"><i class="fa fa-times-circle"></i></button>
												<button id="ba" class="c-field__addon c-btn c-btn--info" style="margin-left: 2px;"><i class="fa fa-search"></i></button>
											</div>
											<small style="color: #868686" class="c-field__message"><i class="fa fa-comments-o"></i> "Sadece Yazıldığı şekilde" arama yaptığınızda tam olarak yazdığınız metin aranır eş anlamlı kelimeler dahil edilmez...</small>
											<small class="c-field__message"><i class="fa fa-comments-o"></i> Arama, Arap harflerinden oluşan kelimeler girildiğinde Hadis, Türkçe harflerinden oluşan kelimeler girildiğinde Terceme, Açıklama, Tahrici alanlarında yapılır...</small>
											<small class="c-field__message"><i class="fa fa-comments-o"></i> Birden fazla kelime girildiğinde, arama kelimeleri VE ile bağlanır...</small>
											<small class="c-field__message"><i class="fa fa-comments-o"></i> Tercümesi onaylanmamış olan hadisler arama sonuçlarında listelenir, ancak onaylanıncaya kadar tercümesi gösterilmez... </small>
											<small class="c-field__message"><i class="fa fa-comments-o"></i> Sıralama, sırasıyla terceme teyiti yapılanlar, açıklama girilenler, terceme onayı yapılanlar şeklindedir... </small>
										</div>
									</div>
									
									<div class="col-lg-2">
										<div class="u-block">
											<label class="c-switch__label c-search-form__label" for="search-position">
												<i class="fa fa-dot-circle-o"></i> Arama Türü
											</label>
											<div class="c-field has-icon-left">
												<div class="row">
													<div class="c-choice c-choice--radio u-mr-xsmall">
														<input class="c-choice__input" id="radio1" name="aramaTuru" type="radio" value="tkg" checked="checked">
														<label class="c-choice__label" for="radio1" title="Yazılan tüm kelimelerin mevcut olduğu kayıtlar listelenir">Tüm kelimeler geçsin</label>
													</div>
												</div>
												<div class="row">
													<div class="c-choice c-choice--radio u-mr-xsmall">
														<input class="c-choice__input" id="radio2" name="aramaTuru" type="radio" value="ig" >
														<label class="c-choice__label" for="radio2" title="Yazdığınız ifade metin içinde kelimenin bir kısmı olsa bile bulunur">İçinde geçsin</label>
													</div>
												</div>
												<div class="row">
													<div class="c-choice c-choice--radio u-mr-xsmall">
														<input class="c-choice__input" id="radio3" name="aramaTuru" type="radio" value="ys" >
														<label class="c-choice__label" for="radio3" title="Tam olarak yazdığınız ifade aranır, eş anlamlı kelimeler dahil edilmez">Sadece Yazıldığı şekilde</label>
													</div>
												</div>
												
												<div class="row">
													<button class="btn-arama c-btn c-btn--info c-btn--fullwidth" type="submit" style="height: 40px;"><i class="fa fa-search"></i> Arama</button>
												</div>
									
											</div>
										</div>
									</div>
								</div>
								
								
								
								
								


								

	
								<a class="c-stage__header u-flex u-justify-between collapsed" 
									href="/user/login">
									<div class="o-media">
										<div class="c-stage__header-title o-media__body">
											<h6 class="u-mb-zero">Gelişmiş Arama</h6>
										</div>
									</div>
									<i class="fa fa-angle-down u-text-mute"></i>
								</a>							
									
														
								<input type="hidden" name="arama" value="g">
							</form>	
						</div>
					
				</div><!-- // .c-stage__panel -->
			</div>
		
	</div><!-- // .container -->

<!-- Modal -->
<form action="/user/hadisAraKaydet?" method="POST">
<div class="c-modal c-modal--xsmall modal fade" id="modalAraKaydet" tabindex="-1" role="dialog" aria-labelledby="modalAraKaydet" data-backdrop="static">
    <div class="c-modal__dialog modal-dialog" role="document">
        <div class="c-modal__content">
            <div class="c-modal__header">
                <h3 class="c-modal__title">Aramanızı Kaydedin</h3>
                <span class="c-modal__close" data-dismiss="modal" aria-label="Close">
                    <i class="fa fa-close"></i>
                </span>
            </div>
            <div class="c-modal__body">
                <div class="c-field u-mb-xsmall">
                    <label class="c-switch__label" for="aramaAdi">Aramanıza bir isim verin</label>
                    <input class="c-input" type="text" name="aramaAdi" />
                    <input type="hidden" name="tur" value="1" />
                </div>
                <!--div class="c-card u-bg-secondary u-p-small u-mb-small">
                    <span class="u-text-mute u-text-small">İsimlendirin</span>
                    <p>Aramanıza bir isim vererek, sonrasında bulmanızı kolaylaştırın</p>
                </div-->
                <!--a class="c-btn c-btn--success c-btn--fullwidth" href="#">Kaydet</a-->
                <button class="c-btn c-btn--success c-btn--fullwidth">Kaydet</button>
            </div>
        </div><!-- // .c-modal__content -->
    </div><!-- // .c-modal__dialog -->
</div><!-- // .c-modal -->
</form>

<!-- Modal -->
<form action="/user/hadisCalismaAdiKaydet" method="POST">
<div class="c-modal c-modal--xsmall modal fade" id="modalCalismaAdi" tabindex="-1" role="dialog" aria-labelledby="modalCalismaAdi" data-backdrop="static">
    <div class="c-modal__dialog modal-dialog" role="document">
        <div class="c-modal__content">
            <div class="c-modal__header">
                <h3 class="c-modal__title">Çalışmanızı Kaydedin</h3>
                <span class="c-modal__close" data-dismiss="modal" aria-label="Close">
                    <i class="fa fa-close"></i>
                </span>
            </div>
            <div class="c-modal__body">
                <div class="c-field u-mb-xsmall">
                    <label class="c-switch__label" for="calismaAdi">Çalışmanıza bir isim verin</label>
                    <input class="c-input" type="text" name="calismaAdi" />
                </div>
                <button class="c-btn c-btn--success c-btn--fullwidth">Kaydet</button>
            </div>
        </div><!-- // .c-modal__content -->
    </div><!-- // .c-modal__dialog -->
</div><!-- // .c-modal -->
</form>




<!-- Modal -->
<div class="c-modal modal fade" id="addDelCalismaHadisId" tabindex="-1" role="dialog" aria-labelledby="addDelCalismaHadisId">
	<div class="c-modal__dialog modal-dialog" role="document">
		<div class="c-modal__content">
			<div class="c-modal__header">
				<h3 class="c-modal__title"></h3>
				<span class="c-modal__close" data-dismiss="modal" aria-label="Close">
					<i class="fa fa-close"></i>
				</span>
			</div>
			<div class="c-modal__body c-modal__body--maximized">
				<p class="u-text-mute u-mb-small"></p>
			</div>
		</div>
	</div>
</div>

<!-- Modal2 -->
<div class="c-modal c-modal--huge modal fade" id="modalRaviKarti" tabindex="-1" role="dialog" aria-labelledby="modalRaviKarti" data-backdrop="static">
    <div class="c-modal__dialog modal-dialog" role="document">
        <div class="c-modal__content">
            <div class="c-modal__header">
                <h3 class="c-modal__title">Ravi Adi</h3>
                <span class="c-modal__close" data-dismiss="modal" aria-label="Close">
                    <i class="fa fa-close"></i>
                </span>
            </div>
            <div class="c-modal__body">
                <div class="c-field u-mb-xsmall"></div>
            </div>
			<div class="c-modal__footer">
				<a href="" target="_blank" class="c-btn c-btn--warning">
					Rivayetleri
				</a>
				<button class="c-btn c-btn--info" data-dismiss="modal">
					Kapat
				</button>
			</div>
        </div><!-- // .c-modal__content -->
    </div><!-- // .c-modal__dialog -->
</div><!-- // .c-modal -->

<!-- Modal3 -->
<form action="/user/oneriFormu" method="POST">
	<div class="c-modal c-modal--huge modal fade" id="modalOneriFormu" tabindex="-1" role="dialog" aria-labelledby="modalOneriFormu" data-backdrop="static">
		<div class="c-modal__dialog modal-dialog" role="document">
			<div class="c-modal__content">
				<div class="c-modal__header">
					<h3 class="c-modal__title">Öneri Formu</h3>
					<span class="c-modal__close" data-dismiss="modal" aria-label="Close">
						<i class="fa fa-close"></i>
					</span>
				</div>
				<div class="c-modal__body">
					<span class="row">
						<span class="col-lg-2 u-text-mute u-text-small u-mb-xsmall"> 
							Öneri: 
						</span>
						<span class="col-lg-8 u-text-mute u-text-small"> 					
							<textarea name="oneri" class="c-input c-input--danger"></textarea>
						</span>
						<span class="col-lg-2 u-text-mute u-text-small"> 
							<button class="c-btn c-btn--danger c-btn--fullwidth">Kaydet</button>
						</span>
					</span>
				</div>
				<div class="c-modal__footer">
					<button class="c-btn c-btn--info" data-dismiss="modal">
						Kapat
					</button>
				</div>
			</div><!-- // .c-modal__content -->
		</div><!-- // .c-modal__dialog -->
	</div><!-- // .c-modal -->
</form>


<!-- Arabic keyboard -->
<div class="arabic-keyboard-footer-wrapper">
	<div class="arabic-keyboard-wrapper hide">
		<div class="titular arabic-keyboard-link">
			<div><i class="fa fa-keyboard-o"></i></div>
			<div class="hide arabic-keyboard-div" >
				<div class="arabic-keyboard-div-inner">
					<div class="typehelper">
						<div style="  width: 87px;">← delete</div><div>ا</div><div>ى</div><div>ء</div><div>أ</div><div>ؤ</div><div>ئ</div><div>إ</div><div>آ</div><div>ب</div><div>ت</div><div>ث</div><div>ج</div><div>ح</div><div>خ</div><div>د</div><div>ذ</div><div>ر</div><div>ز</div><div>س</div><div>ش</div><div>ص</div><div>ض</div><div>ط</div><div>ظ</div><div>ع</div><div>غ</div><div>ف</div><div>ق</div><div>ك</div><div>ل</div><div>م</div><div>ن</div><div>هـ</div><div>و</div><div>ي</div>
						<div style="  width: 327px;
						  margin-top: 4px;
						  margin-bottom: 6px;">space</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<style>
.footer-text {
	/* position: absolute;
	  top:10px;
	right: -20px; */
	width: 100%; 
	color: black;
	background-color: #808181;
}

.footer-text a{
	text-decoration: none;
	font-family: arial black;
	color: #555;
    font-size: 80%;
}

</style>

<footer>
	<table class="footer-text">
		<tr>
			<td rowspan="3" align="left" valign="top"><img src="/assets/hvozel/footer-sol.png"> </td>
			<td align="right" style="padding-right: 17px;"><a href="" >İLETİŞİM</a> | <a href="" >GİZLİLİK İLKELERİ</a> | <a href="" >KULLANIM KOŞULLARI</a></td>
		</tr>
		<tr>
			<td align="right" style="color: #fff; padding-right: 17px;">Copyright &copy; 2020, <a href="/" style="color: #fff; font-weight: normal; font-family: arial;"><i>hadisveritabani.info</i></a> | Tüm hakları saklıdır.</td>
		</tr>
		<tr>
			<td align="right" valign="bottom"><img src="/assets/hvozel/footer-sag.png"></td>
		</tr>
	</table>
</footer>
</body>

</html>

<style>
.hide {
	visibility: hidden;
}

.typehelper div {
  float: right;
  font-family: 'Verdana';
  /*font-weight: bold;*/
  font-size: 18px;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin: 3px;
  line-height: 2em;
  padding-bottom: 5px;
  min-width: 40px;
  text-align: center;
  background: #f5f5f5;
  color: #464646;
  box-shadow: 1px 0px 1px #ccc;
  cursor:pointer;
}

.typehelper div.hover {
  background: #000;
  color: #fff;
}

.typehelper div.down {
  background: #7d2c2c;
  color: #fff;
}

.searchbox{
	z-index:1000000;
}

.arabic-keyboard-link span.urd {
  font-family: Amiri, serif;
}

.arabic-keyboard-div {
	float: left;
	position: relative;
	left: -11px;
	top: 5px;
}
.arabic-keyboard-div-inner {
	position: absolute;
	width: 384px;
	border: 1px solid #ccc;cursor:initial;
	z-index: 9999;
	background: #fff;
	box-shadow: 4px 4px 10px #4A4747;
	padding: 3px;
	border-radius: 10px;
	left: -22px;
}
</style>


<style>
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
</style>

<!-- Main javascsript -->
<script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/assets/js/main.js"></script>

<script type="text/javascript" src="/assets/chosen/1.8.7/chosen.jquery.js?v1"></script>
<script type="text/javascript" src="/assets/chosen/chosen.ajaxaddition.jquery.js"></script>

<script type="text/javascript" src="/assets/js/xregexp-all-min.js"></script>
<script type="text/javascript" src="/assets/js/mc_easymark.js"></script>

<script type="text/javascript" src="/assets/js/jstree.min.js"></script>
<script type="text/javascript" src="/assets/js/ui-treeview.js"></script>

<script type="text/javascript" src="/assets/js/keyboard.js" charset="UTF-8"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-151544819-1"></script>

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-151544819-1');
</script>

<script type="application/ld+json">    
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  /*"url": "http://www.hadisveritabani.info/",*/
  "url": "/",
  "potentialAction": {
    "@type": "SearchAction",
    /*"target": "http://www.hadisveritabani.info/hadis/ara?kelime={search_term_string}&aramaTuru=sys&arama=a",*/
    "target": "/hadis/ara?kelime={search_term_string}&aramaTuru=sys&arama=a",
    "query-input": "required name=search_term_string"
  }
}
</script>

<script>

$(document).ready(function() {
    $('.datatable_').DataTable({
		"lengthChange": false,
		"language": {
			"search": "Arama:"
		}
	});
	
	if( parseInt($("#searchCount").attr("data-searchCount")) < parseInt($("#searchCount").attr("data-maxSearchSize")) ){
		$.get("/hadis/ajaxRavi", function(data, status){
			//console.log("Data: " + data + "\nStatus: " + status);
			console.log("Ajax Ok!");
			var temp = JSON.parse( data );
			
			$("#html1").html(temp[0]);
			
			$(".stage-panel-senet").html(temp[1]);
			
			$('#html1').jstree({
			"types" : {
						"default" : {
							"icon" : "fa fa-folder text-red fa-lg"
						},
						"file" : {
							"icon" : "fa fa-file text-red fa-lg"
						}
					},
					"plugins" : ["search", "types"]
			});
			
		});
		console.log($("#searchCount").attr("data-searchCount"));
	}
	
} );
</script>

<script>
var arabify = function(form, hide_promos) {
	form = $(form);
	var k = $('.arabic-keyboard-footer-wrapper .arabic-keyboard-wrapper').clone().removeClass('hide');
	//form.find('.searchbox').after(k);
	$('.searchbox').html(k);
	if(hide_promos) {
		$('.arabic-keyboard-link').addClass('hide-promos');
	}
}
arabify('#masthead-searchform-div form', true);
//arabify('#isearchform', false);			  
//arabify('form.restricted', false);						  
					  
var urdukeyboard_div_is_showing = false;
var urdukeyboard_link_is_hovered = false;


var urdukeyboard_in = function() {
	
	var that = $(this);

	  urdukeyboard_div_is_showing = true;
	  urdukeyboard_link_is_hovered = true;
	  
		  setTimeout(function() {
	  
		if(urdukeyboard_link_is_hovered) {
		  that.find('.arabic-keyboard-div').removeClass('hide');
			if(that.hasClass('hide-promos')) {
			  $('.toppromo').addClass('hide');
			  $('#mastpromo').addClass('hide');
			}
		}
  
  }, 200); 
  
};

var urdukeyboard_out = function() {
 urdukeyboard_div_is_showing = false;
 urdukeyboard_link_is_hovered = false;
   var that = $(this);
  
  setTimeout(function() {
  
    if(!urdukeyboard_link_is_hovered) {
      that.find('.arabic-keyboard-div').addClass('hide');
      $('.toppromo').removeClass('hide');
            $('#mastpromo').removeClass('hide');
    }
  
  }, 500);   
}


$('.arabic-keyboard-link').mouseenter( urdukeyboard_in ).mouseleave( urdukeyboard_out );

$('.typehelper div').mousedown(function(){
  $(this).addClass('down');
});

$('.typehelper div').mouseup(function(){

  $('.typehelper div').removeClass('down'); //instead of using *this*, since we want to remove the class from all buttons

});

$('.typehelper div').mouseenter(function(){

  $(this).addClass('hover');

});
$('.typehelper div').mouseleave(function(){

  $(this).removeClass('hover');

});


makeUnselectable($('.arabic-keyboard-div-inner')[0]);
function makeUnselectable(elem) {
  if (typeof(elem) == 'string')
    elem = document.getElementById(elem);
  if (elem) {
    elem.onselectstart = function() { return false; };
    elem.style.MozUserSelect = "none";
    elem.style.KhtmlUserSelect = "none";
    elem.unselectable = "on";
  }
}


$('.typehelper div').click(function() {
	var current_input_val = $(this).closest('form').find('.keyboardInput').val();
	var resultant_input = '';
	var text_to_add = $(this).text();

	if(/del/g.test(text_to_add)) {
		resultant_input = current_input_val.slice(0, - 1);
	}
	else if(text_to_add == 'space') {
		resultant_input = current_input_val + ' ';
	}
	else {

		resultant_input = current_input_val + text_to_add;
	}

	$(this).closest('form').find('.keyboardInput').val(resultant_input.replace(/ـ/,''));
});


$('.arabic-keyboard-div-inner').mousedown(function(){
var sel = window.getSelection ? window.getSelection() : document.selection;


if (sel) {
    if (sel.removeAllRanges) {
        sel.removeAllRanges();
    } else if (sel.empty) {
        sel.empty();
    }
}
});

$('.arabic-keyboard-div-inner').mouseup(function(){
	var sel = window.getSelection ? window.getSelection() : document.selection;


	if (sel) {
		if (sel.removeAllRanges) {
			sel.removeAllRanges();
		} else if (sel.empty) {
			sel.empty();
		}
	}
});
</script>

<script>
$(function() {

	jQuery('.search').each(function() {
		var value = $(this).html(); 
		var r = value.replace(new RegExp("«", 'g'), "«<span class='mavidolgu'>");
		r = r.replace(new RegExp("»", 'g'), "</span>»");
		//console.log(r);
		$(this).html(r);
	});
	
	if(document.getElementById("q_input")){
		var txtbox = document.getElementById("q_input").value;
		
		$(".search").easymark('removeHighlight');
		
		if(txtbox.substring(0, 1) == '-'){
			$(".search").easymark('highlight', txtbox.substring(1));
		}else{
			//console.log(txtbox);
			//console.log("txtbox: " + txtbox);
			var res = txtbox.split(" ");
			//$(".search").easymark('removeHighlight');
			res.forEach(function(entry) {
				//console.log(entry);
				$(".search").easymark('highlight',entry);
			});
		}
	}
	
	
});
</script>

<script>
$(document).ready(function(){

	var colors = ['u-bg-info', 'u-bg-fancy', 'u-bg-warning', 'u-bg-success', 'u-bg-danger', 'u-bg-primary'];

	$('#html1').on("select_node.jstree", function (e, data) { 
		console.log(data.node.data.id);
		ajxRaviKarti(data.node.data.id);
	});
	/*
	if( $("#searchCount").attr("data-searchCount") > 500 ){
		$.get("/hadis/ajaxRavi",  
		{
			q: id,
		},
		function(data, status){
			console.log("Data: " + data );
			
		}, "json");
	}
	*/
	
	
	
	var to = false;
	$('#tree_search').keyup(function() {
		if (to) {
			clearTimeout(to);
		}
		to = setTimeout(function() {
			var v = $('#tree_search').val();
			$('#html1').jstree(true).search(v);
		}, 250);
	});
	
	/*
	$(".chosen-select").each(function (index, value) {
		if($(this).data('url')){
			$(this).ajaxChosen({
				type: 'GET',
				url: $(this).data('url'), 
				dataType: 'json'
			}, function (data) {
				var results = [];
				$.each(data, function (i, val) {
					results.push({ value: val.value, text: val.text });
				});
				return results;
			},{
				allow_single_deselect:true,
				search_contains: true, 
				width:$(this).width(),
				width: '100%',
			});
		}else{
			$(this).chosen({
				search_contains: true,
				allow_single_deselect: true,
				width:$(this).width(),
				width: '100%',
			});
		}
	});
	*/
	$(".chosen-select").each(function (index, value) {
		if($(this).data('url')){
			var url = $(this).data('url');
			$(this).ajaxChosen({
				//type: 'GET',
				dataType: 'json',
				//data: {'term':'text'},
				//success: function(data, textStatus, jqXHR){ 
					//console.log(data); 
				//}
			},{
				processItems: function(data){
					var results = [];
					$.each(data, function (i, val) {
						results.push({ id: val.value, text: val.text });
					});
					return results;
				},
				//useAjax: function(e){ return true },
				generateUrl: function(q){ return url + '?term=' + q; },
				minLength: 2
			},{
				allow_single_deselect:true,
				search_contains: true, 
				width: '100%',
			});
		}else{
			$(this).chosen({
				search_contains: true,
				allow_single_deselect: true,
				width: '100%',
			});
		}
	});
	
	$('#leftRight').click(function(){
	
		if ($('.col-lg-3').hasClass('order-lg-1')) {
			$('.col-lg-3').removeClass('order-lg-1');
			$('.col-lg-9').removeClass('order-lg-2');
			
			$('.col-lg-3').addClass('order-lg-2');
			$('.col-lg-9').addClass('order-lg-1');
			
			$(this).find('i').removeClass('fa-caret-right');
			$(this).find('i').addClass('fa-caret-left');
			
		}else{
			$('.col-lg-3').removeClass('order-lg-2');
			$('.col-lg-9').removeClass('order-lg-1');
			
			$('.col-lg-3').addClass('order-lg-1');
			$('.col-lg-9').addClass('order-lg-2');
			
			$(this).find('i').removeClass('fa-caret-left');
			$(this).find('i').addClass('fa-caret-right');
		}   
		//console.log($('.col-lg-3').html());
		setSavedSetup();
	});
	
	
	if ($('.searchTop').hasClass('col-lg-12')) {
		if ($('.searchTop').hasClass('order-lg-2')) {
			$('.searchTop').removeClass('order-lg-2');
			$('.searchTop').addClass('order-lg-1');
			
			$('.searchValue').removeClass('order-lg-1');
			$('.searchValue').addClass('order-lg-2');
			
			$("#leftRight").find('i').removeClass('fa-caret-left');
			$("#leftRight").find('i').addClass('fa-caret-right');
		}
	}
	
	$('#upClose').click(function(){
	
		if ($('.searchTop').hasClass('col-lg-12')) {
			$('.searchTop').removeClass('col-lg-12');
			$('.searchTop').addClass('col-lg-3');
		
			$('.searchTop .u-mb-small').removeClass('col-sm-6');
			$('.searchTop .u-mb-small').addClass('col-sm-12');
			
			$('.searchTop .u-mb-small').removeClass('col-md-4');
			$('.searchTop .u-mb-small').addClass('col-md-12');
			
			$('.searchValue').removeClass('col-lg-12');
			$('.searchValue').addClass('col-lg-9');
			
			$(this).find('i').removeClass('fa-close');
			$(this).find('i').addClass('fa-caret-up');
			
			$("#leftRight").show();
			
		}else{
			$('.searchTop').removeClass('col-lg-3');
			$('.searchTop').addClass('col-lg-12');
		
			$('.searchTop .u-mb-small').removeClass('col-sm-12');
			$('.searchTop .u-mb-small').addClass('col-sm-6');
			
			$('.searchTop .u-mb-small').removeClass('col-md-12');
			$('.searchTop .u-mb-small').addClass('col-md-4');
			
			$('.searchValue').removeClass('col-lg-9');
			$('.searchValue').addClass('col-lg-12');
			
			$(this).find('i').addClass('fa-close');
			$(this).find('i').removeClass('fa-caret-up');
			
			$("#leftRight").hide();
			
			if ($('.searchTop').hasClass('order-lg-2')) {
				$('.searchTop').removeClass('order-lg-2');
				$('.searchTop').addClass('order-lg-1');
				
				$('.searchValue').removeClass('order-lg-1');
				$('.searchValue').addClass('order-lg-2');
				
				$("#leftRight").find('i').removeClass('fa-caret-left');
				$("#leftRight").find('i').addClass('fa-caret-right');
			}
		}   
		//console.log($('.col-lg-3').html());
		setSavedSetup();
	});
	
	$('.fa-navicon').click(function(){
		if ($('div.container').length){
			$('.container').addClass('container-fluid');
			$('.container').removeClass('container');
		}else{
			$('.container-fluid').addClass('container');
			$('.container-fluid').removeClass('container-fluid');
		}
		setSavedSetup();
	});
	
	$('.fa-bold').click(function(){
		if ($(".search").css('font-weight') == 700){
			$('.search').css('font-weight', 500);
			$(this).css('color', '#ced0da')
		}else{
			$('.search').css('font-weight', 700);
			$(this).css('color', '#2ea1f8')
		}
		setSavedSetup();
	});
	
	$(document).on('change', '.konuid', function(){
		var id = $(this).val();
		var result = $(this).attr("id").split('_');
		
		$.get("/hadis/ajaxBaslikFromKonu",  
		{
			q: id,
		},
		function(data, status){
			//console.log("Data: " + data );
			var temp = 	'';
			$.each(data, function(key, val) {
				if(val.id)
					temp += '<option value="' + val.id + '" >' + val.Baslik + '</option>';
				else
					temp += '<option></option>';
			});
			console.log(temp);
			$("#baslikid_"+result[1]).html(temp);
			$("#baslikid_"+result[1]).trigger("chosen:updated");
		}, "json");
		
	});
	
	/*
	$('#raviid').on('change', function(){
		var id = $(this).val();
		var str = $(this).find('option:selected').text();
		var res = str.split(" / ");
		console.log(id);
		//console.log($(this).find('option:selected').text());
		if (id){
			var temp = 	'<div class="c-feed__item has-icon">';
			temp +=			'<li class="c-pagination__item">';
			temp += 			'<a class="c-pagination__control" onclick="raviSira(-1,' + id + ')" title="Ravi listesinde, Ravi sırası AZALT"><i class="fa fa-caret-left"></i></a>';
			temp += 		'</li>';
			temp +=			'<li class="c-pagination__item">';
			temp += 			'<a class="c-pagination__control" onclick="raviSira(1,' + id + ')" title="Ravi listesinden, Ravi sırası ARTIR"><i class="fa fa-caret-right"></i></a>';
			temp += 		'</li>';
			temp +=			'<li class="c-pagination__item u-float-right">';
			temp +=				'<a class="c-pagination__control" onclick="raviSil(' + id + ')" title="Ravi listesinden Ravi SİL"><i class="fa fa-times"></i></a>';
			temp +=			'</li>';
			temp += 		'<i id="raviSayac_' + id + '" class="c-feed__item-icon ' + colors[Math.floor((Math.random() * 3))] + ' fa fa-check" title="Arama hadislerde, Ravi sırası gözetmeden yapılır"></i>';
			temp +=			'<p title="Ravi Adı">' + res['0'] + '</p>';
			temp +=			'<span class="c-feed__meta" title="Ravi Meşhur İsmi">' + res['1'] + '</span>';
			temp +=		'</div>';
			$("#raviList").append(temp);
			
			$('<input>').attr({
				type: 'hidden',
				name: 'raviid[0][' + id + ']',
				value: id,
				id: 'raviInput_' + id,
			}).appendTo('form');
		}
	});
	*/
	/*
	$(document).on('change', '.yazarid', function(){
		var id = $(this).val();
		var sel_id=$(this).attr("name");
		var result = $(this).attr("id").split('_');
		console.log(id);
		console.log(sel_id);
		console.log(result);
		
		$.get("/hadis/ajaxKitapListFromYazar",  
		{
			yazar: id,
		},
		function(data, status){
			//console.log("Data: " + data );
			var temp = 	'<option></option>';
			$.each(data, function(key, val) {
				$.each(val, function(key_, val_) {
					//console.log(val_);
					temp += '<option value="' + val_ + '" >' + val_ + '</option>';
				});
			});
			//console.log(temp);
			$("#kitapid_"+result[1]).html(temp);
			$("#kitapid_"+result[1]).trigger("chosen:updated");
			
			$("#bolumid").html("");
			$("#bolumid").parent().hide();
		}, "json");
	});
	/*
	$(document).on('change', '.kitapid', function(){
		var id = $(this).val();
		var result = $(this).attr("id").split('_');
		console.log(id);
		if (id){
			$.get("/hadis/ajaxBolumListFromKitap",  
			{
				kitap: id,
			},
			function(data, status){
				console.log("Data: " + data );
				var temp = 	'<option></option>';
				$.each(data, function(key, val) {
					$.each(val, function(key_, val_) {
						console.log(val_);
						temp += '<option value="' + val_ + '" >' + val_ + '</option>';
					});
				});
				console.log(temp);
				$("#bolumid_"+result[1]).html(temp);
				$("#bolumid_"+result[1]).trigger("chosen:updated");
				$("#bolumid_"+result[1]).parent().show();
			}, "json");
		}else{
			$("#bolumid_"+result[1]).html("");
			$("#bolumid_"+result[1]).parent().hide();
		}
	});
	*/
	
	$('.hoca-ogrenci #radio1').click(function(){
		$("#hoca-ogrenci").html("Hoca");
		$("#hocaid").attr('name', 'raviHoca');
	});
	
	$('.hoca-ogrenci #radio2').click(function(){
		$("#hoca-ogrenci").html("Öğrenci");
		$("#hocaid").attr('name', 'raviTalebe');
	});
	
	/*
	$(document).on('change', '.baslikid', function(){
		var id = $(this).val();
		console.log(id);
		if (id){
			$.get("/hadis/ajaxKonuListFromBaslik",  
			{
				baslikid: id,
			},
			function(data, status){
				console.log("Data: " + data );
				var temp = 	'<option></option>';
				$.each(data, function(key, val) {
					//$.each(val, function(key_, val_) {
						//console.log(val_);
						temp += '<option value="' + val.id + '" >' + val.Konu + '</option>';
					//});
				});
				console.log(temp);
				$("#konuid").html(temp);
				$("#konuid").trigger("chosen:updated");
			}, "json");
		}
	});
	*/
	
	$(".btn-duzenle").click(function(){
		//console.log($(this).data('adi'));
		$(".c-modal__body input[type=text]").val($(this).data('adi'));
		$(".c-modal__body input[type=hidden]").val($(this).data('id'));
		$("#modal-form").attr('action', $(this).data('action'));
	});
	
	$('#collapse').click(function(){
		if ($(this).hasClass('open')){
			$('#html1').jstree().open_all();
			$(this).removeClass('open');
			$(this).html('<i class="fa fa-arrows-h u-mr-xsmall"></i> Tümünü Kapat');
		}else{
			$('#html1').jstree().close_all();
			$(this).addClass('open');
			$(this).html('<i class="fa fa-arrows-v u-mr-xsmall"></i> Tümünü Aç');
		}
		
	});
	
	$('.sayfaSayisi').click(function(){
		console.log($(this));
		$('.sayfaSayisi').removeClass('is-active');
		$(this).addClass('is-active');
		setSavedSetup();
	});
	
	$('.modalRaviKarti').click(function(){
		console.log($(this).data("id"));
		ajxRaviKarti($(this).data("id"));
	});
	
	/*
	$(".c-intro__search").click(function(){
		//console.log(this);
		var kelimeler = [];
		if( kelimeler.length == 0 ){
			$.get("/user/getWords",  
			{
				type: $(this).data("type"),
			},
			function(data, status){
				//console.log("Data: " + data );
				
				$.each(data, function(key, val) {
					$.each(val, function(key_, val_) {
						//console.log(key_ + val_);
						kelimeler[key] = val_;
					});
				});
			}, "json");
			console.log(kelimeler);
			autocomplete(this, kelimeler);
		}
    }); 
	*/
	$(".c-intro__search").click(function(){
		//console.log(this);
		var kelimeler = [];
		if( kelimeler.length == 0 ){
			$.get("/user/getWords",  
			{
				type: $(this).data("type"),
			},
			function(data, status){
				//console.log("Data: " + data );
				
				$.each(data, function(key, val) {
					//$.each(val, function(key_, val_) {
						//console.log(key + val);
						kelimeler[kelimeler.length] = val;
					//});
				});
			}, "json");
			console.log(kelimeler);
			autocomplete(this, kelimeler);
		}
    }); 
	
	
	$(".multiRowContainer").on('click', '.btnClone', function (){
		var $row    = $(this).closest('.multiRow');
		console.log($row)
		var $clone = $row.clone();
		
		$(this).find("i").removeClass('fa-plus');
		$(this).find("i").addClass('fa-times');
		
		$(this).removeClass('c-btn--info');
		$(this).addClass('c-btn--danger');
		
		$(this).removeClass('btnClone');
		$(this).addClass('btnErase');
		
		$clone.find('.chosen-container').remove();
		$row.find('span.c-divider').show();
		$select=$clone.find('.chosen-select');
		$select.children('option').removeAttr('selected').end()
									.children('option:first').attr('selected', true).end();
		$select.each(function(){
			strid = $(this).attr('id');
			if ( strid && strid.indexOf('_') > 0 ) { //id si  var mı
				var e = strid.split('_');
				var sayac = parseInt(e[1]) + 1;
				var yeniid= e[0] + '_' + sayac;
				$(this).attr('id',yeniid);
				if( $(this).data('targetid') ){
					var e = $(this).data('targetid').split('_');
					var yenitargetid = e[0] + '_' + sayac ;
					//$(this).attr('data-targetid', yenitargetid);
					$(this).data('targetid', yenitargetid);
				}
			}
		})
		console.log($select.data('url'));
		
		/*
		if($select.data('url')){
			$select.ajaxChosen({
				type: 'GET',
				url: $select.data('url'), 
				dataType: 'json'
			}, function (data) {
				var results = [];
				$.each(data, function (i, val) {
					results.push({ value: val.value, text: val.text });
				});
				return results;
			},{
				allow_single_deselect:true,
				search_contains: true, 
				width:$select.width()
			});
		}else{
			$select.chosen({
				allow_single_deselect: true,
				width:$select.width()
			});
		}
		*/
		
		if($select.data('url')){
			var url = $select.data('url');
			$select.ajaxChosen({
				dataType: 'json'
			},{
				processItems: function(data){
					var results = [];
					$.each(data, function (i, val) {
						results.push({ id: val.value, text: val.text });
					});
					return results;
				},
				generateUrl: function(q){ return url + '?term=' + q; },
				minLength: 3
			},{
				allow_single_deselect:true,
				search_contains: true, 
				width:$select.width()
			});
		}else{
			$select.chosen({
				allow_single_deselect: true,
				width:$select.width()
			});
		}
		$row.after($clone);
	});
	
	$(".multiRowContainer").on('click', '.btnErase', function (){
		$(this).parent().parent().parent().remove();
	});

	
	$("#kaynaklar .multiRowContainer").on('change', "select", function(){
		$select = $(this);
		//strid = $select.attr('id');
		var keyfield = $(this).data('keyfield');
		$.getJSON($(this).data('targeturl'),  {	q: $(this).val() },
		function(data, status){
			console.log("Data: " + data );
			var temp = 	'<option></option>';
			$.each(data, function(key, val) {
				if(typeof val === 'string' ){
					temp += '<option value="' + val + '" >' + val + '</option>';
				}else{
					temp += '<option value="' + val[keyfield] + '" >' + val[keyfield] + '</option>';
				}
			});
			//console.log(temp);
			//console.log('#' + $select.data('targetid'));
			$('#' + $select.data('targetid') ).html(temp);
			$('#' + $select.data('targetid') ).trigger('change').trigger("chosen:updated");
		});
	})
	
	
	$("#baslikKonu .multiRowContainer").on('change', "select", function(){
		$select = $(this);
		//strid = $select.attr('id');
		var keyfield = $(this).data('keyfield');
		$.getJSON($(this).data('targeturl'),  {	q: $(this).val() },
		function(data, status){
			console.log("Data: " + data );
			var temp = 	'<option></option>';
			$.each(data, function(key, val) {
				temp += '<option value="' + val['id'] + '" >' + val[keyfield] + '</option>';
			});
			//console.log(temp);
			//console.log('#' + $select.data('targetid'));
			$('#' + $select.data('targetid') ).html(temp);
			$('#' + $select.data('targetid') )/*.trigger('change')*/.trigger("chosen:updated");
		});
	})
	
	
	/*
	$(".multiRowContainer").on('click', '.btnClone', function (){
		if($(this).find("i").hasClass('fa-plus')){
			var $row    = $(this).closest('.multiRow');
			console.log($row)
			var $clone = $row.clone();
						
			$(this).find("i").removeClass('fa-plus');
			$(this).find("i").addClass('fa-times');
			
			$(this).removeClass('c-btn--info');
			$(this).addClass('c-btn--danger');
			
			console.log($clone.find('.chosen-select'));
			
			$select=$clone.find('.chosen-select');
			$select.children('option').removeAttr('selected').end()
				.children('option:first').attr('selected', true).end();
			console.log($(this).parent().parent().parent().find('.chosen-select').html);
			if($select.data('url')){
				
				$select.ajaxChosen({
					type: 'GET',
					url: $select.data('url'), //'raviler.php?requestRavi',
					dataType: 'json'
				}, function (data) {
					var results = [];
					$.each(data, function (i, val) {
						results.push({ value: val.value, text: val.text });
					});
					return results;
				},{
					allow_single_deselect:true,
					search_contains: true, 
					width:$select.width()
				});
			}else{
				console.log('urlZZZ');
				$select.chosen({
					allow_single_deselect: true,
					width:$select.width()
				});
			}
			$row.after($clone);
		}else{
			$(this).parent().parent().parent().remove();
		}
	});
	*/	
	/*
	$(".multiRowContainer").on('click', '.btnClone', function (){
		if($(this).find("i").hasClass('fa-plus')){
			var $row    = $(this).closest('.multiRow');
			console.log($row)
			var $clone = $row.clone();
			$clone.find('.chosen-container').remove();
			
			var explode = $clone.find('.yazarid').attr("id").split('_');
			
			$('#btnClone_'+explode[1]).find("i").removeClass('fa-plus');
			$('#btnClone_'+explode[1]).find("i").addClass('fa-times');
			
			$('#btnClone_'+explode[1]).removeClass('c-btn--info');
			$('#btnClone_'+explode[1]).addClass('c-btn--danger');
			
			var sayac = parseInt(explode[1]) + 1;
			console.log(sayac);
			
			$clone.find('.yazarid').attr("id", 'yazarid_' + sayac);
			$clone.find('.kitapid').attr("id", 'kitapid_' + sayac);
			$clone.find('.bolumid').attr("id", 'bolumid_' + sayac);
			$clone.find('.btnClone').attr("id", 'btnClone_' + sayac);
			
			
			
			$clone.find(':text, textarea').val('');
			$select=$clone.find('.chosen-select');
			$select.children('option').removeAttr('selected').end()
				.children('option:first').attr('selected', true).end();
			if($select.data('url')){
				$select.ajaxChosen({
					type: 'GET',
					url: $select.data('url'), //'raviler.php?requestRavi',
					dataType: 'json'
				}, function (data) {
					var results = [];
					$.each(data, function (i, val) {
						results.push({ value: val.value, text: val.text });
					});
					return results;
				},{
					allow_single_deselect:true,
					search_contains: true, 
					width:$select.width()
				});
			}else{
				$select.chosen({
					allow_single_deselect: true,
					width:$select.width()
				});
			}
			$row.after($clone);
		}else{
			$(this).parent().parent().parent().remove();
		}
	});	
	*/
})

function ajxRaviKarti(id){
	$.get("/ravi/ajxRaviKarti",  
	{
		raviid: id,
	},
	function(data, status){
		console.log("Data: " + data );
		$("#modalRaviKarti").find("h3").html(data.MeshurIsmi + '&nbsp;&nbsp;<small><i>(' + data.Adi +')</i></small>');
		
		var arr = ['Nisbesi', 'Mezhebi', 'Derecesi', 'MuhacirEnsar', 'Muellif', 'Guvenilirligi', 'Kabilesi', 'Meslegi', 'Cinsiyet'];
		var html = '<div class="row">';
		html += '		<div class="col-lg-6">';
		var i = 0;
		arr.forEach(function(entry) {
			if( data[entry] ){
				
				html += '<div class="row' + ((i == 0)?'':' u-border-top') + '">';
				html += '	<div class="col-lg-3 u-nospace">';
				if(entry!='MuhacirEnsar')
					html += '		<label class="c-field__label">' + entry + ' : </label>';
				else
					html += '		<label class="c-field__label">  </label>';
				html += '	</div>';
				html += '	<div class="col-lg-9 u-nospace">';
				if(entry=='MuhacirEnsar'){
					if(data[entry]=='M') data[entry]='Muhacir';
					if(data[entry]=='E') data[entry]='Ensar';
					console.log('muhacirensar');
				} 
				html += '	<label class="c-field__label">' + data[entry] + '</label>';			
				html += '	</div>';
				html += '</div>';
				i++;
			}
		});
		
		html += '<div class="row u-border-top">';
		html += '	<div class="col-lg-3 u-nospace">';
		html += '		<label class="c-field__label">Doğum : </label>';
		html += '	</div>';
		html += '	<div class="col-lg-9 u-nospace">';
		html += '		<label class="c-field__label">H:&nbsp;' + ((data.DogumYiliHc != '0')?data.DogumYiliHc:'....') + '&nbsp;&nbsp;&nbsp;M:&nbsp;' + ((data.DogumYiliMd != '0')?data.DogumYiliMd:'....') + '&nbsp;&nbsp;(' + ((data.DogumYeri != '')?data.DogumYeri:'....') + ')</label>';
		html += '	</div>';
		html += '</div>';
		
		html += '<div class="row u-border-top">';
		html += '	<div class="col-lg-3 u-nospace">';
		html += '		<label class="c-field__label">Vefat : </label>';
		html += '	</div>';
		html += '	<div class="col-lg-9 u-nospace">';
		html += '		<label class="c-field__label">H:&nbsp;' + ((data.VefatYiliHc != '0')?data.VefatYiliHc:'....') + '&nbsp;&nbsp;&nbsp;M:&nbsp;' + ((data.VefatYiliMd != '0')?data.VefatYiliMd:'....') + '&nbsp;&nbsp;(' + ((data.VefatYeri != '')?data.VefatYeri:'....') + ')</label>';
		html += '	</div>';
		html += '</div>';

		
		html += '<div class="c-search-form__section">';
		html += '	<div class="c-field has-icon-left">';
//		html += '		<span class="c-field__icon"><i class="fa fa-map-marker"></i></span>';
        html += '		<label class="c-field__label c-search-form__label" for="search-location">Biyografisi</label>';
//		html += '		<input class="c-input" id="search-location" type="text" placeholder="All">';
		html += '		<label class="c-field__label" style="text-align:justify">' + ((data.BiyografiTeyitleyen > 0 && data.Biyografisi)?data.Biyografisi:'....') + '</label>';
//		html += '		<small class="c-field__message">Enter a city, state or country</small>';
		html += '	</div>';
		html += '</div>';

		
		html += '	</div>';
		html += '	<div class="col-lg-6">';
		
		var arr = ['_Kaynaklar', '_Hocaları', '_Talebeleri', '_Meslegi', '_Savaslari', '_Rihlesi', '_Yaşadığı Yerler'];
		var i = 0;
		arr.forEach(function(entry) {
			if( data[entry] ){
				
				html += '<div class="row' + ((i == 0)?'':' u-border-top') + '">';
				html += '	<div class="col-lg-3 u-nospace">';
				if( entry == '_Meslegi') 
					html += '		<label class="c-field__label"> Meslekleri: </label>';	
				else 
					html += '		<label class="c-field__label">' + entry.substr(1) + ': </label>';
				html += '	</div>';
				html += '	<div class="col-lg-9 u-nospace">';
				
				data[entry].split("-#-").forEach(function(entry_, j) {
					if( entry == '_Hocalarıxxx' ){
						html += '	<label class="c-field__label">' + (j+1) + '. ' + entry_.split("-|-")[0] + ' (' + entry_.split("-|-")[1] +')</label>';
					}else if( entry == '_Kaynaklar' ){
						html += '	<label class="c-field__label" style="line-height: 1;">' + (j+1) + '. ' + entry_.split("-|-")[0] + '<br /><small><i>' + entry_.split("-|-")[1] +'</i></small></label>';
					}else{
						html += '	<label class="c-field__label">' + (j+1) + '. ' + entry_ + '</label>';
					}
					
				});
			
				html += '	</div>';
				html += '</div>'; 
				i++;
			}
		});
		
		html += '	</div>';
		html += '</div>';
		
		if( html )
			$("#modalRaviKarti").find(".c-field").html(html);
		else
			$("#modalRaviKarti").find(".c-field").html('<p>Ravi hakkında bilgi bulunamadı!</p>');
		
		$("#modalRaviKarti").find(".c-btn--warning").attr("href", "/hadis/ara?raviid[0]="+ data.id +"&ravisira[0]=0&arama=g");
	}, "json");
	
	$('#modalRaviKarti').modal('show');
};

function oneriFormu(elem){
	console.log($(elem).find(".oneriFormu").html());
	$("#modalOneriFormu").find(".c-modal__body").prepend($(elem).find(".oneriFormu").html());
	$('#modalOneriFormu').modal('show');
};

function raviSil(id){
	console.log(id);
	$('#raviInput_' + id).remove();
	$('#raviSayac_' + id).parents('.c-feed__item').remove();
};

function raviSira(elem, id){
	var sayac = $('#raviSayac_' + id).html(); 
	sayac = (sayac) ? sayac : 0;
	var toplam = parseInt(sayac) + parseInt(elem);
	
	if(toplam < 0){
		sayac = 0;
	}else if(toplam > 7){
		sayac = 7;
	}else{
		sayac = toplam;
	}
	
	if(sayac == 0){
		$('#raviSayac_' + id).addClass("fa fa-check");
		$('#raviSayac_' + id).html("");
		$('#raviSayac_' + id).attr('title', 'Arama hadislerde, Ravi sırası gözetmeden yapılır');
		
		$('#raviInput_' + id).remove();
		
		$('<input>').attr({
			type: 'hidden',
			name: 'raviid[0][' + id + ']',
			value: id,
			id: 'raviInput_' + id,
		}).appendTo('form');
		
	}else{
		$('#raviSayac_' + id).removeClass("fa fa-check");
		$('#raviSayac_' + id).html(sayac); 
		$('#raviSayac_' + id).attr('title', 'Arama hadislerde, Ravi sırası ' + sayac + ' olarak yapılır');
		
		$('#raviInput_' + id).remove();
		
		$('<input>').attr({
			type: 'hidden',
			name: 'raviid[1][' + sayac + ']',
			value: id,
			id: 'raviInput_' + id,
		}).appendTo('form');
	}

};

function dynamicDisplayChange(elem){
	console.log(elem.value);
	$('.search').css('font-size', elem.value+'px');
	$('#range').html(elem.value);
	//console.log($('.search').html());
	setSavedSetup();
}

function setFont(elem){
	console.log(elem);
	$('.search').css('font-family', elem+', sans-serif');
	setSavedSetup();
}

function setSavedSetup(){
	
	leftRight = $('#leftRight').find('i').attr('class');
	style = $('#stages_').find('h3').attr('style');
	if ($('.searchTop').hasClass('col-lg-12')) {
		searchTop = 'col-lg-12';
	}else{
		searchTop = 'col-lg-3';
	}
	//console.log(style);
	if ($('div.container').length){
		container = 'container';
	}else{
		container = 'container-fluid';
	}
	
	sayfaSayisi = $('.sayfaSayisi.is-active').html();
	
	serializedData = {'data':{'leftRight':leftRight, 'style':style, 'container':container, 'sayfaSayisi':sayfaSayisi, 'searchTop':searchTop}};
	$.ajax({
		url: "/user/setSavedSetup",
		type: "post",
		data: serializedData
	});

}

function setCalismaOrtami(elem){
	//console.log($(elem).data("id"));
	
	$.post("/user/setCalismaOrtami",
	{
		calismaID: $(elem).data("id"),
	},
	function(data, status){
		//console.log("Data: " + data + "\nStatus: " + status);
		if(status == 'success'){
			location.replace(window.location.href)
		}
	});
	
}

function addCalismaHadisId(elem){
	
	//console.log($(elem).data("id"));
	var temp = '<i class="fa fa-plus" style="color:#bbbbbb;"></i>';
	temp += '<a onclick="delCalismaHadisId(this)" data-id="' + $(elem).data("id") + '" data-no="' + $(elem).data("no") + '" title="Bu hadisi aktif çalışma ortamından çıkar"><i class="fa fa-minus"></i></a>';
	//console.log(temp);
	$('#calismaHadisId'+$(elem).data("id")).html(temp);
	
	$.post("/user/addCalismaHadisId",
	{
		hadisID: $(elem).data("id"),
		HadisNo: $(elem).data("no"),
	}, 
	function(data, status){
		//console.log("Data: " + data + "\nStatus: " + status);
		if(status == 'success'){
			temp = '<strong>' + $(elem).data("no") + '</strong> numaralı hadis, <strong>' + $("#addDelCalismaHadisId").find("h3").html() + '</strong> çalışma ortamına <strong>EKLENDİ!</strong>';
			$("#addDelCalismaHadisId").find("p").html(temp);
			$("#addDelCalismaHadisId").modal("show");
			setTimeout(function() {$('#addDelCalismaHadisId').modal('hide');}, 1500);
			
			temp = '<a href="/hadis/ara?kelime[]='+$(elem).data("id")+'" class="c-dropdown__item"><i class="fa fa-link u-color-info"></i> '+$(elem).data("no")+'</a>';
			$('#aktifCalisma').prepend(temp);
		}
	});
	
	
	//location.replace(window.location.href)
}

function delCalismaHadisId(elem){

	//console.log($(elem).data("id"));
	var temp = '<a onclick="addCalismaHadisId(this)" data-id="' + $(elem).data("id") + '" data-no="' + $(elem).data("no") + '" title="Bu hadisi aktif çalışma ortamına ekle"><i class="fa fa-plus"></i></a>';
	temp += '<i class="fa fa-minus" style="color:#bbbbbb;"></i>';
	//console.log(temp);
	$('#calismaHadisId'+$(elem).data("id")).html(temp);
	
	$.post("/user/delCalismaHadisId",
	{
		hadisID: $(elem).data("id"),
	},
	function(data, status){
		//console.log("Data: " + data + "\nStatus: " + status);
		if(status == 'success'){
			temp = '<strong>' + $(elem).data("no") + '</strong> numaralı hadis, <strong>' + $("#addDelCalismaHadisId").find("h3").html() + '</strong> çalışma ortamından <strong>SİLİNDİ!</strong>';
			$("#addDelCalismaHadisId").find("p").html(temp);
			$("#addDelCalismaHadisId").modal("show");
			setTimeout(function() {$('#addDelCalismaHadisId').modal('hide');}, 1000);
			$( $('#aktifCalisma a[href*="/hadis/ara?kelime[]='+$(elem).data("id")+'"]') ).remove();
		}
	});
	
}

function delCalismaHadisIdFromStudies(elem){
	$.post("/user/delCalismaHadisId",
	{
		hadisID: $(elem).data("id"),
	},
	function(data, status){
		if(status == 'success'){
			$("#addDelCalismaHadisId").find("h3").html($("#calisma_adi").html());
			temp = '<strong>' + $(elem).data("no") + '</strong> numaralı hadis, <strong>' + $("#addDelCalismaHadisId").find("h3").html() + '</strong> çalışma ortamından <strong>SİLİNDİ!</strong>';
			$("#addDelCalismaHadisId").find("p").html(temp);
			$("#addDelCalismaHadisId").modal("show");
			setTimeout(function() {$('#addDelCalismaHadisId').modal('hide');}, 1000);
			$("#calisma_sepeti").find("em").html( parseInt($("#calisma_sepeti").find("em").html()) -1 );
			$(elem).parent().parent().hide();
		}
	});
}

function raviKarti(elem){
	ajxRaviKarti($(elem).data("id"));
}

function autocomplete(inp, arr) {
  /*the autocomplete function takes two arguments,
  the text field element and an array of possible autocompleted values:*/
  var currentFocus;
  /*execute a function when someone writes in the text field:*/
  inp.addEventListener("input", function(e) {
      var a, b, i, val = this.value;
      /*close any already open lists of autocompleted values*/
      closeAllLists();
      if (!val) { return false;}
      currentFocus = -1;
      /*create a DIV element that will contain the items (values):*/
      a = document.createElement("DIV");
      a.setAttribute("id", this.id + "autocomplete-list");
      a.setAttribute("class", "autocomplete-items");
      /*append the DIV element as a child of the autocomplete container:*/
      this.parentNode.appendChild(a);
      /*for each item in the array...*/
      for (i = 0; i < arr.length; i++) {
        /*check if the item starts with the same letters as the text field value:*/
		//console.log(arr[i]);
        if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {
          /*create a DIV element for each matching element:*/
          b = document.createElement("DIV");
          /*make the matching letters bold:*/
          b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>";
          b.innerHTML += arr[i].substr(val.length);
          /*insert a input field that will hold the current array item's value:*/
          b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>";
          /*execute a function when someone clicks on the item value (DIV element):*/
              b.addEventListener("click", function(e) {
              /*insert the value for the autocomplete text field:*/
              inp.value = this.getElementsByTagName("input")[0].value;
              /*close the list of autocompleted values,
              (or any other open lists of autocompleted values:*/
              closeAllLists();
          });
          a.appendChild(b);
        }
      }
  });
  /*execute a function presses a key on the keyboard:*/
  inp.addEventListener("keydown", function(e) {
      var x = document.getElementById(this.id + "autocomplete-list");
      if (x) x = x.getElementsByTagName("div");
      if (e.keyCode == 40) {
        /*If the arrow DOWN key is pressed,
        increase the currentFocus variable:*/
        currentFocus++;
        /*and and make the current item more visible:*/
        addActive(x);
      } else if (e.keyCode == 38) { //up
        /*If the arrow UP key is pressed,
        decrease the currentFocus variable:*/
        currentFocus--;
        /*and and make the current item more visible:*/
        addActive(x);
      } else if (e.keyCode == 13) {
        /*If the ENTER key is pressed, prevent the form from being submitted,*/
        //e.preventDefault();
        if (currentFocus > -1) {
          /*and simulate a click on the "active" item:*/
          if (x) x[currentFocus].click();
        }
      }
  });
  function addActive(x) {
    /*a function to classify an item as "active":*/
    if (!x) return false;
    /*start by removing the "active" class on all items:*/
    removeActive(x);
    if (currentFocus >= x.length) currentFocus = 0;
    if (currentFocus < 0) currentFocus = (x.length - 1);
    /*add class "autocomplete-active":*/
    x[currentFocus].classList.add("autocomplete-active");
  }
  function removeActive(x) {
    /*a function to remove the "active" class from all autocomplete items:*/
    for (var i = 0; i < x.length; i++) {
      x[i].classList.remove("autocomplete-active");
    }
  }
  function closeAllLists(elmnt) {
    /*close all autocomplete lists in the document,
    except the one passed as an argument:*/
    var x = document.getElementsByClassName("autocomplete-items");
    for (var i = 0; i < x.length; i++) {
      if (elmnt != x[i] && elmnt != inp) {
      x[i].parentNode.removeChild(x[i]);
		}
	  }
	}
	/*execute a function when someone clicks in the document:*/
	document.addEventListener("click", function (e) {
		closeAllLists(e.target);
	});
}

function playAudio(item, id) { 
  console.log(id);
  $(item).hide();
  $(item).next().show();
  var x = document.getElementById(id); 
  x.play(); 
} 

function pauseAudio(item, id) { 
  console.log(id);
  $(item).hide();
  $(item).prev().show();
  var x = document.getElementById(id); 
  x.pause(); 
} 

function endAudio(item, id) { 
  console.log(id);
  $(item).next().next().hide();
  $(item).next().show();
} 

</script>



HTTP/1.1 200 OK
Date: Sat, 23 Aug 2025 06:51:06 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Server: cloudflare
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Cf-Cache-Status: DYNAMIC
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=o3i5TNU0UsXMNIATLMe2zYVDUBPT%2Fz3B%2BBAJ5AyoLP1TT5yVXQQzqIUTgGgG%2Boh%2F%2BOHgV1%2BREIwdCRbOXQNMSKPCWp4SZ2YaeM7zlQS%2BdV4J3Q%3D%3D"}]}
Vary: Accept-Encoding
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Content-Encoding: br
Set-Cookie: PHPSESSID=3pdjr0djgntvhhajg5san32i5a; Path=/
Set-Cookie: PHPSESSID=3pdjr0djgntvhhajg5san32i5a; Max-Age=3600; Expires=Sat, 23 Aug 2025 07:51:06 GMT
CF-RAY: 9738adf448c8f605-NRT
alt-svc: h3=":443"; ma=86400

iframe