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

@php
    $role = Auth()->user()->getRoleNames()->toArray();
    $user = Auth::user()->id;
@endphp

@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">
                            {{ $totalPages ?? '0' }}
                        </span>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-md-3">
                <div class="info-box mb-3">
                    <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-comments"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">{{ __('total_comments') }}</span>
                        <span class="info-box-number">{{ $totalComments ?? '0' }}</span>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-md-3">
                <div class="info-box mb-3">
                    <span class="info-box-icon bg-info elevation-1"><i class="fas fa-users"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">{{ __('total_authors') }}</span>
                        <span class="info-box-number">{{ $totalAuthor ?? '0' }}</span>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-md-3">
                <div class="info-box mb-3">
                    <span class="info-box-icon bg-success elevation-1"><i class="fas fa-th"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">{{ __('total_category') }}</span>
                        <span class="info-box-number">{{ $totalCategory ?? '0' }}</span>
                    </div>
                </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 class="col align-self-end p-1">
                                @if (request('keyword') || request('category') || request('author') || request('status') || request('sort_by'))
                                    <a href="{{ route('module.blog.index') }}"
                                        class="ml-1 btn btn-danger float-right d-flex align-items-center justify-content-center"><i
                                            class="fas fa-times"></i> &nbsp;{{ __('clear') }}
                                    </a>
                                @endif
                                @if (userCan('page.create'))
                                    <a href="{{ route('module.blog.create') }}"
                                        class="btn btn-primary float-right d-flex align-items-center justify-content-center"><i
                                            class="fas fa-plus"></i>&nbsp;{{ __('create') }} {{__('page')}}</a>
                                @endif
                                <a href="{{ route('module.faq.category.index',['type' => 'page']) }}"
                                    class="btn bg-success float-right d-flex align-items-center mx-1 justify-content-center">
                                    <i class="fas fa-plus"></i>&nbsp;{{ __('create_category') }}
                                </a>

                                <a href="{{ route('module.blog.comment.index') }}"
                                    class="btn bg-warning float-right d-flex align-items-center mx-1 justify-content-center">
                                    <i class="fas fa-plus"></i>&nbsp;{{ __('comment') }}
                                </a>
                                {{-- <a href="{{ route('module.category.index') }}"
                                    class="btn btn-outline-primary float-right d-flex align-items-center justify-content-center mx-1">
                                    <i class="fas fa-eye"></i>&nbsp;{{ __('all_category') }}
                                </a> --}}
                            </div>
                        </div>
                    </div>


                    {{-- Filter  --}}
                    <form id="formSubmit" action="{{ route('module.blog.index') }}" method="GET"
                        onchange="this.submit();">
                        <div class="card-body border-bottom row">
                            <div class="col-3">
                                <label>{{ __('search') }}</label>
                                <input name="keyword" type="text" placeholder="{{ __('search') }}" class="form-control"
                                    value="{{ request('keyword') }}">
                            </div>
                            <div class="col-3">
                                <label>{{ __('category') }}</label>
                                {{-- <select name="category" class="form-control w-100-p">
                                    <option value="" {{ !request('category') ? 'selected' : '' }}>
                                        {{ __('all') }}
                                    </option>
                                    @foreach ($categories as $category)
                                        <option {{ request('category') == $category->url ? 'selected' : '' }}
                                            value="{{ $category->url }}">
                                            {{ $category->name }}
                                        </option>
                                    @endforeach
                                </select> --}}

                            <select name="category" class="@error('category') is-invalid @enderror w-100-p form-control">
                                <option value="">{{ __('select_category') }}</option>
                                    @foreach ($categories as $category)
                                        <option {{ old('category', request('category')) == $category['id'] ? 'selected' : '' }} value="{{ $category['id'] }}">{{ $category['name']}}</option>
                                        @if (!empty($category['recursive_sub_categories']))
                                            @foreach ($category['recursive_sub_categories'] as $sub_category)
                                                <option {{ old('category', request('category')) == $sub_category['id'] ? 'selected' : '' }} value="{{ $sub_category['id'] }}"> - {{ $sub_category['name']}} ({{ $category['name']}})</option>
                                                @if (!empty($sub_category['recursive_sub_categories']))
                                                    @foreach ($sub_category['recursive_sub_categories'] as $sub_category2)
                                                        <option {{ old('category', request('category')) == $sub_category2['id'] ? 'selected' : '' }} value="{{ $sub_category2['id'] }}"> -- {{ $sub_category2['name']}} ({{ $category['name']}})</option>
                                                        @if (!empty($sub_category2['recursive_sub_categories']))
                                                            @foreach ($sub_category2['recursive_sub_categories'] as $sub_category3)
                                                                <option {{ old('category', request('category')) == $sub_category3['id'] ? 'selected' : '' }} value="{{ $sub_category3['id'] }}"> -- {{ $sub_category3['name']}} ({{ $category['name']}})</option>
                                                            @endforeach                                        
                                                        @endif
                                                    @endforeach                                                                                                                                         
                                                @endif 
                                            @endforeach                                                                                   
                                        @endif
                                    @endforeach
                            </select>
                            </div>
                            <div class="col-2">
                                <label>{{ __('author') }}</label>
                                <select name="author" class="form-control w-100-p">
                                    <option value="" {{ !request('author') ? 'selected' : '' }}>
                                        {{ __('all') }}
                                    </option>
                                    @foreach ($authors as $key => $author)
                                        <option value="{{ @$author[0]->author->id }}"
                                            {{ request('author') == @$author[0]->author->id ? 'selected' : '' }}>
                                            {{ @$author[0]->author->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-2">
                                <label>{{ __('status') }}</label>
                                <select name="status" class="form-control w-100-p">
                                    <option value="" {{ !request('status') ? 'selected' : '' }}>
                                        {{ __('all') }}
                                    </option>
                                    <option value="published" {{ request('status') == 'published' ? 'selected' : '' }}>
                                        {{ __('published') }} ({{ $totalPublished ?? '0' }})
                                    </option>
                                    <option value="unpublished" {{ request('status') == 'unpublished' ? 'selected' : '' }}>
                                        {{ __('unpublished') }} ({{ $totalUnpublished ?? '0' }})
                                    </option>
                                    <option value="draft" {{ request('status') == 'draft' ? 'selected' : '' }}>
                                        {{ __('draft') }} ({{ $totalDraft ?? '0' }})
                                    </option>
                                </select>
                            </div>

                            <div class="col-2">
                                <label>{{ __('sort_by') }}</label>
                                <select name="sort_by" class="form-control w-100-p">
                                    <option {{ !request('sort_by') || request('sort_by') == 'latest' ? 'selected' : '' }}
                                        value="latest" selected>
                                        {{ __('latest') }}
                                    </option>
                                    <option {{ request('sort_by') == 'latestUpdate' ? 'selected' : '' }} value="latestUpdate">
                                        {{ __('latest') }}   {{ __('update') }} 
                                    </option>
                                    <option {{ request('sort_by') == 'oldest' ? 'selected' : '' }} value="oldest">
                                        {{ __('oldest') }}
                                    </option>

                                    <option {{ request('sort_by') == 'oldestUpdate' ? 'selected' : '' }} value="oldestUpdate">
                                        {{ __('oldest') }} {{ __('update') }} 
                                    </option>
                                </select>
                            </div>
                        </div>
                    </form>

                    <div class="card-body table-responsive p-0">
                        <table class="table table-hover text-nowrap table-bordered">
                            <thead>
                                <tr class="text-center">
                                    <th>{{ __('image') }}</th>
                                    <th>{{ __('title') }}</th>
                                    <th>{{ __('category') }}</th>
                                    {{-- <th>{{ __('comments') }}</th> --}}
                                    <th>{{ __('author') }}</th>
                                    <th>{{ __('status') }}</th>
                                    <th>{{ __('create') }} {{ __('date') }}</th>
                                    <th>{{ __('publish') }} {{ __('date') }} </th>
                                    <th width="12%">
                                        {{ __('action') }}
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($blogs as $post)
                                    <tr>
                                        <td class="text-center">
                                            <img width="50px" height="50px" class="rounded"
                                                src="{{ $post->image_url }}" alt="">
                                        </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">{{ $post->comments_count }}</td> --}}
                                        <td class="text-center">{{ @$post->author->name }}</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.update'))
                                                <a data-toggle="tooltip" data-placement="top" title="{{ __('clone') }}"
                                                    href="{{ route('module.blog.clone', $post->id) }}"
                                                    onclick="return confirm('{{ __('Are you sure you want to clone this item?') }}')"
                                                    class="btn bg-warning"><i class="fas fa-clone"></i></a>
                                            @endif
                                            @if (userCan('page.update'))
                                                @php
                                                    $current_time = date('Y-m-d H:i:s');
                                                    $allowUser = 1;
                                                    if($post->open_date_time > $current_time){
                                                        $allowUser = 0;
                                                    }
                                                    $locked_user = @$post->authorByOpenAuthId->name;                                                    
                                                @endphp
                                                @if($allowUser == 1 || $role[0] == 'superadmin'  || $post->open_auth_id == $user)
                                                    <a data-toggle="tooltip" data-placement="top" title="{{ __('edit') }}" href="{{ route('module.blog.edit', $post->id) }}" class="btn bg-info"><i class="fas fa-edit"></i></a>
                                                @else
                                                    <button data-toggle="tooltip" data-placement="top" title="{{ @$locked_user }}" class="btn bg-danger" data-original-title="{{ @$locked_user }}"><i class="fas fa-lock"></i></button>
                                                @endif
                                            @endif
                                            @if (userCan('page.delete'))
                                                <form action="{{ route('module.blog.destroy', $post->id) }}"
                                                    method="POST" class="d-inline">
                                                    @method('DELETE')
                                                    @csrf
                                                    <button data-toggle="tooltip" data-placement="top"
                                                        title="{{ __('delete') }}"
                                                        onclick="return confirm('{{ __('are_you_sure_you_want_to_delete_this_item') }}');"
                                                        class="btn bg-danger">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10" class="text-center">
                                            <p>{{ __('no_data_found') }}...</p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        @if (request('perpage') != 'all' && $blogs->total() > $blogs->count())
                            <div class="mt-3 d-flex justify-content-center">
                                {{ $blogs->onEachSide(1)->links() }}
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip();
        })
    </script>
@endsection