@extends('website.layouts.master')

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

@section('pagecss')
@endsection

@section('content')

    @include('website.layouts.title')
    @php($section = $website->section($page))
    @php($departmentId = $page->data)
    @php($staff = \App\Http\Controllers\StaffProfileController::departmentStaffMembers($departmentId))
    <section>
        <div class="site-main">
            <div class="ttm-row sidebar ttm-sidebar-right ttm-bgcolor-white clearfix">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-9 col-lg-8">

                            <style type="text/css">
                                div.page div, div.page p, div.page li, div.page strong, div.page a {
                                    font-size: 16px;
                                }

                                div.page div, div.page p, div.page ul, div.page ol {
                                    padding-top: 0px;
                                }

                                div.page h2, div.page h3, div.page h4, div.page h5, div.page h6 {
                                    padding-top: 10px;
                                }

                                div.page ul {
                                    list-style: square;
                                }

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

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

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

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

                                table.compact_table {
                                    width: 100%;
                                }

                                table.compact_table td, table.compact_table td p, table.compact_table td span, table.compact_table td span span, table.compact_table td span span span {
                                    padding: 0px!important;
                                    margin: 0px!important;
                                    line-height: 1em;
                                }

                                hr {
                                    margin-top: 1rem;
                                    margin-bottom: 1rem;
                                    border: 0;
                                    border-top: 1px solid #ff7f00;
                                }

                            </style>

                            <div class="page" style="color: black;margin-bottom:20px;">
                                <div class="col-md-12 section-title clearfix">
                                    <h3 style="direction: {{($page->language=='en')?"ltr":"rtl"}};text-align: {{($page->language=='en')?"left":"right"}};">{{$page->title}}</h3>
                                </div>
                                <hr>
                                <div style="margin-top:0px; padding-top:0px; direction: {{($page->language=='en')?"ltr":"rtl"}};text-align: {{($page->language=='en')?"left":"right"}};">
                                    <ul>
                                        @foreach($staff as $staffMember)
                                            @php($profileLink = route('staff_profile', ['instructor' => $staffMember["short_name"]]))
                                            <li><a target="_blank" href="{{$profileLink}}">{{$staffMember["academic_name"]}}</a></li>
                                        @endforeach
                                    </ul>
                                </div>
                            </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">
                            <div class="ttm-bg-layer"></div>
                            {!! $page->topics() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('pagejs')
@endsection