object(stdClass)#32 (5) {
  ["took"]=>
  int(1)
  ["timed_out"]=>
  bool(false)
  ["_shards"]=>
  object(stdClass)#33 (4) {
    ["total"]=>
    int(1)
    ["successful"]=>
    int(1)
    ["skipped"]=>
    int(0)
    ["failed"]=>
    int(0)
  }
  ["hits"]=>
  object(stdClass)#35 (3) {
    ["total"]=>
    object(stdClass)#34 (2) {
      ["value"]=>
      int(2)
      ["relation"]=>
      string(2) "eq"
    }
    ["max_score"]=>
    float(0)
    ["hits"]=>
    array(2) {
      [0]=>
      object(stdClass)#36 (5) {
        ["_index"]=>
        string(5) "books"
        ["_type"]=>
        string(4) "_doc"
        ["_id"]=>
        string(2) "22"
        ["_score"]=>
        float(0)
        ["_source"]=>
        object(stdClass)#37 (8) {
          ["publication_place"]=>
          string(13) "в Будин"
          ["publication_year"]=>
          string(4) "1825"
          ["publication_place_norm"]=>
          array(1) {
            [0]=>
            string(16) "Будапеща"
          }
          ["author_resposibility"]=>
          string(577) "избрани из ветхият и новият завет в полза на юношеството от господина Йоанна Гибнера; присовокупени са с благочестивите размишления, от немецкият на российският язик переведени, а от российският на славеноболгарският наш язик переведени от Анастаса Стояновича, котлянина; посвещенина господина Антониа Йоановича"
          ["total_pages_count"]=>
          string(3) "253"
          ["coverfilename"]=>
          string(6) "15.jpg"
          ["main_title"]=>
          string(105) "Священное цветообрание или Сто и четире священни истории"
          ["pages_count_type"]=>
          string(1) "1"
        }
      }
      [1]=>
      object(stdClass)#38 (5) {
        ["_index"]=>
        string(5) "books"
        ["_type"]=>
        string(4) "_doc"
        ["_id"]=>
        string(2) "23"
        ["_score"]=>
        float(0)
        ["_source"]=>
        object(stdClass)#39 (8) {
          ["publication_place"]=>
          string(13) "в Будин"
          ["publication_year"]=>
          string(4) "1825"
          ["publication_place_norm"]=>
          array(1) {
            [0]=>
            string(16) "Будапеща"
          }
          ["author_resposibility"]=>
          string(578) "избрани из ветхият и новият завет в полза на юношеството от господина Йоанна Гибнера; присовокупени са с благочестивите размишления, от немецкият на российският язик переведени, а от российският на славено-болгарският наш язик переведени от Анастаса Стояновича, котлянина; посвещенина господина Антониа Йоановича"
          ["total_pages_count"]=>
          string(3) "182"
          ["coverfilename"]=>
          string(6) "16.jpg"
          ["main_title"]=>
          string(105) "Священное цветообрание или Сто и четире священни истории"
          ["pages_count_type"]=>
          string(1) "1"
        }
      }
    }
  }
  ["aggregations"]=>
  object(stdClass)#41 (6) {
    ["boolean_others_pos"]=>
    object(stdClass)#40 (3) {
      ["doc_count_error_upper_bound"]=>
      int(0)
      ["sum_other_doc_count"]=>
      int(0)
      ["buckets"]=>
      array(0) {
      }
    }
    ["publication_place_norm"]=>
    object(stdClass)#42 (3) {
      ["doc_count_error_upper_bound"]=>
      int(0)
      ["sum_other_doc_count"]=>
      int(0)
      ["buckets"]=>
      array(0) {
      }
    }
    ["boolean_others_neg"]=>
    object(stdClass)#43 (3) {
      ["doc_count_error_upper_bound"]=>
      int(0)
      ["sum_other_doc_count"]=>
      int(0)
      ["buckets"]=>
      array(0) {
      }
    }
    ["language"]=>
    object(stdClass)#44 (3) {
      ["doc_count_error_upper_bound"]=>
      int(0)
      ["sum_other_doc_count"]=>
      int(0)
      ["buckets"]=>
      array(0) {
      }
    }
    ["font"]=>
    object(stdClass)#45 (3) {
      ["doc_count_error_upper_bound"]=>
      int(0)
      ["sum_other_doc_count"]=>
      int(0)
      ["buckets"]=>
      array(0) {
      }
    }
    ["authors"]=>
    object(stdClass)#46 (3) {
      ["doc_count_error_upper_bound"]=>
      int(0)
      ["sum_other_doc_count"]=>
      int(0)
      ["buckets"]=>
      array(2) {
        [0]=>
        object(stdClass)#47 (2) {
          ["key"]=>
          string(55) "Кипиловски, Анастас Стоянович"
          ["doc_count"]=>
          int(2)
        }
        [1]=>
        object(stdClass)#48 (2) {
          ["key"]=>
          string(24) "Хюбнер, Йохан"
          ["doc_count"]=>
          int(2)
        }
      }
    }
  }
}
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet">
    
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-164323328-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

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

    <link href="/js/jquery-ui/jquery-ui.css" rel="stylesheet" />
    <link href="/css/simple-keyboard.css" rel="stylesheet">
    <link href="/css/dropmic.css" rel="stylesheet">
    <script src="/js/jquery.js"></script>
    <script src="/js/dropmic.min.js"></script>
    <script src="/js/simple-keyboard.js"></script>
    <script src="/js/simple-keyboard.layouts.js"></script>
    <link href="/css/site.css" rel="stylesheet">
  </head>
  <body>
    <header>
      <div class="site-wrap">
        <a href="/search">
          <img src="/imgs/logo@2x.png" width="42">
          <div class="logo-titles">
            <span class="logo-title">Книгопис</span>
            <span class="logo-subtitle">на българската възрожденска книжнина (1801-1878)</span> 
          </div>
        </a>
        <div class="menu-items1">
          <a class="header-link" href="https://knigopis.unibit.bg/" target="_blank">Към сайта</a>
          <a class="header-link" href="/page/methodology">Методология</a>
          <a class="header-link" href="/page/help">Помощ</a>
                      <a class="header-link" href="/page/abbreviations">Съкращения</a>
                    <a class="header-link" href="/page/terms">Общи условия</a>
          <a class="header-link" href="/page/about">За проекта</a>
        </div>
                  <a class="lang" href="/en/search">English</a>
              </div>
    </header>
    <script src="/js/jquery-ui/jquery-ui.min.js"></script>
 
