@extends('themes.backend.layouts.app')
@section('datetimeRangePicker') @endsection

@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>
        <div class="c-f-btns">
          <div class="c-f-b-f">
            <!-- Filter -->
            <x-form.btn_filter />
            <!-- Reset -->
            <x-form.btn_reset />
          </div>
          <div class="c-f-b-r">
            @if($roleRights['add'])
            <!-- Add New -->
            <x-link_add_new url="{{ route('admin.product.create') }}" />
            @endif
            @if( count( $dataListModel ) > 0 )
            @if($roleRights['delete'])
            <!-- Multi Delete -->
            <x-form.btn_multi_delete />
            @endif
            <!-- Export -->
            <!-- <x-link_tooltip url="#" class="btn waves-effect waves-light btn-sm f-right btn-success" title="{{ __('admin.export_txt') }}">
              <i class="fa fa-file-excel-o"></i>
            </x-link_tooltip> -->
            @endif
          </div>
        </div>
      </div>
      <div class="card-block">
        <!-- Show message. -->
        <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}" message="{{ session()->get('message') }}" />
        <div class="dataTables_wrapper dt-bootstrap4 no-footer">
          <form id="filterForm" name="filterForm" method="get" action="{{ route('admin.product.index') }}">
            <div class="row align-items-center">
              <div class="col-md-3">
                <div class="sw-entry">
                  <label>
                    {{ __('admin.sw_entry.show_txt') }}
                    <select name="ppage" aria-controls="example" class="form-control" onchange="form.submit();">
                      @foreach($showEntryArr['value'] as $key => $option)
                      <option value="{{ $option }}" {{ $option == $perPage ? 'selected' : '' }}>{{ $showEntryArr['text'][$key] }}</option>
                      @endforeach
                    </select>
                    {{ __('admin.sw_entry.entries_txt') }}
                  </label>
                </div>
              </div>
              <div class="col-md-9">
                <div class="row f-right">
                  <div class="col-md-6">
                    <div class="sort-by">
                      <label>
                        {{ __('admin.sort_txt') }}
                        <select name="sby" id="sby" aria-controls="example" class="form-control" onchange="filter();">
                          @foreach($sortbyArr as $key=>$sort)
                          <option value="{{ $key }}" {{ $sortBy==$key?'selected':''}}>{{ $sort}}</option>
                          @endforeach
                        </select>
                      </label>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="order-by">
                      <label>
                        {{ __('admin.order_by_txt') }}
                        <select name="oby" id="oby" aria-controls="example" class="form-control" onchange="filter();">
                          @foreach($orderbyArr as $key => $orderby)
                          <option value="{{ $key }}" {{ strtolower($orderBy) == $key ? 'selected' : '' }}>{{ $orderby }}</option>
                          @endforeach
                        </select>
                      </label>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
        <form id="listDataForm" name="listDataForm" method="post" action="{{ route('admin.product.delete') }}">
          {{ csrf_field() }}
          <div class="table-responsive dt-responsive">
            <table 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>{{ $sortbyArr['title'] }}</th>
                  <th>{{ $sortbyArr['product_type_id'] }}</th>
                  <th class="cc-w-70 no-sort">{{ __('admin.image_txt') }}</th>
                  <th class="cc-w-70">{{ $sortbyArr['sku'] }}</th>
                  @if ($moduleAtrArr['flds_hide']['stock'] == $moduleAtrArr['bool_false'])
                  <th class="cc-w-70">{{ __('product.stock_txt') }}</th>
                  @endif
                  @if ($moduleAtrArr['flds_hide']['price'] == $moduleAtrArr['bool_false'])
                  <th class="cc-w-60">{{ $sortbyArr['price'] }}</th>
                  @endif
                  <th>{{ __('product.categories_txt') }}</th>

                  @if ($moduleAtrArr['flds_hide']['tag'] == $moduleAtrArr['bool_false'])
                  <th>{{ __('product.tags_txt') }}</th>
                  @endif

                  <th class="cc-w-60">{{ $sortbyArr['c_order'] }}</th>
                  <th class="cc-w-60 no-sort">{{ $sortbyArr['status'] }}</th>

                  @if ($moduleAtrArr['flds_hide']['visibility'] == $moduleAtrArr['bool_false'])
                  <th>{{ $sortbyArr['visibility'] }}</th>
                  @endif

                  <th class="cc-w-150">{{ $sortbyArr['updated_at'] }}</th>
                  <th class="cc-w-95 no-sort">{{ $sortbyArr['updated_id'] }}</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  @if($roleRights['delete'])
                  @if( count( $dataListModel ) > 0 )
                  <td></td>
                  @endif
                  @endif
                  <td>
                    <x-form.field.text id="fttl" name="fttl" value="{{ $fltrDataArr['title'] ?? '' }}" />
                  </td>
                  <td>
                    <select name="ftyp" id="ftyp" aria-controls="example" class="form-control">
                      <option value="">{{ $cFilterArr['all_txt'] }}</option>
                      @foreach($moduleAtrArr['product_types'] as $entry)
                      <option value="{{ $entry['type_id'] }}" @if( $entry['type_id']==old('ftyp') ) {{ 'selected' }} @elseif( $entry['type_id']==$fltrDataArr['product_type_id'] ) {{ 'selected' }} @endif>{{ $entry['title'] }}</option>
                      @endforeach
                    </select>
                  </td>
                  <td>
                    <!-- image -->
                  </td>
                  <td>
                    <x-form.field.text id="fsku" name="fsku" value="{{ $fltrDataArr['sku'] ?? '' }}" />
                  </td>
                  @if ($moduleAtrArr['flds_hide']['stock'] == $moduleAtrArr['bool_false'])
                  <td>
                    <!-- stock -->
                  </td>
                  @endif
                  @if ($moduleAtrArr['flds_hide']['price'] == $moduleAtrArr['bool_false'])
                  <td>
                    <x-form.field.text id="fprc" name="fprc" value="{{ $fltrDataArr['price'] ?? '' }}" />
                  </td>
                  @endif
                  <td>
                    <x-form.field.text id="fcat" name="fcat" value="{{ $fltrDataArr['category'] ?? '' }}" />
                  </td>

                  @if ($moduleAtrArr['flds_hide']['tag'] == $moduleAtrArr['bool_false'])
                  <td>
                    <x-form.field.text id="ftag" name="ftag" value="{{ $fltrDataArr['tag'] ?? '' }}" />
                  </td>
                  @endif
                  <td>
                    <x-form.field.text id="ford" name="ford" value="{{ $fltrDataArr['c_order'] ?? '' }}" />
                  </td>
                  <td>
                    <select name="fsts" id="fsts" aria-controls="example" class="form-control">
                      <option value="">{{ $cFilterArr['all_txt'] }}</option>
                      @foreach($moduleAtrArr['product_statuses'] as $key => $label)
                      <option value="{{ $key }}" @if( $key==old('fsts') ) {{ 'selected' }} @elseif( $key==$fltrDataArr['status'] ) {{ 'selected' }} @endif>{{ $label }}</option>
                      @endforeach
                    </select>
                  </td>

                  @if ($moduleAtrArr['flds_hide']['visibility'] == $moduleAtrArr['bool_false'])
                  <td>
                    <select name="fvsb" id="fvsb" aria-controls="example" class="form-control">
                      <option value="">{{ $cFilterArr['all_txt'] }}</option>
                      @foreach($moduleAtrArr['visibility_types'] as $key => $label)
                      <option value="{{ $key }}" @if( $key==old('fvsb') ) {{ 'selected' }} @elseif( $key==$fltrDataArr['visibility'] ) {{ 'selected' }} @endif>{{ $label }}</option>
                      @endforeach
                    </select>
                  </td>
                  @endif
                  <td>
                    <x-form.field.text id="fudt" name="fudt" value="{{ $fltrDataArr['updated_at'] ?? '' }}" class="period" />
                  </td>
                  <td>
                    <x-form.field.text id="fuusr" name="fuusr" value="{{ $fltrDataArr['updated_by'] ?? '' }}" />
                  </td>
                </tr>
                @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,$record->product_type_id]) }}" title="{{ $listDataAtrArr['edit_txt'] }}">
                      {{ $record->title }}
                    </x-link_tooltip>
                    @else
                    {{ $record->title }}
                    @endif
                    <i><br/><span class="info_instruction" title="{{ __('admin.slug_txt') }}">{!! $record->slug !!}</span></i>
                  </td>
                  <td>{{ $record->type->title }}</td>
                  <td>
                    @if( $record->files->first() != null )
                    <x-link_tooltip url="{{  $moduleAtrArr['file']['media_folder'].$record->coverfile->file }}" title="{{ $moduleAtrArr['file']['view_txt'] }}" target="{{ $moduleAtrArr['file']['target'] }}" placement="right">
                      <x-img src="{{ $moduleAtrArr['file']['media_folder'].$record->coverfile->file }}" width="{{ $moduleAtrArr['file']['img_width']['small'] }}" class="img-fluid img-thumbnail w-70" />
                    </x-link_tooltip>
                    @endif
                  </td>
                  <td>{{ $record->inventories->first()->sku }}</td>

                  @if ($moduleAtrArr['flds_hide']['stock'] == $moduleAtrArr['bool_false'])
                  <td>
                  {{ $record->inventories->first()->stockStatusWithQuantity() }}                       
                  </td>
                  @endif

                  @if ($moduleAtrArr['flds_hide']['price'] == $moduleAtrArr['bool_false'])
                  <td>
                    @if($record->product_type_id == Config('commonconstants.product_types.variable_id') )
                      {{ $record->displayVariationPrices() }}
                    @else
                      {{ $record->prices->first()->buying_price }}
                    @endif
                  </td>
                  @endif

                  <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 font-10">
                          {{ $category->title }}
                        </x-link_tooltip>
                      @endforeach
                    @endif
                  </td>

                  @if ($moduleAtrArr['flds_hide']['tag'] == $moduleAtrArr['bool_false'])
                  <td>
                    @if($record->tags->count() >0)
                      @foreach($record->tags as $tag)
                        <x-link_tooltip url="{{ route('admin.tag.edit', $tag->tag_id) }}" title="{{ $listDataAtrArr['edit_txt'] }}" target="_blank" class="my-1 px-1 d-block bg-secondary text-white font-10">
                          {{ $tag->title }}
                        </x-link_tooltip>
                      @endforeach
                    @endif
                  </td>
                  @endif

                  <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>

                  @if ($moduleAtrArr['flds_hide']['visibility'] == $moduleAtrArr['bool_false'])
                  <td>{{ $moduleAtrArr['visibility_types'][$record->visibility] }}</td>
                  @endif

                  <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="13" class="text-center">{{ __('message.data_not_available') }}</td>
                </tr>
                @endif
              </tbody>
            </table>
          </div>
        </form>
        {{ $dataListModel->appends($data)->links('vendor.pagination.app-admin') }}
      </div>
    </div>
  </div>
