
<!DOCTYPE html>
<html>
<head>
<style>
    #searchForm{
        width: 19%; 
        height: 100%; 
        float: left;
		border-bottom:1px solid silver;
    }

    #searchInput{
        margin: 8px 0px;
        width: 100%;
        padding: 2px;
    }

    #resultList{
        margin-left: 1%;
        width:78%; 
        float:right;
    }

    .bailiff{
        padding:8px 15px;
    }

    h3.sad_filter{
        font-size:17px;
    }
    
    h3.sad_filter:hover{
        color:grey;
    }

   .sad_filter{
        cursor: pointer;

    }

    .sad_filter.active{
        color: black;
    }

    .sad_filter:hover{
        color: black;
    }

    .sad_rejonowy_search{
        display: none;
    }
    
    .sad_rejonowy_search .sad_filter{       
        display: list-item;                                                   
        list-style-type: disc;
        list-style-position: inside;
    }

    .bold{
        font-weight: bold;
    }

    .info{
        padding-right:10px;
		 word-wrap: break-word;
    }

    .wait{
        display: block;
        width: 100px;
        height: 100px;
        margin: 20px auto;
    }

    #clear_search{
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px dotted gray;
        width: 100%;
        font-weight: bold;
        display: none;
        text-align: center;
        cursor: pointer;
    }

    #icon_addr{
        display: inline-block;
        content: '';
        background: url(/wp-content/plugins/kancelarie_marcin/icons/adres.png);
        width: 20px;
        height: 20px;
        margin-right: 10px;
        position: relative;
        top: 3px;
    }

    #icon_phone{
        display: inline-block;
        content: '';
        background: url(/wp-content/plugins/kancelarie_marcin/icons/telefon.png);
        width: 20px;
        height: 20px;
        margin-right: 10px;
        position: relative;
        top: 3px;
    }

    #icon_mail{
        display: inline-block;
        content: '';
        background: url(/wp-content/plugins/kancelarie_marcin/icons/mail.png);
        width: 20px;
        height: 20px;
        margin-right: 10px;
        position: relative;
        top: 3px;
    }

    #icon_bank{
        display: inline-block;
        content: '';
        background: url(/wp-content/plugins/kancelarie_marcin/icons/bank.png);
        width: 20px;
        height: 20px;
        margin-right: 10px;
        position: relative;
        top: 3px;
    }
	
	/* MEDIA QUERIES */

	@media (max-width: 1200px) {
		body {
			background-size: 1400px 617px;
		}
	}

	@media (max-width: 960px) {
		#searchForm, #resultList {
			width: 100%;
			height: auto;
			float: none;
			margin-left: 0;
		}
	}

	@media (max-width: 768px) {
		body {
			background-size: 150%;
		}
		
		#mainNav:before, #mainNav:after {
			display: none;
		}
		
		.mh-n {
			padding-left: 10px;
			padding-right: 10px;
		}
	}