<div class="cover book">
</div>
<form id="filters-form" method="GET">
  <div class="results-wrap clear-fix">
    <div class="results-container">
            <div class="filters-wrap">
        <!-- <div class="white-box actions bottom-spacing">
          <div class="icon copy"></div>
          <div class="icon print"></div>
          <div class="icon download"></div>
          <div class="icon share"></div>
          <label>резултати: 2</label>
        </div> -->
        <div class="clear-filters">
          <a href="/search/advanced">Изчисти филтрите</a>
        </div>
        <div class="filter bottom-spacing clear-fix">
          <h4>Година</h4>
          <div id="slider-range"></div>
          <input class="year-box year-box-min" name="period-start" type="text" />
          <input class="year-box year-box-max" name="period-end" type="text" />
        </div>
                <div class="filter bottom-spacing">
          <h4>Авторска отговорност</h4>
                    <label class="checkbox-wrap">
            <div class="checkbox"><input type="checkbox" name="authors[]" value="Хюбнер, Йохан"/></div>
            <div class="text" title="Хюбнер, Йохан">Хюбнер, Йохан</div>
            <div class="badge">2</div>
          </label>
                    <label class="checkbox-wrap">
            <div class="checkbox"><input type="checkbox" name="authors[]" value="Кипиловски, Анастас Стоянович"/></div>
            <div class="text" title="Кипиловски, Анастас Стоянович">Кипиловски, Анастас Стоянович</div>
            <div class="badge">2</div>
          </label>
                            </div>
        <div class="filter bottom-spacing">
          <h4>Място на отпечатване</h4>
                            </div>
        <div class="filter bottom-spacing">
          <h4>Език</h4>
                            </div>
        <div class="filter bottom-spacing">
          <h4>Шрифт</h4>
                  </div>
        <div class="filter filter-others bottom-spacing">
          <h4>Други</h4>
                            </div>
      </form>
    </div>
    <script>
      
      $(function() {
        $('.show-more').on('click', function(e) {
          e.preventDefault();
          $(this).hide();
          $(this).parent().removeClass('fixed-height');
        });
        $('.select-group-item').on('click', function(e) {
          e.preventDefault();
          if ($(this).hasClass('disabled')) {
            return;
          }
          var newState = !$(this).find('input').attr('checked');
          $(this).parent().find('input').attr('checked', false);
          $(this).find('input').attr('checked', newState);

          $('#filters-form').submit();
        });

        function updatePeriodFilter() {
          $('#filters-form').submit();
        }

        var periodTimer = null
        $("#slider-range").slider({
          range: true,
          min: 1801,
          max: 1878,
          values: [ 1801 , 1878 ],
          slide: function(event, ui) {
            $('.year-box-min').val(ui.values[0]);
            $('.year-box-max').val(ui.values[1]);

            if (periodTimer) {
              clearInterval(periodTimer);
            }
            periodTimer = setTimeout(updatePeriodFilter, 700);
          }
        });

        $('.year-box-min').val($( "#slider-range" ).slider("values", 0));
        $('.year-box-max').val($( "#slider-range" ).slider("values", 1));
        $('.year-box-min').on('keyup', function(event) {
          var val = event.target.value;
          var max = $( "#slider-range" ).slider("values", 1);
          if (val >= max || val < 1801) {
            return;
          }
          $( "#slider-range" ).slider("values", 0, val);

          if (periodTimer) {
            clearInterval(periodTimer);
          }
          periodTimer = setTimeout(updatePeriodFilter, 1000);
        });
        $('.year-box-max').on('keyup', function(event) {
          var val = event.target.value;
          var min = $( "#slider-range" ).slider("values", 0);
          if (val <= min || val > 1878) {
            return;
          }
          $( "#slider-range" ).slider("values", 1, val);

          if (periodTimer) {
            clearInterval(periodTimer);
          }
          periodTimer = setTimeout(updatePeriodFilter, 1000);
        });

        $('.checkbox input, .sort, .item-limit').on('change', function(e) {
          $('#filters-form').submit();
        });
        $('.sort').val('');
        $('.item-limit').val('25');

      });
    </script>      <div class="main-wrap">
        <div class="advanced-search">
          <div class="advanced-search-filter-wrap">
            <script>
                var advancedFilterOptions = {"price_code":[{"key":"\u0431\u044f\u043b\u043e\/\u0441\u0440\u0435\u0431\u044a\u0440\u043d\u043e \u043c\u0435\u0434\u0436\u0438\u0434\u0438\u0435","count":13},{"key":"\u0433\u0440\u043e\u0448","count":465},{"key":"\u043f\u0430\u0440\u0430","count":33},{"key":"\u043f\u0435\u0442\u0430\u043a","count":3},{"key":"\u0431\u0435\u0448\u043b\u0438\u043a","count":10},{"key":"\u0440\u0443\u0431\u0438\u0435","count":1},{"key":"\u0446\u0432\u0430\u043d\u0435\u0446","count":44},{"key":"\u0441\u0440\u0435\u0431\u044a\u0440\u0435\u043d \u043a\u0440\u043e\u0439\u0446\u0435\u0440","count":8},{"key":"\u0444\u0440\u0430\u043d\u043a","count":46},{"key":"\u0440\u0443\u0431\u043b\u0430","count":3},{"key":"\u043a\u043e\u043f\u0435\u0439\u043a\u0430","count":10},{"key":"\u0431\u0430\u043d\u0430","count":9},{"key":"\u0434\u0440\u0430\u0445\u043c\u0430","count":1},{"key":"\u0434\u0430\u0440\u0435\u043d\u0438\u0435","count":13},{"key":"\u0434\u0440\u0443\u0433\u043e","count":12}],"verified_author_name":[{"key":0,"count":1043,"translation":"\u0418\u043c\u0435\u0442\u043e \u043d\u0430 \u0430\u0432\u0442\u043e\u0440\u0430 \u0435 \u0432\u0437\u0435\u0442\u043e \u043e\u0442 \u043a\u043d\u0438\u0433\u0430\u0442\u0430"},{"key":1,"count":267,"translation":"\u0418\u043c\u0435\u0442\u043e \u043d\u0430 \u0430\u0432\u0442\u043e\u0440\u0430 \u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0435\u043d\u043e \u043e\u0442 \u0432\u0442\u043e\u0440\u0438\u0447\u0435\u043d \u0438\u0437\u0442\u043e\u0447\u043d\u0438\u043a"}],"size":[{"key":"2","count":7},{"key":"4","count":254},{"key":"6","count":2},{"key":"8","count":1203},{"key":"12","count":33},{"key":"16","count":116},{"key":"18","count":1},{"key":"19","count":1},{"key":"32","count":4}],"print_coloring":[{"key":1,"count":1716,"translation":"\u0447\u0435\u0440\u043d\u043e"},{"key":2,"count":58,"translation":"\u0447\u0435\u0440\u043d\u043e \u0438 \u0447\u0435\u0440\u0432\u0435\u043d\u043e"}],"publication_identifier":[{"key":"1","count":1637},{"key":"2","count":228},{"key":"3","count":94},{"key":"4","count":37},{"key":"5","count":23},{"key":"6","count":11},{"key":"7","count":3},{"key":"8","count":1},{"key":"9","count":1},{"key":"16","count":1}],"ident_cont_edition":[{"key":"1","count":1924},{"key":"2","count":36},{"key":"3","count":21},{"key":"4","count":4},{"key":"5","count":8},{"key":"6","count":6},{"key":"7","count":11},{"key":"8","count":6}],"parallel_title_lang":[{"key":"\u041d\u0435\u043c\u0441\u043a\u0438","count":15},{"key":"\u0422\u0443\u0440\u0441\u043a\u0438","count":15},{"key":"\u0420\u0443\u043c\u044a\u043d\u0441\u043a\u0438","count":13},{"key":"\u0413\u0440\u044a\u0446\u043a\u0438","count":8},{"key":"\u0411\u044a\u043b\u0433\u0430\u0440\u0441\u043a\u0438","count":5},{"key":"\u0424\u0440\u0435\u043d\u0441\u043a\u0438","count":5},{"key":"\u0426\u044a\u0440\u043a\u043e\u0432\u043d\u043e\u0441\u043b\u0430\u0432\u044f\u043d\u0441\u043a\u0438","count":2},{"key":"\u0420\u0443\u0441\u043a\u0438","count":1}]}            </script>
                            <div class="frow clear-fix">
                  <select class="filter" name="filter[]">
                                          <option value="main_title">Основно заглавие</option>
                                          <option value="parallel_title">Паралелно заглавие</option>
                                          <option value="parallel_title_lang">Език на паралелно заглавие</option>
                                          <option value="author_resposibility">Авторска отговорност</option>
                                          <option value="verified_author_name">Източник на АО</option>
                                          <option value="ident_cont_edition">Брой томове</option>
                                          <option value="publication_identifier">Поредност на изданието</option>
                                          <option value="publication_place">Местоиздаване</option>
                                          <option value="publisher">Издателство</option>
                                          <option value="printing_house">Печатница</option>
                                          <option value="series_title">Заглавие на серията</option>
                                          <option value="subserie_title">Заглавие на подсерията</option>
                                          <option value="size">Формат</option>
                                          <option value="print_coloring">Цветност на печата</option>
                                          <option value="price_code">Валута</option>
                                          <option value="note">Забележка</option>
                                          <option value="subjects">Предмет</option>
                                          <option value="balan">Балан</option>
                                          <option value="pogorelov">Погорелов</option>
                                          <option value="stoyanov" selected>Стоянов</option>
                                          <option value="teodosiev">Теодосиев</option>
                                      </select>
                  <span class="input-wrap">
                    <input id="adv-input-0" type="text" class="filter-value" name="filter_value[]" placeholder="търси в избраните данни" value="&quot;4523&quot;"  />
                    <div class="cross-big delete-adv-filter" ></div>
                  </span>

                  <select class="filter-value" name="filter_value[]" style="display: none" disabled >
                                      </select>
                  <select class="filter log-operator" name="filter_logopr[]" disabled>
                    <option value="and">и</option>
                    <option value="or">или</option>
                  </select>
                </div>
                        </div>
          <span class="dropmic" data-dropmic="1" role="navigation">
            <button type="button" class="keyboard keyboard-icon" data-dropmic-btn></button>
            <div class="dropmic-menu" aria-hidden="true">
              <ul class="dropmic-menu__list" role="menu">
                <li class="dropmic-menu__listItem" role="menuitem">
                  <button class="layout dropmic-menu__listContent" type="button" data-layout="bulgarian" tabindex="-1">българска</button>
                </li>
                <li class="dropmic-menu__listItem" role="menuitem">
                  <button class="layout dropmic-menu__listContent" type="button" data-layout="greek" tabindex="-1">гръцка</button>
                </li>
                <li class="dropmic-menu__listItem" role="menuitem">
                  <button class="layout dropmic-menu__listContent" type="button" data-layout="us" tabindex="-1">латинска</button>
                </li>
              </ul>
            </div>
          </span>
          <div class="simple-keyboard" role="navigation"></div>
          <div class="frow clear-fix">
            <button class="btn search-add-filter" type="button">Добави филтър</button>
            <button class="btn primary search-submit" type="submit">Търсене</button>
            <a href="/search" class="goto-basic-search">Към основно търсене</a>
          </div>
        </div>
        <div class="main-content loading">
          <div class="list-view">
              <div class="action-line">
    <div class="pagination-result-count">
            
      <span class="result-count">2 резултата</span>
    </div>
    <div class="view">
      <div class="list active" title="списък"><img src="/imgs/list.svg" height="20" width="20"></div>
      <div title="карта"><a id="switch-to-map-view" href="#map"><img src="/imgs/map.svg" height="20" width="20"></a></div>
    </div>
    <div class="actions">
      <select class="sort" name="sort">
        <option value="">Сортирай по релевантност</option>
        <option value="main_title-asc">Заглавие А-Я</option>
        <option value="main_title-desc">Заглавие Я-А</option>
        <option value="author_resposibility-asc">Автор А-Я</option>
        <option value="author_resposibility-desc">Автор Я-А</option>
        <option value="year-asc">Година на публикуване възходящо</option>
        <option value="year-desc">Година на публикуване низходящо</option>
        <option value="pages-asc">Брой страници възходящо</option>
        <option value="pages-desc">Брой страници низходящо</option>
      </select>

      <select class="item-limit" name="limit">
        <option value="25">Покажи 25</option>
        <option value="50">Покажи 50</option>
        <option value="100">Покажи 100</option>
      </select>
    </div>
  </div>
      <div class="white-box bottom-spacing book-item clear-fix">
      <div class="cover">
        <div class="checkbox big">
          <input type="checkbox" data-bookid="22" />
        </div>
        <a href="/book?id=22&advanced=ZmlsdGVyJTVCJTVEPXN0b3lhbm92JmZpbHRlcl92YWx1ZSU1QiU1RD0lMjI0NTIzJTIy.4e4e87ea8d280f1786f719a353e429f">          <img src="/imgs/covers/15.jpg" height="135" />
                </a>
      </div>
      <div class="book-info">
        <h4><a href="/book?id=22&advanced=ZmlsdGVyJTVCJTVEPXN0b3lhbm92JmZpbHRlcl92YWx1ZSU1QiU1RD0lMjI0NTIzJTIy.4e4e87ea8d280f1786f719a353e429f">избрани из ветхият и новият завет в полза на юношеството от господина Йоанна Гибнера; присовокупени са с благочестивите размишления, от немецкият на российският язик переведени, а от российският на славеноболгарският наш язик...</a></h4>
        <h3><a href="/book?id=22&advanced=ZmlsdGVyJTVCJTVEPXN0b3lhbm92JmZpbHRlcl92YWx1ZSU1QiU1RD0lMjI0NTIzJTIy.4e4e87ea8d280f1786f719a353e429f">Священное цветообрание или Сто и четире священни истории</a></h3>

        <div class="footer">
          <div class="year">
                          1825 г.,                        в Будин                          , 253 с.                      </div>
          <div class="item-num">1/2</div>
        </div>
      </div>
    </div>
      <div class="white-box bottom-spacing book-item clear-fix">
      <div class="cover">
        <div class="checkbox big">
          <input type="checkbox" data-bookid="23" />
        </div>
        <a href="/book?id=23&advanced=ZmlsdGVyJTVCJTVEPXN0b3lhbm92JmZpbHRlcl92YWx1ZSU1QiU1RD0lMjI0NTIzJTIy.4e4e87ea8d280f1786f719a353e429f">          <img src="/imgs/covers/16.jpg" height="135" />
                </a>
      </div>
      <div class="book-info">
        <h4><a href="/book?id=23&advanced=ZmlsdGVyJTVCJTVEPXN0b3lhbm92JmZpbHRlcl92YWx1ZSU1QiU1RD0lMjI0NTIzJTIy.4e4e87ea8d280f1786f719a353e429f">избрани из ветхият и новият завет в полза на юношеството от господина Йоанна Гибнера; присовокупени са с благочестивите размишления, от немецкият на российският язик переведени, а от российският на славено-болгарският наш язик...</a></h4>
        <h3><a href="/book?id=23&advanced=ZmlsdGVyJTVCJTVEPXN0b3lhbm92JmZpbHRlcl92YWx1ZSU1QiU1RD0lMjI0NTIzJTIy.4e4e87ea8d280f1786f719a353e429f">Священное цветообрание или Сто и четире священни истории</a></h3>

        <div class="footer">
          <div class="year">
                          1825 г.,                        в Будин                          , 182 с.                      </div>
          <div class="item-num">2/2</div>
        </div>
      </div>
    </div>
    <div class="pagination-footer">
      </div>
  <a href="#" class="link submit-book">изпрати книга</a>