</div>
@stop
@push('scripts')
<script>
  /*Filter*/
  function filter() {
    var searchPagiData = "";   
    var fttl_Vlu = document.getElementById("fttl").value;
    if (fttl_Vlu != "") {
      searchPagiData = searchPagiData + "&fttl=" + fttl_Vlu;
    }
    var ftyp_Vlu = document.getElementById("ftyp").value;
    if (ftyp_Vlu != "") {
      searchPagiData = searchPagiData + "&ftyp=" + ftyp_Vlu;
    }
    var fsku_Vlu = document.getElementById("fsku").value;
    if (fsku_Vlu != "") {
      searchPagiData = searchPagiData + "&fsku=" + fsku_Vlu;
    }
    var fprc_Vlu = document.getElementById("fprc")?.value ?? '';
    if (fprc_Vlu != "") {
      searchPagiData = searchPagiData + "&fprc=" + fprc_Vlu;
    }
    var fcat_Vlu = document.getElementById("fcat").value;
    if (fcat_Vlu != "") {
      searchPagiData = searchPagiData + "&fcat=" + fcat_Vlu;
    }    
    var ftag_Vlu = document.getElementById("ftag")?.value ?? '';
    if (ftag_Vlu != "") {
      searchPagiData = searchPagiData + "&ftag=" + ftag_Vlu;
    }    
    var ford_Vlu = document.getElementById("ford").value;
    if (ford_Vlu != "") {
      searchPagiData = searchPagiData + "&ford=" + ford_Vlu;
    }    
    var fsts_Vlu = document.getElementById("fsts").value;
    if (fsts_Vlu != "") {
      searchPagiData = searchPagiData + "&fsts=" + fsts_Vlu;
    }   
    var fvsb_Vlu = document.getElementById("fvsb")?.value ??'';
    if (fvsb_Vlu != "") {
      searchPagiData = searchPagiData + "&fvsb=" + fvsb_Vlu;
    } 
    var fudt_Vlu = document.getElementById("fudt").value;
    if (fudt_Vlu != "") {
      searchPagiData = searchPagiData + "&fudt=" + fudt_Vlu;
    }
    var fuusr_Vlu = document.getElementById("fuusr").value;
    if (fuusr_Vlu != "") {
      searchPagiData = searchPagiData + "&fuusr=" + fuusr_Vlu;
    }    
    var sby_Vlu = document.getElementById("sby").value;
    if (sby_Vlu != "") {
      searchPagiData = searchPagiData + "&sby=" + sby_Vlu;
    }
    var oby_Vlu = document.getElementById("oby").value;
    if (oby_Vlu != "") {
      searchPagiData = searchPagiData + "&oby=" + oby_Vlu;
    }
    /*alert(searchPagiData);*/
    window.location.href = "{{ route('admin.product.index') }}" + "?page=0" + searchPagiData + "&ppage=" + "{{ $perPage }}";
    return false;
  }
  /*Reset Filter*/
  function resetfilter() {
    window.location.href = "{{ route('admin.product.index') }}";
  }
</script>
@endpush