</style>
<script src="/wp-content/plugins/kancelarie_marcin/jquery.js"></script>
<script>
    $.get( "/wp-content/plugins/kancelarie_marcin/get.php?izba_id=10", function( data ) {
        var res = JSON.parse(data);

        $('#searchForm').on('click', '.sad_filter', function(){
            $('#searchInput').val('');
            $('#clear_search').show();
            $('.sad_filter').removeClass('active');
            
            var s_o = $(this).attr('sad_okregowy_id');
            var s_r = $(this).attr('sad_rejonowy_id');
            
            if(s_r === undefined){
                $('.sad_rejonowy_search[sad_okregowy_id=' + s_o + ']').toggle();
            }else{
                $(this).addClass('active');
            }
            
            filterList(s_o, s_r);
        });
        
        $('#searchForm').on('click', '#clear_search', function(){
            filterList();
            $('#clear_search').hide();
            $('#searchInput').val('');
        });

        $.each(res.sady_okregowe, function(i_so, sad_okregowy){
            var element = "<div><h3 class='sad_filter' sad_okregowy_id=" + i_so + ">" +  sad_okregowy + "</h3>";

                element += "<div class='sad_rejonowy_search' sad_okregowy_id=" + i_so + ">";
                    $.each(res.sady_rejonowe, function(i_sr, sad_rejonowy){
                        if(sad_rejonowy.sad_okregowy ===  i_so){
                            element += "<div class='sad_filter' sad_okregowy_id=" + i_so + " sad_rejonowy_id=" + i_sr + ">" + sad_rejonowy.nazwa + "</div>";
                        }
                    });

                element += "</div>";
            element += "</div>";

            $('#searchForm').append(element);
        });
        
        $('#searchForm').append('<div id="clear_search" class="bold">X Wyczyść</div>');

        filterList();

        function filterList(s_o = undefined, s_r = undefined){
            $('#resultList').html('');
            var sad_okregowy_added = null;
            var sad_rejonowy_added = null;
            
            $.each(res.komornicy, function(i, komornik){
                var add = true;

                if( s_o && komornik.sad_okregowy != s_o){
                    add = false;
                }else{
                    if(s_r && komornik.sad_rejonowy != s_r){
                        add = false;
                    }
                }
                
                if(add){
                    if(sad_okregowy_added != komornik.sad_okregowy){
                        var element = "<h1 class='sad_okregowy' sad_okregowy_id=" + komornik.sad_okregowy + ">"+ res.sady_okregowe[komornik.sad_okregowy] +"</h1>";
                        $('#resultList').append(element);
                        sad_okregowy_added = komornik.sad_okregowy;
                    }
                    
                    if(sad_rejonowy_added != komornik.sad_rejonowy){
                        var element = "<h3 class='sad_rejonowy' sad_okregowy_id=" + komornik.sad_okregowy + "  sad_rejonowy_id=" + komornik.sad_rejonowy + ">"+ res.sady_rejonowe[komornik.sad_rejonowy].nazwa +"</h3>";
                        $('#resultList').append(element);
                        sad_rejonowy_added = komornik.sad_rejonowy;
                    }
                    
                    var element =   "<div class='bailiff' sad_okregowy_index='" + komornik.sad_okregowy +  "' sad_rejonowy_index='" + komornik.sad_rejonowy +  "' >\n\
                                        <div class='bold'>" + komornik.nazwa + "</div>"
                                        + "<ul>"
                                            + "<li><div id='icon_addr'></div>" + komornik.adres + " " + komornik.kod + " <span class='city'>" + komornik.miasto + "</span></li>";

                                            var tel = komornik.telefon;
                                            if(typeof tel !== 'undefined'){
                                                element += '<li><div id="icon_phone"></div>';
                                                $.each(tel, function(i, telefon){
                                                    element += '<span class="info">' + telefon.opis + ' ' + telefon.wartosc + '</span>';
                                                });
                                                element += '</li>';
                                            }

                                            var email = komornik.email;
                                            if(typeof email !== 'undefined'){
                                                element += '<li><div id="icon_mail"></div>';
                                                    element +=   'Email '; 
                                                $.each(email, function(i, mail){
                                                    element += '<span class="info">' + mail.wartosc + '</span>';
                                                });
                                                element += '</li>';
                                            }

                                            var www = komornik.strona;
                                            if(typeof www !== 'undefined'){
                                                element += '<li><div id="icon_addr"></div>';
                                                    element +=   'Strona '; 
                                                    $.each(www, function(i, strona){
											
                                                        element += '<span class="info"><a target="_blank"  href="http://' + strona.wartosc + '" target="_blank">' + strona.wartosc + '</a></span>';
                                                    });
                                                element += '</li>';
                                            }

                                            var konta = komornik.konta;
                                            if(typeof konta !== 'undefined'){
                                                element += '<li><div id="icon_bank"></div>';
                                                    $.each(konta, function(i, bank){
                                                        element += '<span class="info">'+ bank.opis + ' ' + bank.wartosc + '</span>';
                                                    });
                                                element += '</li>';
                                            }

                                    element += "</ul>"
                                + "</div>";
                    $('#resultList').append(element);
                }
            });
        }

        function filterText(text){
            var searchText = text.toString().toLowerCase();

            $("#resultList .bailiff").each(function() {
                var name = $(this).text().toLowerCase().search(searchText);

                if (name > -1) {
                    $(this).show();
                }else {
                    $(this).hide();
                }
            });
            clearTitles();
        }

        function clearTitles(){
            $('.sad_okregowy').hide();
            $('.sad_rejonowy').hide();

            $("#resultList .bailiff").filter(':visible').each(function() {
                var s_o = $(this).attr('sad_okregowy_index');
                var s_r = $(this).attr('sad_rejonowy_index');
                $('.sad_okregowy[sad_okregowy_id=' + s_o + ']').show();
                $('.sad_rejonowy[sad_okregowy_id='+ s_o+'][sad_rejonowy_id='+ s_r +']').show();
            });
        }

        $('#searchInput').on('keyup', function(){
            var searchText = $(this).val();
            filterText(searchText);
        });
    });
</script>
</head>
<body>
	<div class="row">
		<div class="col-md-12">
			<div id="searchForm">
				Wyszukaj:
				<input type="text" id="searchInput" placeholder="Wpisz nazwę lub miasto"></br>
			</div>
			<div id="resultList">
				<img class="wait" src="/wp-content/plugins/kancelarie_marcin/wait.gif">
			</div>
		</div>
	</div>
</body>
</html>
{"id":522,"date":"2015-03-21T16:20:57","date_gmt":"2015-03-21T15:20:57","guid":{"rendered":"http:\/\/izba.wroclawska.komornik.pl\/?page_id=522"},"modified":"2019-11-13T20:54:59","modified_gmt":"2019-11-13T19:54:59","slug":"adresy-kancelarii","status":"publish","type":"page","link":"https:\/\/izba.wroclawska.komornik.pl\/?page_id=522","title":{"rendered":"Adresy kancelarii"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-522","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/izba.wroclawska.komornik.pl\/index.php?rest_route=\/wp\/v2\/pages\/522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/izba.wroclawska.komornik.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/izba.wroclawska.komornik.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/izba.wroclawska.komornik.pl\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/izba.wroclawska.komornik.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=522"}],"version-history":[{"count":6,"href":"https:\/\/izba.wroclawska.komornik.pl\/index.php?rest_route=\/wp\/v2\/pages\/522\/revisions"}],"predecessor-version":[{"id":1169,"href":"https:\/\/izba.wroclawska.komornik.pl\/index.php?rest_route=\/wp\/v2\/pages\/522\/revisions\/1169"}],"wp:attachment":[{"href":"https:\/\/izba.wroclawska.komornik.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}