@extends('layouts.admin')

@section('page-header', 'Members (Pending Review)')

@section('styles')
<style>
      div.dataTables_wrapper {
        width: 800px;
        margin: 0 auto;
    }
</style>
@endsection

@section('content')
<div class="white-component">
    <p>This page lists members whose bio and profile pic needs to be reviewed.</p>
    <form class="form-inline header-form-wrapper">

        <div class="form-group ">
            <input type="text" class="form-control" name="filter[name]"
                placeholder="Search by name" value="{{ request()->input('filter.name') }}">
        </div>
        <button class="btn btn-primary" type="submit">Search</button>
    </form>


    <table class="table">
        <thead>
            <th>Member</th>
            <th>Image</th>
            <th>Bio</th>
            
            <th class="text-right"></th>
        </thead>
        @forelse ($members as $member)
         @if($member->profile_pic_approved == 0 | $member->bio_approved == 0)
        <tbody>
            <tr>
                <td id="fname" class="nowrap">
                     <a href="{{ route('profile.show',$member->id) }}" class="">{{ $member->name }}</a>
                </td>
               
                <td><img class="d-block" src="{{ user_asset($member->profile_image_path) }}" width="70"></td>
                <td id="mobile">{!! nl2br(e($member->bio)) !!}</td>
                
                <td class="text-right">
                    <button class="btn btn-outline-danger btn-sm btn-mb-5"
                        data-confirm-delete
                        data-confirm-action="{{ route('admin.reviews.delete', $member->id) }}"
                        data-confirm-title="Remove Member Details"
                        data-confirm-text="Are you sure you want to remove photo and bio of member &quot;{{ $member->name }}&quot;?">Reject</button>

                    <button class="btn btn-outline-info btn-sm btn-mb-5"
                        data-confirm
                        data-confirm-action="{{ route('admin.members-pending-review.edit', $member->id) }}"
                        data-confirm-title="Approve Member Details"
                        data-confirm-text="Are you sure you want to approve photo and bio of member &quot;{{ $member->name }}&quot;?">Approve</button>
                </td>
               
            </tr>
        </tbody>
         @else
            <td></td>
        @endif

        @empty
            <tr>
                <td><div class="no-data">No members pending review.</div></td>
            </tr>
        @endforelse
    </table>

    {{ $members->appends(request()->except('page'))->links() }}
</div>
@endsection