@extends('layouts.user')

@section('content')
@push('css')
    <!-- DataTables -->
    <link href="{{ asset('') }}/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ asset('') }}/assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />

    <!-- Responsive datatable examples -->
    <link href="{{ asset('') }}/assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />

    <link href="{{ asset('') }}/assets/libs/select2/css/select2.min.css" rel="stylesheet" type="text/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-4">
                            <h5>Member Lists</h5>
                        </div>
                        <div class="col-md-4 text-center">
                            <h5><b class="text-muted">Group Name : </b>{{ $group->name }}</h5>
                        </div>
                        <div class="col-md-4 text-right">
                            <a href="{{ route('user.groups.list') }}" class="btn btn-secondary btn-sm">Group List</a>
                        </div>
                    </div>
                    
                </div>
                <div class="card-body">
                    <form method="GET" action="{{ url()->current() }}">
                        <div class="row mb-3">
                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="name" class="col-form-label pt-0">Name</label>
                                    <input class="form-control" type="text" name="name" id="name" placeholder="Name" value="{{ old('name') }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="phone_number" class="col-form-label pt-0">Phone</label>
                                    <input class="form-control" type="text" name="phone_number" id="phone_number" placeholder="Phone" value="{{ old('phone_number') }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="user_id" class="col-form-label pt-0">User ID</label>
                                    <input class="form-control" type="text" name="user_id" id="user_id" placeholder="ID" value="{{ old('user_id') }}">
                                </div>
                            </div>
                            <div class="col-md-3 mt-4">
                                <button class="btn btn-primary">Search</button>
                                <a href="{{url('user/groups/assign_members/list',$group->id)}}" class="btn btn-danger">Clear</a>
                            </div>
                        </div>
                    </form>
                    <div class="dropdown-divider"></div>
                    <div class="table-responsive">
                        <table id="datatable-buttons-alllist" class="table table-striped table-bordered w-100">
                            <thead>
                                <tr>
                                    <th>SL.</th>
                                    <th>ID</th>
                                    <th>Name</th>
                                    <th>Phone</th>
                                    <th>Refer Name</th>
                                    <th>Refer ID</th>
                                    <th class="text-center">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(count($members)>0)
                                @foreach($members as $key => $member)
                                <tr>
                                    <td>{{ ++$key }}</td>
                                    <td>{{ $member->user_id }}</td>
                                    <td>{{ $member->name }}</td>
                                    <td>{{ $member->phone_number }}</td>
                                    <td>{{ cn($member,'refer_data.name','--') }}</td>                                    
                                    <td>
                                        @if($member->refer_id)
                                        <a href="#">
                                            {{ cn($member,'refer_data.user_id','--') }}
                                        </a>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        <div class="button-list btn-social-icon">
                                            @if(in_array($member->id, $group_user_ids))
                                            <form action="{{ route('user.groups.delete_member') }}" method="post">
                                                {{ csrf_field() }}
                                                <input type="hidden" name="member_id" value="{{ $member->id}}">
                                                <input type="hidden" name="group_id" value="{{ $group->id}}">
                                                <span class="btn btn-outline-success">
                                                    <i class="fas fa-check"></i>
                                                </span>
                                                <button type="submit" class="btn btn-danger btn-remove ml-1">
                                                    <i class="far fa-trash-alt"></i>
                                                </button>
                                            </form>
                                            @else
                                            <form action="{{ route('user.groups.assign_member') }}" method="post">
                                                {{ csrf_field() }}
                                                <input type="hidden" name="member_id" value="{{ $member->id}}">
                                                <input type="hidden" name="group_id" value="{{ $group->id}}">
                                                <button type="submit" class="btn btn-purple confirm_btn" data-text="Are you sure? You want to add user.">
                                                    <i class="fas fa-plus"></i>
                                                </button>
                                            </form>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>                            
                        </table>
                        <div class="float-right">
                            {{$members->appends(request()->all())->links()}}
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- end col -->                                                              
    </div><!--end row-->
    
</div> <!-- container-fluid -->
@push('alljs')
          <!-- Required datatable js -->
    <script src="{{ asset('') }}/assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <!-- Buttons examples -->
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/jszip/jszip.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/pdfmake/build/pdfmake.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/pdfmake/build/vfs_fonts.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/buttons.colVis.min.js"></script>
    <!-- Responsive examples -->
    <script src="{{ asset('') }}/assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>

    <!-- Datatable init js -->
    <script src="{{ asset('') }}/assets/js/pages/datatables.init.js"></script>

    <script src="{{ asset('') }}/assets/libs/select2/js/select2.min.js"></script>
    <script src="{{ asset('') }}/assets/js/pages/form-advanced.init.js"></script>

    @if ($message = Session::get('error'))
    <script type="text/javascript">
        var msg = '{{$message}} ';   
        show_toast('error',msg);
    </script>
    @endif
    @if ($message = Session::get('success'))
    <script type="text/javascript">
        var msg = '{{$message}} ';   
        show_toast('success',msg);
    </script>
    @endif
@endpush
@endsection