@extends('website.layouts.app')


@section('main')
    <h4 class="mt-5 text-center">Search Details</h4>
    <div class="container">
        <div class="tab-content bg-light p-4 mb-4">
            <div class="tab-pane show active" id="tab-21">

                <ul class="nav nav-tabs nav-justified mb-3">

                    <li class="nav-item"> <a class="nav-link active" data-bs-toggle="tab" href="#tab-2-2"> University </a> </li>
                    <li class="nav-item"> <a class="nav-link " data-bs-toggle="tab" href="#tab-2-1"> Courses </a> </li>
                    {{--<li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tab-2-3"> Pages </a> </li>--}}
                </ul>

                <div class="tab-content">
                    <div class="tab-pane " id="tab-2-1">



                        @forelse ($data as $data)
                            <div class="card shadow p-2 mb-2">
                                <div class="row g-0">

                                    <!-- Card body -->
                                    <div class="col-md-8">
                                        <div class="card-body">
                                            <!-- Title -->
                                            <div class="d-sm-flex justify-content-sm-between mb-2 mb-sm-3">
                                                <div>
                                                    <h5 class="card-title mb-0">
                                                        <a href="uk/universities/{{ $data->university->url }}/courses/{{$data->url}}">{{ $data->name }} </a>
                                                    </h5>
                                                    <p class="small mb-2 mb-sm-0">{{ $data->url }} </p>
                                                </div>
                                            </div>
                                            <!-- Content -->
                                            <p class="text-truncate-2 mb-3">{{ $data->meta_description }}</p>
                                            <!-- Info -->
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @empty
                            <div class="card shadow p-2">
                                <div class="row g-0">

                                    <!-- Card body -->
                                    <div class="col-md-8">
                                        <div class="card-body">
                                            <!-- Title -->
                                            <div class="d-sm-flex justify-content-sm-between mb-2 mb-sm-3">
                                                <div>
                                                    No Data found
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforelse

                    </div>



                    <div class="tab-pane show active" id="tab-2-2">

                        @forelse($universityData as $data)
                            <div class="card shadow p-2 mb-2">
                                <div class="row g-0">

                                    <!-- Card body -->
                                    <div class="col-md-8">
                                        <div class="card-body">
                                            <!-- Title -->
                                            <div class="d-sm-flex justify-content-sm-between mb-2 mb-sm-3">
                                                <div>
                                                    <h5 class="card-title mb-0"><a
                                                            href="/uk/universities/{{ $data->url }}">{{ $data->name }}
                                                        </a></h5>
                                                    <p class="small mb-2 mb-sm-0">{{ $data->url }} </p>
                                                </div>
                                            </div>
                                            <!-- Content -->
                                            <p class="text-truncate-2 mb-3">{{ $data->meta_description }}</p>
                                            <!-- Info -->
                                        </div>
                                    </div>
                                </div>
                            </div>

                        @empty
                            <div class="card shadow p-2">
                                <div class="row g-0">

                                    <!-- Card body -->
                                    <div class="col-md-8">
                                        <div class="card-body">
                                            <!-- Title -->
                                            <div class="d-sm-flex justify-content-sm-between mb-2 mb-sm-3">
                                                <div>
                                                    No Data found
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforelse

                    </div>


                    <div class="tab-pane" id="tab-2-3">
                        Eduport an innovative Internet marketing solutions company that offers comprehensive web
                        development, SMO services, SEO strategies and various other types of Internet marketing related
                        services. With us at your side, you will find the IT solution to achieve your strategic and
                        financial goals.
                    </div>


                </div>
            </div>
        </div>

    </div>
@endsection