@extends('themes.backend.layouts.app')
@section('dataTables') @stop

@section('breadcrumb')
{{ Breadcrumbs::render($othrsAtrArr['breadcrumb']) }}
@endsection
@section('page-css-styles')
<style scoped>
  .btn-draft {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
  }

  .btn-pending_review {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
  }

  .btn-publish {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
  }

  .btn-closed {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
  }
</style>
@stop

@section('content')
<div class="row">
  <div class="col-sm-12">
    <div class="card m-b-0">
      <div class="card-header">
        <h5>{{ __($othrsAtrArr['title']) }}</h5>
        @if($roleRights['add'])
        <!-- Add New -->
        <x-link_add_new url="{{ route($othrsAtrArr['add_route']) }}" />
        @endif
        @if($roleRights['delete'])
        @if( count( $dataListModel ) > 0 )
        <!-- Multi Delete -->
        <x-form.btn_multi_delete />
        &nbsp;
        @endif
        @endif
      </div>
      <div class="card-block">
        <!-- Show message. -->
        <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}" message="{{ session()->get('message') }}" />
        <form id="listDataForm" name="listDataForm" method="post" action="{{ route($othrsAtrArr['delete_route']) }}">
          {{ csrf_field() }}
          <div class="table-responsive dt-responsive">
            <table id="dom-jqry" class="table table-striped table-bordered nowrap">
              <thead>
                <tr>
                  @if($roleRights['delete'])
                  @if( count( $dataListModel ) > 0 )
                  <th class="cc-w-35 no-sort-del">
                    <x-form.field.checkbox style="default" name="check_all" id="check_all" />
                  </th>
                  @endif
                  @endif
                  <th>{{ __('admin.title_txt') }}</th>
                  <th class="cc-w-70 no-sort">{{ __('admin.image_txt') }}</th>
                  <th>{{ __('admin.category_txt') }}</th>
                  <th>{{ __('admin.tag_txt') }}</th>
                  @if( $fldsHide['c_order'] == $boolFalse )
                  <th class="cc-w-60">{{ __('admin.order_txt') }}</th>
                  @endif
                  <th class="cc-w-60 no-sort">{{ __('admin.status_txt') }}</th>
                  <th class="cc-w-150">{{ __('admin.publish_date_txt') }}</th>
                  <th class="cc-w-150">{{ __('admin.mdfy_date_txt') }}</th>
                  <th class="cc-w-95 no-sort">{{ __('admin.mdfy_by_txt') }}</th>
                </tr>
              </thead>
              <tbody>
                @if( count($dataListModel) > 0 )
                @foreach( $dataListModel as $key => $record )
                <tr role="row" class="">
                  @if($roleRights['delete'])
                  <td class="sorting_{{ $record->blog_post_id }}">
                    <x-form.field.checkbox style="default" name="checkbox[]" value="{{ $record->blog_post_id }}" fldclass="del-chkbx" />
                  </td>
                  @endif
                  <td>
                    @if($roleRights['edit'])
                    <x-link_tooltip url="{{ route('admin.blogpost.edit', $record->blog_post_id) }}" title="{{ $listDataAtrArr['edit_txt'] }}">
                      {{ $record->title }}
                    </x-link_tooltip>
                    @else
                    {{ $record->title }}
                    @endif
                  </td>
                  <td>
                    @if( $record->media != null )
                    <x-link_tooltip url="{{  $record->media->getModuleVars()['media_folder'].$record->media['path'] }}" title="{{ $record->media->getModuleVars()['view_txt'] }}" target="{{ $record->media->getModuleVars()['target'] }}" placement="right">
                      <x-img src="{{ $record->media->getModuleVars()['media_folder'].$record->media['path'] }}" width="{{ $record->media->getModuleVars()['img_width']['small'] }}" class="img-fluid img-thumbnail w-70" />
                    </x-link_tooltip>
                    @endif
                  </td>
                  <td>
                    @if($record->categories->count() >0)
                      @foreach($record->categories as $category)
                        <x-link_tooltip url="{{ route('admin.blogcategory.edit', $category->blog_cat_id) }}" title="{{ $listDataAtrArr['edit_txt'] }}" target="_blank" class="my-1 px-1 d-block bg-info text-white font-10">
                          {{ $category->title }}
                        </x-link_tooltip>
                      @endforeach
                    @endif
                  </td>
                  <td>
                    @if($record->tags->count() >0)
                      @foreach($record->tags as $tag)
                        <x-link_tooltip url="{{ route('admin.blogtag.edit', $tag->blog_tag_id) }}" title="{{ $listDataAtrArr['edit_txt'] }}" target="_blank" class="my-1 px-1 d-block bg-info text-white font-10">
                          {{ $tag->title }}
                        </x-link_tooltip>
                      @endforeach
                    @endif
                  </td>
                  @if( $fldsHide['c_order'] == $boolFalse )
                  <td>{{ $record->c_order > 0 ? $record->c_order : '' }}</td>
                  @endif
                  <td>                    
                    <label class="label btn-{{ $record->status }} no-drop">{{ $moduleAtrArr['statuses'][$record->status] }}</label>
                  </td>
                  <td>{{ $record->published_at ? date($listDataAtrArr['mdfy_dt_frmt'], strtotime($record->published_at)):'' }}</td>
                  <td>{{ date($listDataAtrArr['mdfy_dt_frmt'], strtotime($record->updated_at)) }}</td>
                  <td>{{ $record->updatedby->display_name ?? $listDataAtrArr['unknown_txt'] }}</td>
                </tr>
                @endforeach
                @else
                <tr>
                  <td colspan="10">{{ __('message.data_not_available') }}</td>
                </tr>
                @endif
              </tbody>
            </table>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
@stop