@extends('admin.layouts.sellermastersoyuz')
@section('title','All Products ')
@section('body')

@component('seller.components.breadcumb',['secondactive' => 'active'])
@slot('heading')
   {{ __('All Products') }}
@endslot
@slot('menu1')
   {{ __('All Products') }}
@endslot


@slot('button')
<div class="col-md-6">
    <div class="widgetbar">
        @if(env('ENABLE_SELLER_SUBS_SYSTEM') == 1)
        @if(getPlanStatus() == 1 && ((auth()->user()->products()->count() + auth()->user()->store->simple_products->count()) + auth()->user()->store->simple_products->count()) < auth()->user()->activeSubscription->plan->product_create)
            @if(auth()->user()->activeSubscription->plan->csv_product == 1)
                <a title="Import products" href="{{ route('seller.import.product') }}" class="btn btn-success-rgba mr-2"><i class="feather icon-download mr-1"></i> Import Products</a>
                
            @endif

            <a href="{{ route("simple-products.create") }}" class="btn btn-primary-rgba"><i class="feather icon-plus mr-2"></i> Add Product</a>
        @endif
        @else
        <a title="Import products" href="{{ route('seller.import.product') }}" class="btn btn-success-rgba mr-2"><i class="feather icon-download mr-1"></i> Import Products</a>
        <a href="{{ route("simple-products.create") }}" class="btn btn-primary-rgba"><i class="feather icon-plus mr-2"></i> Add Product</a>
        <a href="{{ route("simple-products.create") }}" class="btn btn-primary-rgba"><i class="feather icon-plus mr-2"></i> Add Product</a>
        @endif
      <a href="{{ route("trash.simple.products") }}" class="btn btn-danger-rgba mr-2">
        <i class="feather icon-trash-2 mr-1"></i> {{__("Trash") }}
      </a>
    </div>
</div>
@endslot
@endcomponent
<div class="contentbar">   
             
  <!-- Start row -->
  <div class="row">
  
      <div class="col-lg-12">
          <div class="card m-b-30">
              <div class="card-header">
                  <h5 class="card-title">{{ __('Create new Products')}}</h5>
              </div>
              
              <div class="card-body">
                
                  <div class="table-responsive">
                      <table id="d_products" class="table table-striped table-bordered">
                        <thead>
                            <th>#</th>
                            <th>Product Image</th>
                            <th>Product ID</th>
                            <th>Product Name</th>
                            <th>Product Pricing</th>
                            <th>Product Status</th>
                            <th>Action</th>
                        </thead>
                         
                       
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- End col -->
</div>

@endsection     
                        
@section('custom-script')
<script>
    $(function () {
        "use strict";
        var table = $('#d_products').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route("simple-products.index") }}',
            language: {
                searchPlaceholder: "Search Products..."
            },
            columns: [
                {
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    searchable: false,
                    orderable : false
                },
                {
                    data: 'image',
                    name: 'image',
                    searchable: false,
                    orderable : false
                },
                {
                    data: 'id',
                    name: 'simple_products.id'
                },
                {
                    data: 'product_name',
                    name: 'simple_products.product_name'
                },
                {
                    data: 'price',
                    name: 'simple_products.actual_selling_price'
                },
                {
                    data: 'status',
                    name: 'simple_products.status'
                },
                {
                    data: 'action',
                    name: 'action',
                    searchable: false,
                    orderable : false
                },
            ],
            dom: 'lBfrtip',
            buttons: [
                'csv', 'excel', 'pdf', 'print', 'colvis'
            ],
            order: [
                [0, 'DESC']
            ]
        });

    });
</script>
@endsection