@extends('layouts.frontend.master')
@section('title')
    {{ __('UNIGUIDE | e-Learning website') }}
@endsection
@push('css')
    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&family=Nunito:wght@600;700;800&display=swap"
        rel="stylesheet" />
@endpush
@section('seo')
    @foreach ($jsonLdData as $item)
        <script type="application/ld+json">
            {!! json_encode($item) !!}
        </script>
    @endforeach
@endsection
@section('content')
    <!-- Header Start -->
    <div class="container-fluid bg-primary py-5 mb-5 page-header uniH">
        <div class="container py-5">
            <div class="row justify-content-center">
                <div class="col-lg-10 text-center">
                    <h1 class="display-3 text-white animated slideInDown">
                        The Best Universities
                    </h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb justify-content-center">
                            <li class="breadcrumb-item">
                                <a class="text-white" href="{{ route('home') }}">{{ __('Home') }}</a>
                            </li>
                            <li class="breadcrumb-item text-white active" aria-current="page">
                                {{ __('University') }}
                            </li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- Header End -->

    <div class="btns uniBtns">
        <button type="button" data-menu="all" class="active">{{ __('All') }}</button>
        @foreach ($degrees as $degree)
            <button type="button" data-menu="{{ $degree->name }}">{{ $degree->name }}</button>
        @endforeach

    </div>
    <div class="container allwrps">
        @if($degrees->count() != 0)
            @foreach ($degrees as $degree)
                @foreach ($degree->universities()->get() as $university)
                    <a href="{{ route('frontend.programs.show', $university->slug) }}">
                        <div data-menu="{{ $degree->name }}" class="card new">
                            <img src="{{ $university->imagePath }}" alt="uni1" />
                            @if (calculateDiscountPercentage($university) != 0)
                                <span class="majorr"><i class="fas fa-tag"></i>{{ calculateDiscountPercentage($university) }}%
                            {{ __('Off') }}</span>
                            @endif
                            <div class="llogo">
                                <img src="{{ $university->logo }}" alt="logo">
                            </div>
                            <div class="card-body">
                                <div class="top">
                                    <div>
                                        <h5 class="card-title new">{{ $university->name }} {{ __('University') }}</h5>
                                        <p class="place"><i class="fas fa-map-marker-alt"></i>{{ $university->country->name }}
                                        </p>
                                    </div>
                                    <div class="info">
                                        <p><i
                                                class="fas fa-user-friends"></i>{{ $university->applications->pluck('student')->flatten()->count() }}
                                            <span>{{ __('Students') }}</span></p>
                                        <p><i class="fas fa-graduation-cap"></i>
                                            {{ $university->universityDegrees->pluck('universityColleges')->flatten()->pluck('universityPrograms')->flatten()->count() }}
                                            <span>{{ __('Programs') }}</span>
                                        </p>
                                    </div>
                                </div>
                                <div class="price pt-3 pb-2">
                                    <p><span
                                            class="text-black-50">{{ __('Starting From') }}</span>${{ $university->price_after_discount }}
                                    </p> <a href="{{ route('frontend.programs.show', $university->slug) }}"
                                            class="btn btn-primary viewIt">{{ __('View Details') }}</a>
                                </div>
                            </div>
                        </div>
                    </a>
                @endforeach
            @endforeach
        @else
            @foreach ($universities as $university)
                <a href="{{ route('frontend.programs.show', $university->slug) }}">
                    <div data-menu="{{ $loop->index+1 }}" class="card new">
                        <img src="{{ $university->imagePath }}" alt="uni1" />
                        @if (calculateDiscountPercentage($university) != 0)
                            <span class="majorr"><i class="fas fa-tag"></i>{{ calculateDiscountPercentage($university) }}%
                            {{ __('Off') }}</span>
                        @endif
                        <div class="llogo">
                            <img src="{{ $university->logo }}" alt="logo">
                        </div>
                        <div class="card-body">
                            <div class="top">
                                <div>
                                    <h5 class="card-title new">{{ $university->name }} {{ __('University') }}</h5>
                                    <p class="place"><i class="fas fa-map-marker-alt"></i>{{ $university->country->name }}
                                    </p>
                                </div>
                                <div class="info">
                                    <p><i
                                            class="fas fa-user-friends"></i>{{ $university->applications->pluck('student')->flatten()->count() }}
                                        <span>{{ __('Students') }}</span></p>
                                    <p><i class="fas fa-graduation-cap"></i>
                                        {{ $university->universityDegrees->pluck('universityColleges')->flatten()->pluck('universityPrograms')->flatten()->count() }}
                                        <span>{{ __('Programs') }}</span>
                                    </p>
                                </div>
                            </div>
                            <div class="price pt-3 pb-2">
                                <p><span
                                        class="text-black-50">{{ __('Starting From') }}</span>${{ $university->price_after_discount }}
                                </p> <a href="{{ route('frontend.programs.show', $university->slug) }}"
                                        class="btn btn-primary viewIt">{{ __('View Details') }}</a>
                            </div>
                        </div>
                    </div>
                </a>
            @endforeach
        @endif
    </div>

    @push('scripts')
        <!-- Template Javascript -->
        <script src="{{ asset('frontend/js/details.js') }}"></script>
    @endpush
@endsection