@extends('templates.app')
@section('content')
@include('templates.navbar')
<div class="ban_imgg">
    <img src="{{asset('assets/img/testimona.jpg')}}" alt="" class="w-100" />
    <h5>Testimonial</h5>
</div>
<div class="hom-test w-90 my-3">
    <div class="tes-tit text-center">
        <h5>Student Testimonials </h5>
    </div>

    <div class="d-flex flex-wrap  my-3">
        @foreach($student_testimonials as $testimonial)
                @if($testimonial->type == 3)
                    <div class="col-md-4 col-12 my-2 px-3">

                        <div class="test_card">
                            <div class="test_img">
                                <img src="{{ asset('storage/'.$testimonial->file) }}" alt="" />
                            </div>
                            <p>
                                {{ Str::limit($testimonial->description, 200) }}
                            </p>

                            <a data-bs-toggle="modal" data-bs-target="#testread{{$testimonial->id}}" class="my-2">Read More</a>

                            <div class="re-star mb-2">
                                @if($testimonial->rating == 0)
                                            <i class="far fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            @elseif($testimonial->rating == 1)
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            @elseif($testimonial->rating == 2)
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            @elseif($testimonial->rating == 3)
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            @elseif($testimonial->rating == 4)
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="far fa-star st_ar"></i>
                                            @elseif($testimonial->rating == 5)
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="fa-solid fa-star st_ar"></i>
                                            <i class="fa-solid fa-star st_ar"></i>
                                            @endif
                            </div>
                            <h5>{{ Str::limit($testimonial->name, 20) }}</h5>

                            <div class="test-ic">
                                <img src="{{asset('assets/img/ic.png')}}" alt="" class="w-100" />
                            </div>
                        </div>
                    </div>

                    <div class="modal fade" id="testread{{$testimonial->id}}">
                        <div class="modal-dialog modal-dialog-centered mo-di">
                            <div class="modal-content mo-co">
                                <button type="button" data-bs-dismiss="modal">
                                    <i class="fa-solid fa-xmark"></i>
                                </button>

                                <div class="modal-body">
                                    <div class="text_mon">
                                        <div class="cir_img text-center">
                                            <div class="test_img m-auto">
                                                <img src="{{ asset('storage/'.$testimonial->file) }}" alt="" />
                                            </div>
                                            <h5>{{ $testimonial->name }}</h5>
                                            {{-- <h6>Student</h6> --}}
                                            <p>
                                                {{ $testimonial->description }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @elseif($testimonial->type == 2)
                    <div class="col-md-4 col-12 my-2 px-3">
                        <div class="bg">
                            <iframe src="{{ $testimonial->file }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                        </div>
                    </div>
                @elseif($testimonial->type == 1)
                    <div class="col-md-4 col-12 my-2 px-3">
                        <div class="test_card">
                            <h5>{{ Str::limit($testimonial->name,20) }}</h5>

                            <img src="{{ asset('storage/'.$testimonial->file) }}" alt="" class="w-100" />
                        </div>
                    </div>
                @endif
        @endforeach
    </div>
    <nav aria-label="Page navigation example  ">
        <ul class="pagination justify-content-end my-2">
            {!! $student_testimonials->links() !!}
        </ul>
    </nav>
</div>
<div class="hom-test w-90 my-3">

    <div class="tes-tit text-center">

        <h5> Placement Reviews</h5>
    </div>

    <div class="d-flex flex-wrap    my-3">
        @foreach($placement_testimonials as $testimonial)
                @if($testimonial->type == 3)
                    <div class="col-md-4 col-12 my-2 px-3">
                        <div class="test_card">
                            <div class="test_img">
                                <img src="{{ asset('storage/'.$testimonial->file) }}" alt="" />
                            </div>
                            <p>
                                {{ Str::limit($testimonial->description, 200) }}
                            </p>
                            <a data-bs-toggle="modal" data-bs-target="#testread{{$testimonial->id}}" class="my-2">Read More</a>
                            <div class="re-star mb-2">
                                @if($testimonial->rating == 0)
                                <i class="far fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                @elseif($testimonial->rating == 1)
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                @elseif($testimonial->rating == 2)
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                @elseif($testimonial->rating == 3)
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                @elseif($testimonial->rating == 4)
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="far fa-star st_ar"></i>
                                @elseif($testimonial->rating == 5)
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="fa-solid fa-star st_ar"></i>
                                <i class="fa-solid fa-star st_ar"></i>
                                @endif
                            </div>
                            <h5>{{ Str::limit($testimonial->name, 20) }}</h5>
                            <div class="test-ic">
                                <img src="{{asset('assets/img/ic.png')}}" alt="" class="w-100" />
                            </div>
                        </div>
                    </div>
                    <div class="modal fade" id="testread{{$testimonial->id}}">
                        <div class="modal-dialog modal-dialog-centered mo-di">
                            <div class="modal-content mo-co">
                                <button type="button" data-bs-dismiss="modal">
                                    <i class="fa-solid fa-xmark"></i>
                                </button>

                                <div class="modal-body">
                                    <div class="text_mon">
                                        <div class="cir_img text-center">
                                            <div class="test_img m-auto">
                                                <img src="{{ asset('storage/'.$testimonial->file) }}" alt="" />
                                            </div>
                                            <h5>{{ Str::limit($testimonial->name,20) }}</h5>
                                            {{-- <h6>Student</h6> --}}
                                            <p>
                                                {{ $testimonial->description }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @elseif($testimonial->type == 2)
                    <div class="col-md-4 col-12 my-2 px-3">
                        <div class="bg">
                            <iframe src="{{ $testimonial->file }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                        </div>
                    </div>
                @elseif($testimonial->type == 1)
                    <div class="col-md-4 col-12 my-2 px-3">
                        <div class="test_card">
                            <h5>{{ Str::limit($testimonial->name,20) }}</h5>

                            <img src="{{ asset('storage/'.$testimonial->file) }}" alt="" class="w-100" />
                        </div>
                    </div>
            @endif
        @endforeach
    </div>
    <nav aria-label="Page navigation example  ">
        <ul class="pagination justify-content-end my-2">
            {!! $placement_testimonials->links() !!}
        </ul>
    </nav>
</div>
@endsection