@extends('website.layouts.master')

@section('title', $website->title($page))

@section('pagecss')

    <style>
        .moreTopicsBtn {
            display: none;
        }

        @media only screen and (max-width: 766px) {
            .moreTopics {
                display: none;

            }

            .moreTopicsBtn {
                display: inherit;
            }
        }
    </style>
@endsection

@section('content')
    @include('website.layouts.title')
    @php($section = $website->section($page))
    <section>
        <div class="site-main">
            <div class="ttm-row sidebar ttm-sidebar-right ttm-bgcolor-white clearfix">
                <div class="container">
                    <h3>{{$page->title}}</h3>
                    
                    <div class="row">
                        <div class="col-md-9">
                            <div id="accordion" class="rs-accordion-style1 mt-3">
                                @foreach($page->children as $item)
                                    @if($item->isFolder()||$item->isPage())
                                        <div class="card">
                                            <div class="card-header mb-0 @if($item->locale->title == "Overview") active @endif" id="heading{{$item->id}}">
                                                <h3 class="acdn-title" data-toggle="collapse" data-target="#{{$item->id}}" aria-expanded="true" aria-controls="collapse{{$item->id}}">
                                                    {{$item->locale->title}}                          
                                                </h3>
                                            </div>
                                            <div id="{{$item->id}}" class="collapse @if($item->locale->title == "Overview") show @endif" aria-labelledby="heading{{$item->id}}" data-parent="#{{$item->id}}" style="">
                                                <div class="card-body text-justify">
                                                    {!! $item->page() !!}
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                    @endif
                                @endforeach
                                <hr>
                                @if($image)
                                    <img src="{{ route('secure_download_file')."?sid=".$image->secret() }}">
                                @endif
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 widget-area sidebar-right ttm-col-bgcolor-yes ttm-bg ttm-right-span ttm-bgcolor-grey mt_60 pt-60 mb_60 pb-60 res-991-mt-0 res-991-pt-0">
                            @if($page->isPage() || !$website->isComponent($page))
                                @include('website.components.topics')
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('pagejs')
@endsection