@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">Posts</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('post') }}
        </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">Sort By</label>
                                @php $sb = request()->get('sort_by') @endphp
                                <select name="sort_by" class="form-control" onchange="this.form.submit()">
                                    <option {{$sb == 'id,DESC'?'selected':''}} value="id,DESC">Newest</option>
                                    <option {{$sb == 'id,ASC'?'selected':''}} value="id,ASC">Oldest</option>
                                </select>    
                            </div>  

                            <div class="form-group col-md-3">
                                <label for="search">Search</label>
                                <input type="text" placeholder="e.g post title , content" 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> 

        <div class="col-md-12">
            @if (session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @elseif (session('error'))   
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif        
        </div>    

        <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>Post</th>
                                <th>Author</th>
                                <th>Group</th>
                                <th>Comments</th>
                                <th>Status</th>
                                <th>Posted</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>
                                            <b>{{ $values->title }}</b>
                                            <p>{!! Str::limit(strip_tags($values->content), 20) !!}</p>
                                        </td>
                                        <td>
                                            @if( isset($values->user->id) )
                                                <a href="{{route('users.edit',$values->user->id)}}">
                                                    {{ isset($values->user->name)?$values->user->name:'' }}
                                                </a>    
                                            @endif
                                        </td>
                                        <td>
                                            @if( isset($values->group->id) )
                                                <a href="{{route('groups.edit',$values->group->id)}}">
                                                    {{ isset($values->group->name)?$values->group->name:'' }}
                                                </a>    
                                            @else
                                                -    
                                            @endif

                                        </td>
                                        <td>
                                            <a href="{{route('post.comments',$values->id)}}">
                                                {{ $values->post_comments_count ?? 0 }}
                                            </a>
                                        </td>
                                        <td class="{{$values->status == 'published'?'text-success':'text-danger'}}">
                                            {{ ucwords($values->status) }}
                                        </td>
                                         <td class="">
                                            {{ default_datetime_format($values->created_at) }}
                                        </td>
                                        <td>
                                           {{ get_edit_button( route('posts.edit',$values->id), $values->id, 'black text-primary' , 'Edit') }}
                                           {{ get_delete_button(route('posts.destroy',$values->id),$values->id,'black text-danger deleteRecord','Delete')}}
                                           {{ get_approve_button(route('post.approved',['id'=>$values->id,'value'=>1])) }}
                                           {{ get_disapprove_button(route('post.approved',['id'=>$values->id,'value'=>0])) }}
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="card-footer clearfix pg">
                    {{ $list->withQueryString()->links() }}
                </div>  
            </div>
        </div>
    </div>
</div>
@endsection