@extends('admin.layouts.app')
@section('title')
    {{ __('page_list') }}
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="clearfix hidden-md-up"></div>
            <div class="col-12 col-sm-6 col-md-3">
                <div class="info-box">
                    <span class="info-box-icon bg-info elevation-1"><i class="fas fa-sticky-note"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">{{ __('total_page') }}</span>
                        <span class="info-box-number">
                            {{ @$pageHistorytotal->count() ?? '0' }}
                        </span>
                    </div>
                    {{-- @if (userCan('page.history.compare'))
                    <div class="col-sm-6 col-md-3">
                        <a href="{{ route('module.blog.history.compare',['history' => $page->id]) }}" class="btn mr-2 bg-secondary float-right"><i
                            class="fas fa-plus mr-1"></i>&nbsp;{{ __('Comparison') }}
                        </a>
                    </div>
                    @endif --}}
                </div>
            </div>
        
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-sm-12 col-md-2 p-1">
                                <h3 class="card-title line-height-36">{{ __('page_list') }}</h3>
                            </div>
                       
                        </div>
                    </div>



                    <div class="card-body table-responsive p-0">
                        <table class="table table-hover text-nowrap table-bordered">
                            <thead>
                                <tr class="text-center">
                                    <th>{{ __('Compare') }}</th>
                                    <th>{{ __('image') }}</th>
                                    <th>{{ __('event') }}</th>
                                    <th>{{ __('event_id') }}</th>
                                    <th>{{ __('modified_by') }}</th>
                                    <th>{{ __('title') }}</th>
                                    <th>{{ __('category') }}</th>   
                                    <th>{{ __('author') }}</th>
                                    <th>{{ __('status') }}</th>
                                    <th>{{ __('create') }} {{ __('date') }}</th>
                                    <th>{{ __('publish') }} {{ __('date') }} </th>
                                    <th width="12%">
                                        {{ __('action') }}
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($pageHistory as $post)
                                    <tr>
                                        <td>
                                            <label class="btn btn-secondary">
                                                <input type="checkbox" name="options" id="option3" value="{{ $post->id }}" autocomplete="off"> 
                                              </label>
                                            
                                            
                                        </td>  
{{-- 
                                        <td class="text-center">
                                            <input type="radio" name="selectedPage" value="{{ $post->id }}">
                                        </td> --}}
                                        <td class="text-center">
                                            <img width="50px" height="50px" class="rounded"
                                                src="{{ $post->image_url }}" alt="">
                                        </td>
                                        <td class="text-center">
                                            {{ $post->event }}
                                        </td>
                                        <td class="text-center">
                                            {{ $post->event_id }}
                                        </td>
                                        <td class="text-center">{{ ucwords(adminIdToNameGet(@$post->modified_by)) }}</td>
                                        <td class="text-center">
                                            {{ $post->title }}
                                        </td>
                                        <td class="text-center">
                                            {{ @$post->category->name }}  @if(!empty($post->category->parentCategory->name)) ({{ @$post->category->parentCategory->name }}) @endif
                                        </td>
                                        <td class="text-center">{{ ucwords(adminIdToNameGet(@$post->author_id)) }}</td>
                                        
                                        <td class="text-center">
                                            <span
                                                class="{{ $post->status == 'draft' ? 'text-primary bg-warning' : ($post->status == 'published' ? 'text-primary bg-primary' : 'text-danger bg-danger') }} text-capitalize py-1 px-2 rounded">
                                                {{ $post->status }}
                                            </span>
                                        </td>
                                        <td class="text-center">
                                            @if(!empty($post->created_date))
                                            {{dateMonthTimeFormat($post->created_date)}}
                                            @else 
                                               -- 
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            @if(!empty($post->display_date))
                                            {{dateMonthTimeFormat($post->display_date)}}
                                            @else 
                                               -- 
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            {{-- <a href="comments"
                                                class="btn bg-success">
                                                <i class="fas fa-comments"></i>
                                            </a> --}}
                                            @if (userCan('page.history.view'))
                                            {{-- <a href="{{ route('module.blog.history.show', $post->id) }}" class="btn mr-2 bg-primary float-right"><i
                                                class="fas fa-arrow-left"></i>&nbsp;{{ __('history') }}
                                            </a> --}}
                                              <a href="{{ route('module.blog.history.show', $post->id) }}"
                                                class="btn btn-outline-primary float-right d-flex align-items-center justify-content-center mx-1">
                                                <i class="fas fa-eye"></i>&nbsp; History
                                            </a>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10" class="text-center">
                                            <p>{{ __('no_data_found') }}...</p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        @if ($pageHistory->count())
                        <div class="mt-3 d-flex justify-content-center">
                            {{ $pageHistory->links() }}
                        </div>
                        @endif
                       
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection