@extends('home.layouts.master')
@section('content')
    <!-- Main Container -->
    <main id="main-container">

        <div class="findService bg-white">
            <div class="content">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="py-5 text-center" id="heading_ti_adn">
                            <h1 class="font-w700 mb-2" id="f_ad_ne_main_title">
                                Interviews
                            </h1>
                        </div>
                    </div><!-- col end-->
                </div><!-- row end-->
                <div class="row">
                    @foreach($interviews as $iKey=>$interview)
                        @if($iKey==0)
                            <div class="col-sm-12 mt-2">
                                <div class="row justify-content-center text-center">
                                    <div class="col-sm-9">
                                        <h2 class="text-center">
                                            {{$interview->title}}
                                            @if(isset($interview->category->name))
                                                <br>
                                                <span class="badge badge-light font-size-base"><i class="fa fa-tag"></i> {{$interview->category->name}}</span>
                                            @endif
                                            <span class="badge badge-light font-size-base"><i class="fa fa-user"></i> {{$interview->guest_name}} <span class="badge badge-light">{{$interview->guest_designation}}</span></span>
                                        </h2>

                                        <div class="listW">
                                            <div class="">
                                                <a href="{{url('interviews'.'/'.$interview->id)}}">
                                                    @php
                                                        $url = config('filesystems.asset').'/'.'interview'.'/'.$interview->image;
                                                        $uploadedFile = pathinfo($url);
                                                        $old_filename = $uploadedFile['filename'];
                                                        $extension = $uploadedFile['extension'];
                                                        $imageLink = config('filesystems.asset').'/'.'interview'.'/'.$old_filename.'.webp';
                                                    @endphp
                                                    <picture>
                                                        <source type="image/webp" srcset="{{$imageLink}}">
                                                        <source type="image/{{$extension}}" srcset="{{$url}}">
                                                        <img src="{{$url}}" alt="{{$interview->guest_name}}">
                                                    </picture>
                                                </a>
                                            </div>
                                            <div    class="listCOn">
                                                {{$interview->guest_intro}} <a href="{{url('interviews'.'/'.$interview->id)}}">[..Read More]</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @else
                            <div class="col-md-3 col-sm-6">
                                <a href="{{url('interviews'.'/'.$interview->id)}}">
                                    <div class="listW">
                                        <div class="listIm">
                                            @php
                                                $url = config('filesystems.asset').'/'.'interview'.'/'.$interview->image;
                                                $uploadedFile = pathinfo($url);
                                                $old_filename = $uploadedFile['filename'];
                                                $extension = \Illuminate\Support\Str::lower($uploadedFile['extension']);
                                                if ($extension=='gif'){
                                                $imageLink = $url;
                                                }else{
                                                $imageLink = config('filesystems.asset').'/'.'adverts'.'/'.$old_filename.'.webp';
                                                }
                                            @endphp
                                            <picture>
                                                <source type="image/webp" srcset="{{$imageLink}}">
                                                <source type="image/{{$extension}}" srcset="{{$url}}">
                                                <img src="{{$url}}" alt="{{$interview->guest_name}}">
                                            </picture>
                                        </div>
                                        <div class="listCOn">
                                            <h4>{{$interview->title}}</h4>
                                            <span class="badge badge-light">{{$interview->guest_name}} <span class="badge badge-light">{{$interview->guest_designation}}</span></span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>

@endsection