<div class="selected-items" style="display: none">
  <span class="selected-count"></span>
  <div class="actions">
    <img id="download-books" src="/imgs/download.png" height="24px" />
    <img id="print-books" src="/imgs/print.png"  height="24px" />
  </div>
</div>

    <div class="modal submit-book-modal">
      <div class="feedback-form main-content">
        <div class="form">
          <form>
            <h2 class="header">Изпрати книга</h2>
            <div class="error-message"></div>
            <label for="email">E-mail</label><br>
            <input class="input form-element" type="email" name="email"><br>
            <label for="message">Описание</label><br>
            <textarea class="textarea form-element" name="message"></textarea>
            <button class="button">Изпрати</button>
          </form>
        </div>
        <div class="image">
          <img src="/imgs/forms/illustration1.svg">
        </div>
        <img class="close-button" src="/imgs/forms/close.svg">
      </div>
      <div class="success feedback-form">
        <h2>Описанието на книгата е изпратено</h2>
        <h3>Благодарим за отделеното време!</h3>
        <button class="button" onClick="window.location.reload()">Затвори</button>
      </div>
    </div>

<script>
  var oneSelected = '1 избрана книга';
  var nSelected = '%s избрани книги';
  $('.book-item .checkbox').on('click', function() {
    $(this).toggleClass('active');
    var totalSelected = $('.book-item .checkbox.active').length;
    if (totalSelected == 0) {
      $(".selected-items").slideUp();
    } else if (totalSelected == 1) {
      $(".selected-count").text(oneSelected);
      $(".selected-items").slideDown();
    } else {
      $(".selected-count").text(nSelected.replace(/%s/, totalSelected));
      $(".selected-items").slideDown();
    }
  });
  $('#download-books').on('click', function() {
    var bookIds = [];
    $('.book-item .checkbox.active input').each(function(i, el) {  bookIds.push($(el).data('bookid')); });
    window.location.href = "/books/download?format=isbd&ids=" + bookIds.join(',');
  });
  $('#print-books').on('click', function() {
    var bookIds = [];
    $('.book-item .checkbox.active input').each(function(i, el) {  bookIds.push($(el).data('bookid')); });
    window.open("/books/print?format=isbd&ids=" + bookIds.join(','));
  });

  // Submit new book

  $('.submit-book').on('click', function(e) {
    e.preventDefault();
    $('.submit-book-modal').show();
  });
  $('.submit-book-modal .close-button').on('click', function() {
    $('.submit-book-modal').hide();
  });

  $('.submit-book-modal form').on('submit', function(e) {
    e.preventDefault();

    var data = new FormData(e.target);
    
    $.ajax({
        method: "POST",
        url: "/report/newbook",
        data: data,
        processData: false,
        contentType: false,
        success: (res) => {
            if (res.result === 0) {
              $('.submit-book-modal .main-content').hide();
              $('.submit-book-modal .success').show();
            } else {
              $('.submit-book-modal .error-message').text(res.error);
            }
        }
    });
  });
</script>
          </div>
          <div class="map-view">
            <div class="action-line">
              <div class="view centered">
                <div class="list" title="списък"><a id="switch-to-list-view" href="#"><img src="/imgs/list.svg" height="20" width="20"></a></div>
                <div class="active" title="карта"><img src="/imgs/map.svg" height="20" width="20"></div>
              </div>
            </div>
            <div class="map" style="height: 500px"></div>
          </div>
        </div>
      </div>
      <div class="loader-wrap">
        <div class="lds-facebook"><div></div><div></div><div></div></div>
      </div>
    </div>
  </div>
</div>
</form>
<div class="frow-sample">
  <div class="frow clear-fix">
    <select class="filter" name="filter[]">
              <option value="main_title">Основно заглавие</option>
              <option value="parallel_title">Паралелно заглавие</option>
              <option value="parallel_title_lang">Език на паралелно заглавие</option>
              <option value="author_resposibility">Авторска отговорност</option>
              <option value="verified_author_name">Източник на АО</option>
              <option value="ident_cont_edition">Брой томове</option>
              <option value="publication_identifier">Поредност на изданието</option>
              <option value="publication_place">Местоиздаване</option>
              <option value="publisher">Издателство</option>
              <option value="printing_house">Печатница</option>
              <option value="series_title">Заглавие на серията</option>
              <option value="subserie_title">Заглавие на подсерията</option>
              <option value="size">Формат</option>
              <option value="print_coloring">Цветност на печата</option>
              <option value="price_code">Валута</option>
              <option value="note">Забележка</option>
              <option value="subjects">Предмет</option>
              <option value="balan">Балан</option>
              <option value="pogorelov">Погорелов</option>
              <option value="stoyanov" selected>Стоянов</option>
              <option value="teodosiev">Теодосиев</option>
          </select>
    <span class="input-wrap">
      <input id="adv-input-1" type="text" class="filter-value" name="filter_value[]" placeholder="търси в избраните данни" />
      <div class="cross-big delete-adv-filter" ></div>
    </span>
    <select class="filter-value" name="filter_value[]" style="display: none" disabled></select>
    <select class="filter log-operator" name="filter_logopr[]" disabled>
      <option value="and">и</option>
      <option value="or">или</option>
    </select>
  </div>
