@extends('layouts.admin')
@section('content')
    <main>
        <div class="row">
            <div class="col-12 ">
                <div class="card">
                    <div class="card-header">
                        @if (request()->route()->parameter('type') == 'event-history')
                            <h4>Events List</h4>
                        @elseif($role == 'host')
                            <h4>Hosts List</h4>
                        @else
                            <h4>Members List</h4>
                        @endif
                    </div>

                
                    <div class="card-body">
                        <form method="GET" action="{{ url()->current() }}">
                            <div class="row">
                                <div class="col-md-2">
                                    <input type="text" name="filter_by_name" class="form-control"
                                        placeholder="Search by name"
                                        value="{{ old('filter_by_name', request('filter_by_name')) }}">
                                </div>

                                <input type="hidden" name="type" class="form-control d-none" placeholder=""
                                    value="{{ request('type') }}">
                                    

                                @if (request()->route()->parameter('type') == 'event-history')
                                    <div class="col-md-2">
                                        <select class="form-control" name="eventType">
                                            <option value="">Event Type</option>
                                            <option value="live" @if (request('eventType') == 'live') selected @endif>Live
                                                Events
                                            </option>
                                            <option value="completed" @if (request('eventType') == 'completed') selected @endif>
                                                Completed Events
                                            </option>
                                        </select>
                                    </div>
                                @endif
                                <div class="col-md-2">
                                    <button type="submit" class="btn btn-primary search-member">Search</button>
                                    <a href="{{ route('admin.member.list', ['role' => $role, 'type' => request('type'), 'userId' => request('userId')]) }}"
                                        class="btn btn-secondary">Clear</a>
                                </div>
                                <div class="col-md-2">
                                    @if($role == 'host')
                                        <select class="form-control" name="status">
                                            <option value="">All</option>
                                            <option value="active" url="{{ url()->current() }}?status=active" @if (request('status') == 'active') selected @endif>Active
                                            </option>
                                            <option value="inactive" url="{{ url()->current() }}?status=inactive" @if (request('status') == 'inactive') selected @endif>Inactive
                                            </option>
                                        </select>
                                    @else
                                        <select class="form-control" name="is_deleted">
                                            <option value="">All</option>
                                            <option value="0" url="{{ url()->current() }}?is_deleted=0" @if (request('is_deleted') == '0') selected @endif>Active
                                            </option>
                                            <option value="1" url="{{ url()->current() }}?is_deleted=1" @if (request('is_deleted') == '1') selected @endif>Cancelled
                                            </option>
                                        </select>
                                    @endif
                                </div>
                                @if($role != 'host')
                                    <div class="col-md-2">
                                        <select class="form-control" name="plan_type">
                                            <option value="">All</option>
                                            <option value="basic" url="{{ url()->current() }}?plan_type=basic" @if (request('plan_type') == 'basic') selected @endif>W/O Targets
                                            </option>
                                            <option value="premium" url="{{ url()->current() }}?plan_type=premium" @if (request('plan_type') == 'premium') selected @endif>W Targets
                                            </option>
                                        </select>
                                    </div>
                                @endif
                            </div>
                        </form>
                        <ul class="nav nav-pills mt-3" id="myTab3" role="tablist">
                            {{-- <li class="nav-item">
                            <a class="nav-link @if (!request('type') || request('type') == 'active') active @endif"  href="{{ route('admin.member.list',['role'=> $role , 'type'=>'active']) }}" >Active</a>
                        </li> --}}
                            {{-- <li class="nav-item">
                            <a class="nav-link @if (request('type') == 'host')  active  @endif"  href="{{ route('admin.member.list',['type'=>'host'])  }}"  >Host</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link @if (request('type') == 'member') active @endif"  href="{{ route('admin.member.list',['type'=>'member']) }}"  >Member</a>
                        </li> --}}
                            {{-- <li class="nav-item">
                            <a class="nav-link @if (request('type') == 'inactive') active @endif"  href="{{ route('admin.member.list',[ 'role'=> $role , 'type'=>'inactive']) }}"   >Inactive</a>
                        </li> --}}
                            {{-- <li class="nav-item">
                            <a class="nav-link @if (request('type') == 'event-history') active @endif"  href="{{ route('admin.member.list',[ 'role'=> $role , 'type'=>'event-history']) }}"   >Event History</a>
                        </li> --}}
                        </ul>
                        <div class="tab-content mt-3" id="myTabContent2">
                            <div class="tab-pane fade active show" id="active-user" role="tabpanel"
                                aria-labelledby="active-user" @if (request()->route()->getName() == 'admin.member.list') disabled @endif>
                                <div class="category-table-box">
                                    <div class="col-12 col-md-12 col-lg-12">
                                        {{-- <div class="card">
                                        <div class="card-body"> --}}
                                        <div class="table-responsive">
                                            @if (request()->route()->parameter('type') == 'event-history')
                                                @include('include.event-history-details')
                                                {{ $events->links() }}
                                            @else
                                                @include('include.member-details', [
                                                    'users' => $users,
                                                    'role' => $role,
                                                ])
                                                {{ $users->appends(request()->input())->links() }}
                                            @endif
                                        </div>
                                        {{-- </div>
                                    </div> --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection
@push('scripts')
    <script>
        jQuery(document).ready(function(e){
            jQuery('.search-member-filter').change(function(){
                let url  = jQuery(this).find('option:selected').attr('url');
                window.location.href = url ;
            });
        });
    </script>
@endpush