@extends('layout.app')
@section('content')

    <section class="friend-request-sec">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="friend-request-content">
                        <h4>Followers</h4>
                    </div>
                </div>
                @if($followers->isEmpty())
                    <label>No Followers!</label>
                @else
                    @foreach($followers as $follower)
                        <div class="col-md-3">
                            <div class="friend-request-box">
                                <div class="friend-request-box-top">
                                    <figure>
                                        <img src="{{$follower->getFirstMediaUrl('profile_image')}}" alt="" style="   width: 110px;
    border-radius: 50px;
    height: 105px;">
                                    </figure>
                                    <h4>{{$follower->name ?? ''}}</h4>
                                    <p>{{$follower->title ?? ''}}</p>

                                </div>
                                <div class="friend-request-box-bottom">
                                    <a href="{{route('view.profile',['id' => $follower->id,'name' => $follower->name])}}">view profile</a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </section>

@endsection