</div>

<script>
  var map;
  var initMap;
  var searchPath = 'advanced';

  $(function() {

    $('.checkbox input, .sort, .item-limit').off('change').on('change', function(e) {
      if (hasEmtpyFilter()) {
        e.preventDefault();
      }

      $('#filters-form').submit();
    });


    $('#switch-to-list-view').click(function() {
      $('.list-view').show();
      $('.map-view').hide();
    });
    $('#switch-to-map-view').click(function() {
      $('.list-view').hide();
      $('.map-view').show();
      loadMap();
    });

    var showMap = window.location.hash.indexOf('map') !== -1;
    if (showMap) {
      $('#switch-to-map-view').click();
    }
    
    setTimeout(function(){
      $('.lds-facebook').hide();
      $('.loading').fadeIn(300);
    }, showMap ? 700 : 0);

    function hasEmtpyFilter() {
      var $filters = $('.advanced-search-filter-wrap .filter-value:enabled');
      var noneEmptyFound = false;
      for (var i = $filters.length - 1; i >= 0; i--) {
        if (noneEmptyFound && !$filters.eq(i).val()) {
          $filters.eq(i).addClass('error').focus();
          return true;
        } else if ($filters.eq(i).val()) {
          noneEmptyFound = true;
        }
      }
      return false;
    }

    $('#filters-form').submit(function(e) {
      if (hasEmtpyFilter()) {
        e.preventDefault();
      }
    });

    $('.search-add-filter').click(function(){
      $(".advanced-search-filter-wrap .frow:last .log-operator").prop('disabled', false);
      $(".frow-sample .frow").clone().appendTo('.advanced-search-filter-wrap');
    });

    $(document).on('change', '.advanced-search .filter', function(e) {
      var val = $(this).val();
      var parent = $(e.target).parent();

      if (val in advancedFilterOptions) {
        $(parent).find('input.filter-value').prop('disabled', true).hide();
        $(parent).find('select.filter-value').prop('disabled', false).show();
        var options = $.map(advancedFilterOptions[val], function(filter) {
          return $("<option></option>").attr("value", filter.key).text((filter.translation || filter.key));
        });
        $(parent).find('select.filter-value').html(options);
      } else {
        $(parent).find('input.filter-value').prop('disabled', false).show().val('').focus();
        $(parent).find('select.filter-value').prop('disabled', true).hide().html('').focus();
      }
    });

    $(document).on('click', '.delete-adv-filter', function(e) {
      if (keyboardShown) {
        keyboardShown = false;
        $('.simple-keyboard').hide();
        e.stopImmediatePropagation();
        return;
      }
      $(this).parent().parent().remove();
      $(".advanced-search-filter-wrap .frow:last .log-operator").prop('disabled', true);  
      $('[data-dropmic="1"]').hide();
    });

    // Keyboard

    var currentInput;
    Keyboard = window.SimpleKeyboard.default;

    window.keyboard = new Keyboard({
      onChange: input => onChange(input),
      onKeyPress: button => onKeyPress(button),
    });
    $('[data-dropmic="1"]').hide();
    $('.simple-keyboard').hide();

    var keyboardShown = false;
    $('.keyboard').click(function(e) {
      if (keyboardShown) {
        keyboardShown = false;
        $('.simple-keyboard').hide();
        e.stopImmediatePropagation();
        return false;
      }
    });
    
    var topAdj = $(".filter-value:first").offset().top;
    $(document).on('mouseenter', ".filter-value", function() {
      if (keyboardShown) {
        return;
      }
      $('.advanced-search .input-wrap').removeClass('active');
      $(this).parent().addClass('active');

      currentInput = $(this);
      $('.dropmic').show().css({top: ($(this).offset().top - topAdj + 1) +'px', left: '834px'});
    });

    function showKeyboard(layout) {
      keyboard.setOptions({ layout: simpleKeyboardLayout[layout] });
      keyboard.setInput(currentInput ? currentInput.val() : "");
      $('.simple-keyboard').show();
      keyboardShown = true;
    }

    $(".advanced-search .layout").on('click', function(e) {
      e.preventDefault();
      var forInputId = $(e.target).parent().parent().data('for');
      showKeyboard($(this).data('layout'), $('#' + forInputId));
      dropmic.close();
    });

    function onChange(input) {
      currentInput.val(input);
      console.log("Input changed", input);
    }

    function onKeyPress(button) {
      /**
       * If you want to handle the shift and caps lock buttons
       */
      if (button === "{shift}" || button === "{lock}") {
        handleShift();
      }
    }

    function handleShift() {
      let currentLayout = keyboard.options.layoutName;
      let shiftToggle = currentLayout === "default" ? "shift" : "default";

      keyboard.setOptions({
        layoutName: shiftToggle
      });
    }
    var dropmic = new Dropmic(document.querySelector('[data-dropmic="1"]'));
  });
