@extends('base')

@php
    $language = \Illuminate\Support\Facades\Config::get('app.locale');
    $authID = \Illuminate\Support\Facades\Auth::id();
@endphp

@section('title')
    @if ($language == 'en')
        {{ $university['uniName'] }}
    @else
        {{ $university['uniNameChinese'] }}
    @endif
@endsection

@section('content')

    <div class="ui basic segment">
        <div class="ui grid">
            <div class="three wide column"></div>
            <div class="ten wide column">
                <div class="ui breadcrumb">
                    <a href="{{ route('home') }}" class="section">{{ __('Home') }}</a>
                    <i class="right angle icon divider"></i>
                    <a href="{{ route('universities_catalog') }}" class="section">{{ __('University List') }}</a>
                    <i class="right angle icon divider"></i>
                    <div class="active section ellipsis">
                        @if ($language == 'en')
                            {{ $university['uniName'] }}
                        @else
                            {{ $university['uniNameChinese'] }}
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="ui grid">
        <div class="three wide column"></div>
        <div class="ten wide column">
            
            {{-- Uni Top Row --}}
            <div class="ui grid" id="uniHeader">
                <div class="six wide column">
                    <img src="{{ config('locations.universityImage.asset').$university['uniLogo'] }}" id="uniLogo" alt="">
                </div>

                <div class="three wide column"></div>

                <div class="four wide column center">
                    <h3 class="ui header font-title">
                        {{ __('Times UK Ranking') }}
                        <div class="sub header">@if($university['timesRank']!=0){{$university['timesRank']}}@else{{__('N/A')}}@endif</div>
                    </h3>
                </div>
                <div class="three wide column center">
                    <h3 class="ui header font-title">
                        {{ __('QS World Ranking') }}
                        <div class="sub header">@if($university['qsRank']!=0){{$university['qsRank']}}@else{{__('N/A')}}@endif</div>
                    </h3>
                </div>
            </div>
            {{-- Uni Top Row --}}

            <div class="ui grid" id="uni-image">
                <div class="sixteen wide column">
                    <img class="ui massive centered image uni-details-image" src="{{config('locations.universityImage.asset').$university['uniPictureLarge'] }}" alt="">
                </div>
            </div>

        </div>
        <div class="two wide column"></div>
    </div>

    <div class="ui grid tabs-container">
        <div class="sixteen wide column">
            <div class="ui two item top attached tabular menu tabs font-title">
                <a class="active item" data-tab="first">
                    {{ __('Introduction') }}
                </a>

                @if(count($courses) > 0)
                    <a class="item" data-tab="second">
                        {{ __('Courses_Names') }}
                    </a>
                @endif
            </div>
            <div class="ui bottom attached segment">
                <div class="ui active tab uniDetails" data-tab="first" id="uni-desc">
                    <div class="ui grid">
                        <div class="ten wide column">
                            <p class="uni-description">
                                @if ($language == 'en')
                                    {{$university['description']}}
                                @else
                                    {{$university['descriptionChinese']}}
                                @endif

                            </p>
                        </div>
                        
                        <div class="six wide column">
                            <div class="ui middle aligned list">
                                <div class="item">
                                    <div class="right floated content">
                                        <h5>£&nbsp;{{number_format($university['livingCost'], 2, ".", ",")}}</h5>
                                    </div>
                                    <i class="large yellow home icon"></i>
                                    <div class="content">
                                        {{ __('Estimated Living Cost') }}
                                    </div>
                                </div>

                                <div class="item">
                                    <div class="right floated content">
                                        <h5>
                                            {{$university['minimumIELTS']}}
                                            
                                            @if($university['minimumIELTS'] != $university['maximumIELTS'] && !is_null($university['maximumIELTS']))
                                                {{"-"}}
                                                {{is_null($university['maximumIELTS']) ? $university['minimumIELTS'] : $university['maximumIELTS']}}
                                            @endif
                                        </h5>
                                    </div>
                                    <i class="large yellow empty star icon"></i>
                                    <div class="content">
                                        {{ __('Minimal IELTS score') }}
                                    </div>
                                </div>

                                <div class="item">
                                    <div class="right floated content">
                                        <h5>{{$university['careerProspectus']}} %</h5>
                                    </div>
                                    <i class="large yellow certificate icon"></i>
                                    <div class="content">
                                        {{ __('Employment prospect') }}
                                    </div>
                                </div>

                                <div class="item">
                                    <div class="right floated content">
                                        <h5>{{$university['studentSatisfaction']}} %</h5>
                                    </div>
                                    <i class="large yellow heart icon"></i>
                                    <div class="content">
                                        {{ __('Students satisfaction') }}
                                    </div>
                                </div>

                                <div class="item">
                                    <div class="right floated content">
                                        <h5>{{$university['internationalStudent']}} %</h5>
                                    </div>
                                    <i class="large yellow world icon"></i>
                                    <div class="content">
                                        {{ __('International students ratio') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="ui tab uniDetails" data-tab="second">
                    <div class="ui container">
                        <div class="levelTabs font-title">
                            <a class="item active" data-level="0">
                                {{ __('AllCourses') }}
                            </a>
                            @if(isset($levelCounts[0]) && $levelCounts[0] > 0)
                                <a class="item" data-level="1">
                                    {{ __('Pre-Undergraduate') }}
                                </a>
                            @endif
                            @if(isset($levelCounts[1]) && $levelCounts[1] > 0)
                                <a class="item" data-level="2">
                                    {{ __('UndergraduateCourses') }}
                                </a>
                            @endif
                            @if(isset($levelCounts[2]) && $levelCounts[2] > 0)
                                <a class="item" data-level="3">
                                    {{ __('Pre-Postgraduate') }}
                                </a>
                            @endif
                            @if(isset($levelCounts[3]) && $levelCounts[3] > 0)
                                <a class="item" data-level="4">
                                    {{ __('PostgraduateCourses') }}
                                </a>
                            @endif
                            @if(isset($levelCounts[4]) && $levelCounts[4] > 0)
                                <a class="item" data-level="5">
                                    {{ __('Doctor') }}
                                </a>
                            @endif
                            @if(isset($levelCounts[5]) && $levelCounts[5] > 0)
                                <a class="item" data-level="6">
                                    {{ __('Language Courses') }}
                                </a>
                            @endif
                        </div>
                    </div>

                    <div id="table">
                        @include('catalog.coursesSearchResult_university')
                    </div>
                </div>
            </div>
        </div>
        <div class="two wide column"></div>
    </div>

    <script>
        $(function () {
            $('#table').on('click', '#predictions .item:not(.forbidden)', function () {
                $('.searchbar-input').val($(this).text());

                searchFilter(1);
            });
        });

        $(window).on('load', function () {
            if ("{{$authID}}") {
                searchStringRetrieve('course', "{{route('searchStringRetrieve')}}", $('#table #predictions'), $('#table .predictions'), '');
            } else {
                showPredictions('course', $('#table #predictions'), $('#table .predictions'), "{{__('No results found')}}", '');
            }
        });

        $('.container > .levelTabs .item').on('click', function () {
           $('.levelTabs .item').removeClass('active');
           $(this).addClass('active');
           searchFilter(1);
        });

        $('#table').on('input focus', '.searchbar-large .searchbar-input', function () {
            var text = $(this).val();
            var length = text.length;

            if (length >= 3) {
                searchFilterByName(text, length);
            } else {
                if ("{{$authID}}") {
                    searchStringRetrieve('course', "{{route('searchStringRetrieve')}}", $('#table #predictions'), $('#table .predictions'), text);
                } else {
                    showPredictions('course', $('#table #predictions'), $('#table .predictions'), "{{__('No results found')}}", text);
                }
            }
        }).on('keypress', '.searchbar-large .searchbar-input', function (e) {
            if (e.which === 13) {
                e.preventDefault();

                searchFilter(1);
            }
        });

        function searchFilter(listPage) {
            $.ajax({
                type: 'GET',
                url: '{{route('courseDetails')}}',
                data: {
                    _token: '{{csrf_token()}}',
                    listPage: listPage,
                    uniID: '{{$university['id']}}',
                    courseName: $('#nameSearch').val(),
                    level: getCourseLevel()
                },
                success: function (data) {
                    $('#table').html(data);
                }
            });
        }

        function searchFilterByName(text, length) {
            $.ajax({
                type: 'GET',
                url: '{{route('courseFilterByName')}}',
                data: {
                    _token: '{{ csrf_token() }}',
                    length: length,
                    uniNames: ['{{ $university['uniName'] }}'],
                    courseName: text,
                    courseLevel: getCourseLevel()
                },
                success: function (data) {
                    $('#predictions').html(data);
                    $('.predictions').dropdown('show');
                }
            });
        }
        
        function getCourseLevel() {
            var courseLevel = ($('.levelTabs .item.active').attr('data-level')).toString();
            
            if (courseLevel !== '0') {
                return JSON.stringify([
                    courseLevel
                ]);
            } else {
                return '';
            }
        }

        //initializing course level selection
        if (selectedCourseLevel !== 'ALL') {
           $('.container > .levelTabs .item[data-level="'+selectedCourseLevel+'"]').trigger('click');
        }
    </script>

@endsection