@if(!isset($expand))
    @php($expand = false)
@endif

@extends('website.layouts.master')

@section('title', __('tr.Site Map'))

@section('content')

@include('website.layouts.title', ['simple'=>true])

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

<style>

    div.page ul {
        list-style-type: none;
    }

    div.page ol {
        list-style: decimal;
    }

    div.page ul ul, div.page ol ul {
        list-style-type: none;
    }

    div.page ol ol, div.page ul ol {
        list-style: decimal;
    }

    div.page ul {
        padding-{{(lang() =='en')?"left":"right"}}: 40px;
    }

    .blog .carousel-indicators {
        left: 0;
        top: auto;
        top: -19px;

    }

    /* The colour of the indicators */
    .blog .carousel-indicators li {
        background: #a3a3a3;
        border-radius: 50%;
        width: 8px;
        height: 8px;
    }

    .blog .carousel-indicators .active {
    background: #707070;
    }

    .keyText{
        font-weight: bold;
        margin-right: 10px;
    }

    @media only screen and (max-width: 910px) {
    .instructorName {
        text-align:center;
    }
    .instructorName2 {
        text-align:center;
        font-size: 1.2rem;
    }
    }
    
</style>


<section>
    <div class="site-main">
        <div class="ttm-row sidebar ttm-sidebar-right ttm-bgcolor-white clearfix">
            <div class="container">
                <!-- row -->
                <div class="row">
                    <div class="col-md-12">
                        <div id='68206' class="page">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@section('pagejs')

<script>

    $(document).ready(function(){

        @foreach($results as $result)

            $('#'+{{$result->parent_id}}).append(`
                <ul>
                    <li>
                        <a data-toggle="collapse" href="#{{$result->id}}" aria-expanded="{{$expand}}"aria-controls="collapseList">
                           @if(lang() =='en')
                                ►
                            @else
                                ◄
                            @endif
                        </a>
                        <a href="{{$website->resolve($result)}}" target="_blank">
                            {{$result->locale->title}}
                        </a>
                        <div id="{{$result->id}}" class="collapse {{$expand?'show':'hide'}}" role="tabpanel" aria-labelledby="cardheadingResearch">
                        </div
                    </li>
                </ul>`)
            
        @endforeach
    });   

</script>

@endsection