@extends('layouts.account')

@section('page-title', 'Who Liked Me')


@section('content')
    <div class="content-wrap">
        <div class="container">
            <div class="row">
                <div class="col-md-12 mb-5">
                    <a href="#" class="themeBtn">Who Liked Me</a>
                </div>
                @forelse($winks as $wink)
                    
                    <div class="col-md-4">
                        <div class="userCard alertCard">
                            <a href="#" class="imgWrap">
                                <img src="{{ !empty($wink->by_user->profile->profile_image) ? asset($wink->by_user->profile->profile_image) : asset('themes/front/images/team1.jpg') }}" alt="">
                            </a>
                            <div class="content">
                                <h3>{{ $wink->by_user->name }}</h3>
                                <ul>
                                    <li>
                                        <p><span>Gender: </span> {{ @$wink->by_user->profile->gender }}</p>
                                    </li>
                                    <li>
                                        <p><span>Age:</span>38</p>
                                    </li>
                                    <li>
                                        <p><span>About me:</span> </p>
                                    </li>
                                </ul>
                            </div>
                            <div class="btn-group">
                                <a href="{{ route('account.winkResponse', [$wink->id, 'accepted']) }}" class="themeBtn pinkBtn">Approve</a>
                                <a href="{{ route('account.winkResponse', [$wink->id, 'rejected']) }}" class="themeBtn pinkBtn">Reject</a>
                            </div>
                        </div>
                    </div>
                @empty
                    <p>No wink available</p>
                @endforelse
            </div>
        </div>
    </div>

@endsection