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

@section('content')
    <h1>Members</h1>
    <div>

    <form class="form-inline">
        <div class="form-group">
            <input type="text" class="form-control" name="filter[name]"
                placeholder="Search by name" value="{{ request()->input('filter.name') }}">
        </div>
        <div class="form-group">
            <select class="form-control" name="filter[status]">
                <option value="">Status</option>
                <option value="{{ App\USER::STATUS_ACTIVE }}"
                    @if (request()->input('filter.status') === App\USER::STATUS_ACTIVE) selected @endif>Active</option>
                <option value="{{ App\USER::STATUS_INACTIVE }}"
                    @if (request()->input('filter.status') === App\USER::STATUS_INACTIVE) selected @endif>Inactive</option>
                <option value="{{ App\USER::STATUS_PENDING_APPROVAL }}"
                    @if (request()->input('filter.status') === App\USER::STATUS_PENDING_APPROVAL) selected @endif>Pending Approval</option>
            </select>
        </div>
        <button class="btn btn-primary" type="submit">Search</button>
    </form>

    <table class="table">
        <thead>
            <th>Member</th>
            <th>City</th>
            <th>Mobile</th>
            <th class="text-right"></th>
        </thead>
        @forelse ($members as $member)
        <tbody>
            <tr>
                <td id="fname">
                    {{ $member->name }}
                    <br>
                    <a href="mailto:{{ $member->email }}">{{ $member->email }}</a>
                </td>
                <td id="city"> {{$member->city}}</td>
                <td id="mobile"> {{$member->mobile}}</td>
                <td class="text-right">
                    <a href="viewFuntion/{{$member->id}}"><button type="button"class="btn btn-secondary"><span>View</span></button>
                    </a>
                    <button type="button" onclick="deleteFuntion('{{$member->id}}')" class="btn btn-danger"><span>Delete</span></button>
                </td>
            </tr>
        </tbody>
        @empty
            <tr>
                <td>No Members</td>
            </tr>
        @endforelse
    </table>

</div>
    {{ $members->links() }}



@endsection