@extends('layouts.admin')
@section('content')
@push('css')
@endpush


<div class="container-fluid">
    <div class="row">        
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-6">
                            <h5>Member Agent Lists</h5>
                        </div>
                        
                    </div>
                    @if($designation)
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('members/agent-list/PA') ? 'active' : '' }} " href="{{url('members/agent-list/PA')}}">PA</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('members/agent-list/CA') ? 'active' : '' }} " href="{{url('members/agent-list/CA')}}">CA</a>
                        </li>                                       
                        <li class="nav-item">
                        <a class="nav-link {{ request()->is('members/agent-list/MA') ? 'active' : '' }} " href="{{url('members/agent-list/MA')}}">MA</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('members/agent-list/SA') ? 'active' : '' }} " href="{{url('members/agent-list/SA')}}">SA</a>
                        </li>                                       
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('members/agent-list/GA') ? 'active' : '' }} " href="{{url('members/agent-list/GA')}}">GA</a>
                        </li>
                    </ul>
                    @endif 
                </div>
                <div class="card-body">
                   
                    <div class="table-responsive">
                        <table id="datatable-buttons-alllist" class="table table-striped table-bordered w-100">
                            <thead>
                            <tr>
                                <th class="text-center">Sl.</th>
                                <th>Picture</th>
                                <th>Name</th>
                                <th>User ID</th>
                                <th>Email</th>
                                <th>Contact</th>
                                <th>Present Address</th>
                                <th>Permanent Address</th>
                                <th>office Address</th>
                                <th>Refer Name</th>
                                <th>Refer ID</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(count($members)>0)
                           @foreach($members as $key =>$member)
                            <tr>
                                <td class="text-center">{{$key+1}}</td>
                                <td><img style="height:35px;border-radius: 50%;" src="{{ $member->picture ? asset('uploads/users/'.$member->picture) : default_image()}}"></td>
                                <td>{{$member->name}}</td>
                                <td><a target="_blanck" href="{{ route('members.view',$member->id) }}">{{$member->user_id}}</a></td>
                                <td>{{$member->email}}</td>                                
                                <td>{{$member->phone_number}}</td>
                                <td>{{$member->present_address}}</td>
                                <td>{{$member->parmanent_address}}</td>
                                <td>{{$member->office_address}}</td>
                                <td>{{ @$member->refer_data->name }}</td>
                                <td><a target="_blanck" @if($member->refer_data) href="{{url('members/view/'.$member->refer_data->id)}}" @endif>{{ @$member->refer_data->user_id }}</a></td>
                            </tr>
                           @endforeach
                           @endif 
                            </tbody>
                        </table>
                        <div class="float-right">
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div><!--end row-->
    
</div> <!-- container-fluid -->

@push('alljs')
@endpush
@endsection