@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>friend request</h4>
                    </div>
                </div>
                @if($friend_users->isEmpty())
                    <label>No Pending Requests!</label>
                @else
                    @foreach($friend_users as $request)
                        <div class="col-md-3">
                            <div class="friend-request-box">
                                <div class="friend-request-box-top">
                                    <figure>
                                        <img src="{{$request->getFirstMediaUrl('profile_image')}}" alt="" style="   width: 110px;
    border-radius: 50px;
    height: 105px;">
                                    </figure>
                                    <h4>{{$request->name ?? ''}}</h4>
                                    <p>{{$request->title ?? ''}}</p>
                                    <ul class="friend-request-list">
                                        <li>
                                            <form action="{{ route('follow.accept.request') }}"
                                                  method="POST">
                                                <input type="hidden" name="sender" value="{{$request->id}}">
                                                @csrf
                                                <button type="submit">Accept</button>
                                            </form>

                                        </li>
                                        <li>
                                            <button><i class="fas fa-envelope"></i></button>
                                        </li>
                                        <li>
                                            <form action="{{ route('follow.cancel.request') }}"
                                                  method="POST">
                                                <input type="hidden" name="sender" value="{{$request->id}}">
@csrf
                                                <button type="submit">Pass</button>
                                            </form>
                                        </li>
                                    </ul>
                                </div>
                                <div class="friend-request-box-bottom">
                                    <a href="#">view profile</a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </section>

@endsection