@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))
    @php($plan = \App\Plan::find($page->data))
    @php($plansCourses = \App\Http\Controllers\WebsiteController::planCourses($plan->id))
    <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-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"}};">
                                    <div class="res-991-pb-50"  dir="@lang('tr.dir')">
                                        <div class="ttm-tabs ttm-tab-style-horizontal" data-effect="fadeIn">
                                            <ul class="tabs clearfix">
                                                @for ($i = 1; $i <= 8; $i++)
                                                    <li class="tab {{$i==1?"active":""}}"><a href="#">{{$i}}</a></li>
                                                @endfor
                                            </ul>
                                            <div class="content-tab">
                                                @for ($i = 1; $i <= 8; $i++)
                                                    <div id="semester-{{$i}}" class="content-inner {{$i==1?"active":""}}">
                                                        @if(isset($plansCourses[$i]))
                                                        <table class="shop_table shop_table_responsive dataTable-{{$i}}">
                                                            <thead>
                                                            <tr>
                                                                <th rowspan="2">@lang("tr.Code")</th>
                                                                <th rowspan="2">@lang("tr.Course Title")</th>
                                                                <th colspan="3">@lang("tr.Weight")</th>
                                                                <th colspan="4">@lang("tr.Contact Hours")</th>
                                                            </tr>
                                                            <tr>
                                                                <th>CH</th>
                                                                <th>ECTS</th>
                                                                <th>SWL</th>
                                                                <th>Lec</th>
                                                                <th>Tut</th>
                                                                <th>Lab</th>
                                                                <th>TT</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            @foreach($plansCourses[$i] as $course)
                                                                <tr>
                                                                    <!--
                                                                    <td><a target="_blank" href="{{route('course_details',['course'=>$course->id, 'plan'=>$plan->id])}}">{{$course->short_name}}</a></td>
                                                                    <td><a target="_blank" href="{{route('course_details',['course'=>$course->id, 'plan'=>$plan->id])}}">{{$course->lang('name')}}</a></td>
                                                                    -->
                                                                    <td>{{$course->short_name}}</td>
                                                                    <td>{{$course->lang('name')}}</td>
                                                                    <td>{{$course->credit_hours}}</td>
                                                                    <td>{{$course->equivalent_ects}}</td>
                                                                    <td>{{$course->required_swl}}</td>
                                                                    <td>{{$course->final_lecture}}</td>
                                                                    <td>{{$course->final_tutorial}}</td>
                                                                    <td>{{$course->final_laboratory}}</td>
                                                                    <td>{{$course->final_lecture + $course->final_tutorial + $course->final_laboratory}}</td>
                                                                </tr>
                                                            @endforeach
                                                            </tbody>
                                                        </table>
                                                        @endif
                                                    </div>
                                                @endfor
                                            </div>
                                        </div>
                                    </div>
                                </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