</script>
<script>

  var initMap;
  var mapStarted = false;
  function loadMap() {
    if (mapStarted) {
      return;
    }
    mapStarted = true;
    var loaded = 0;
    initMap = function() {
      if (++loaded < 2) {
        return;
      }
      function buildBookContent(book) {
        var coverImageSrc = book.coverfilename ? '/imgs/covers/' + book.coverfilename : "/imgs/no-image.jpg";
        var year;
        if (book.publication_year.indexOf('б.') !== -1) {
          year = 'б. г.';
        } else {
          year = book.publication_year + ' г.';
        }
        
        return '' +
        '<div class="book-item map bottom-spacing clear-fix">'+
          '<div class="cover"><a href="'+ book.link +'"><img src="'+ coverImageSrc + '" height="70" /></a></div>'+
          '<div class="book-info">'+
            '<h4>'+ shorten(book.author_resposibility, 80) + '</h4>'+
            '<h3><a href="'+ book.link +'&view=map">' + shorten(book.main_title, 170) + '</a></h3>' +
            '<div class="footer">' +
              year + 
              (book.publication_place ? ' / ' + book.publication_place : '' ) +
              (book.total_pages_count ? ' / ' + book.total_pages_count + ' с.' : '' ) +
            '</div>' +
          '</div>'+
        '</div>';
      }

      function shorten(str, maxLen, separator = ' ', finish = '...') {
        if (str.length <= maxLen) {
          return str;
        }
        return str.substr(0, str.lastIndexOf(separator, maxLen)) + finish;
      }

      $.ajax("/search/geo" + window.location.search  + (window.location.search ? '&' : '?') + 'searchPath=' + searchPath, {
          method: 'GET',
          success: function(res) {
            var cities = res.cities;
            var cityLoc = {};
            var i;
            for (i in cities) {
              cityLoc[cities[i].name] = { lat: parseFloat(cities[i].lat), lng: parseFloat(cities[i].lng) };
            }

            map = new google.maps.Map($('.map')[0], {
              center: { lat: parseFloat(cities[0].lat), lng: parseFloat(cities[0].lng) },
              zoom: 5,
              maxZoom: 8
            });
            
            var markers = [];
            var book;
            var infowindow = new google.maps.InfoWindow();
            var defaultLoc = { lat: 42.455147, lng: 24.891133 };

            for (i in res.books) {
              book = res.books[i];

              $.each(book.publication_place_norm, function(i, city) {
                
                

                var marker = new google.maps.Marker({
                  position: cityLoc[city] || defaultLoc,
                  book: book
                });
                marker.addListener('click', function() {
                   infowindow.setContent(buildBookContent(book));
                   infowindow.open(map, marker);
                });
                markers.push(marker);
              });
            }
            var markerCluster = new MarkerClusterer(map, markers, {imagePath: '/imgs/map/m', maxZoom: 8 });
            google.maps.event.addListener(markerCluster, "click", function(c) {
              if (map.getZoom() == 8) {

                var markers = c.getMarkers();
                var content = [];
                $.each(markers, function(i, marker) {
                  content.push(buildBookContent(marker.book));
                }); 

                infowindow.setContent(content.join(''));
                infowindow.setPosition(markers[0].position);
                infowindow.open(map);
              }
            });
          }
        });
    }

    jQuery.ajax({
        url: 'https://unpkg.com/@google/markerclustererplus@4.0.1/dist/markerclustererplus.min.js',
        dataType: 'script',
        async: true,
        success: initMap
    });
    jQuery.ajax({
        url: 'https://maps.googleapis.com/maps/api/js?key=AIzaSyBTW8wmL9jPLCwfqk07K0mhz_oLJcBDup4&callback=initMap',
        dataType: 'script',
        async: true
    });
  }
</script>  </body>
</html>