@extends('layouts.app')
@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <ol class="breadcrumb align-items-center">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Groups</li>
                    <li class="m-1">
                        <a href="{{ route($pagelink.'.create') }}" class="btn btn-primary text-white addBtn">
                            Add {{$pagename}}
                        </a>
                    </li>
                </ol>
            </div>

            {{ logs_button('group') }}
        </div>
    </div><!-- /.container-fluid -->
</section>

<div class="container-fluid">
    <div class="row justify-content-center">

        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <!-- <a href="javascript:void(0)" class="showFilter">
                        <span class="fas fa-filter"></span>
                    </a> -->
                    <form class="filter-form">
                        <div class="row align-items-end">
                            <div class="form-group col-md-3">
                                <label for="role">Type</label>
                                <select name="type" class="form-control">
                                    <option value="">Select Type</option>
                                    <option {{ request()->get('type') == 'public'?'selected':''}} value="public">Public</option>
                                    <option {{ request()->get('type') == 'private'?'selected':''}} value="private">Private</option>
                                </select>    
                            </div>  

                            <div class="form-group col-md-4">
                                <label for="search">Search</label>
                                <input type="text" placeholder="Enter name, location" name="search" class="form-control" value="{{request()->get('search')}}">
                            </div>    

                            <div class="col-md-3">
                                <label for="datepicker6">Created on</label>
                                <div class="row alignCenter">
                                    @php 
                                        $from = (request()->get('created_at') ) ? request()->get('created_at')[0]:''; 
                                        $to = (request()->get('created_at') ) ? request()->get('created_at')[1]:''; 
                                    @endphp
                                    <div class="input-daterange input-group" id="datepicker6" data-date-format="yyyy-mm-dd" data-date-autoclose="true" data-provide="datepicker" data-date-container='#datepicker6'>
                                        <input type="text" class="form-control" name="created_at[]" placeholder="From" value="{{$from}}" />
                                        <input type="text" class="form-control" name="created_at[]" placeholder="To" value="{{$to}}" />
                                    </div>
                                </div>
                            </div>                                     

                            <div class="form-group col-md-2">
                                <button class="btn btn-primary" type="submit">
                                    Filter <span class="fas fa-filter"></span>
                                </button>
                                <a href="{{ route($pagelink.'.index') }}" class="btn btn-secondary waves-effect custombtn">
                                    Clear 
                                </a>
                            </div>    
                        </div>    
                    </form>
                </div>
            </div>
        </div>  

        @php echo get_session_message() @endphp
        @php echo get_session_errors($errors) @endphp

        <div class="col-md-12">
            <div class="badge bg-primary p-2 mb-2 mt-2 customCountArea">
                Showing {{($list->currentpage()-1)*$list->perpage()+1}} to {{$list->currentpage()*$list->perpage()}}
                of {{$list->total()}} entries
            </div>            
            <div class="card">
                <div class="card-body">
                    <table class="table table-bordered dt-responsive nowrap w-100 align-baseline">
                        <thead>
                            <tr>
                                <th>Image</th>
                                <th>Name</th>
                                <th>Admin</th>
                                <th>Members</th>
                                <th>Events</th>
                                <th>Posts</th>
                                <th>Type</th>
                                <th>Address</th>
                                <th>Invitation</th>
                                <th>Action</th>
                            </tr>
                        </thead>

                        <tbody>
                            @if( !$list->isEmpty() )
                                @foreach( $list as $index => $values )
                                    <tr>
                                        <td class="text-center">
                                            @if(!empty( $values->image) )
                                                <img src="{{ asset($values->image) }}" width="50" height="50" class="circle-image">
                                            @else    
                                                <img src="{{ asset('public/assets/images/default-user.png') }}" width="50" height="50" class="circle-image">
                                            @endif
                                        </td>
                                        <td>{{ $values->name }}</td>
                                        <td>
                                            @if( isset($values->user->id) )
                                                <a href="{{route('users.edit',$values->user->id)}}">
                                                    {{ !empty($values->user->name)?$values->user->name:$values->user->username }}
                                                </a>
                                            @endif
                                        </td>
                                        <td>
                                            @if( isset($values->members) )
                                               <a href="{{route('groups.edit',$values->id).'#members'}}">
                                                   {{ $values->members->count() }} 
                                               </a> 
                                            @endif
                                        </td>
                                        <td>
                                           <a href="{{route('groups.edit',$values->id).'#events'}}">
                                               {{ $values->events_count ?? 0 }} 
                                           </a> 
                                        </td>
                                        <td>
                                           <a href="{{route('groups.edit',$values->id).'#posts'}}">
                                               {{ $values->posts_count ?? 0 }} 
                                           </a> 
                                        </td>
                                        <td>{{ ucfirst($values->type) }}</td>
                                        <td>{{ $values->address }}</td>
                                        <td>
                                           <button class="btn btn-success mdload" data-route="{{route('invite.html',$values->id)}}" data-bs-toggle="modal" data-bs-target="#inviteUsers">
                                                Invite <i class="fa-user-plus fa"></i>
                                           </button>
                                        </td>
                                        <td>
                                           {{ get_edit_button( route('groups.edit',$values->id), $values->id, 'black text-primary' , 'Edit') }}
                                           {{ get_delete_button(route('groups.destroy',$values->id),$values->id,'black text-danger deleteRecord','Delete')}}
                                        </td>
                                        
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="card-footer clearfix pg">
                    {{ $list->withQueryString()->links() }}
                </div>     
            </div>
        </div>
    </div>
</div>
@include('admin.groups.invite')
@endsection