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

@section('breadcrumb')
{{ Breadcrumbs::render('product.index')  }}
@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>{{ __('product.all_txt') }}</h5>
        @if($roleRights['add'])
        <!-- Add New -->
        <x-link_add_new url="{{ route('admin.product.create') }}" />
        @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('admin.product.delete') }}">
          {{ 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>{{ __('admin.type_txt') }}</th>
                  <th class="cc-w-70 no-sort">{{ __('admin.image_txt') }}</th>
                  <th class="cc-w-60">{{ __('admin.price_txt') }}</th>
                  <th class="cc-w-70">{{ __('product.sku_txt') }}</th>
                  <th>{{ __('admin.category_txt') }}</th>
                  <th>{{ __('product.visibility_txt') }}</th>
                  <th class="cc-w-60">{{ __('admin.order_txt') }}</th>
                  <th class="cc-w-60 no-sort">{{ __('admin.status_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->prod_id }}">
                    <x-form.field.checkbox style="default" name="checkbox[]" value="{{ $record->prod_id }}" fldclass="del-chkbx" />
                  </td>
                  @endif
                  <td>
                    @if($roleRights['edit'])
                    <x-link_tooltip url="{{ route('admin.product.edit', $record->prod_id) }}" title="{{ $listDataAtrArr['edit_txt'] }}">
                      {{ $record->title }}
                    </x-link_tooltip>
                    @else
                    {{ $record->title }}
                    @endif
                  </td>
                  <td>{{ $record->type->title }}</td>
                  <td>
                    @if( $record->coverimage != null )
                    <x-link_tooltip url="{{  $record->coverimage->getModuleVars()['media_folder'].$record->coverimage->image }}" title="{{ $record->coverimage->getModuleVars()['view_txt'] }}" target="{{ $record->coverimage->getModuleVars()['target'] }}" placement="right">
                      <x-img src="{{ $record->coverimage->getModuleVars()['media_folder'].$record->coverimage->image }}" width="{{ $record->coverimage->getModuleVars()['img_width']['small'] }}" class="img-fluid img-thumbnail w-70" />
                    </x-link_tooltip>
                    @endif
                  </td>
                  <td>{{ $record->price->buying_price }}</td>
                  <td>{{ $record->inventory->sku->code }}</td>
                  <td>
                    @if($record->categories->count() >0)
                    @foreach($record->categories as $category)
                      <x-link_tooltip url="{{ route('admin.category.edit', $category->c_id) }}" title="{{ $listDataAtrArr['edit_txt'] }}" target="_blank" class="my-1 px-1 d-block bg-info text-white">
                        {{ $category->title }}
                      </x-link_tooltip>
                    @endforeach
                    @endif

                  </td>
                  <td>{{ $moduleAtrArr['product_types'][$record->visibility] }}</td>
                  <td>{{ $record->c_order > 0 ? $record->c_order : '' }}</td>
                  <td>
                    <label class="label btn-{{ $record->status }} no-drop">{{ $moduleAtrArr['product_statuses'][$record->status] }}</label>
                  </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