@extends('admin.layouts.sellermastersoyuz')
@section('title','All Business Categories | ')
@section('body')

@component('seller.components.breadcumb',['secondactive' => 'active'])
@slot('heading')
{{ __('staticwords.AllBusinessCategories') }}
@endslot
@slot('menu1')
{{ __('staticwords.AllBusinessCategories') }}
@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">{{__("staticwords.AllBusinessCategories")}}
					</h5>
				</div>


				<div class="card-body">





					<div class="table-responsive">
						<table id="allcats" class="table table-bordered table-striped">
							<thead>
								<th>
									#
								</th>
								<th width="15%">
									{{__("staticwords.Thumbnail")}}
								</th>
								<th width="50%">
									{{__("staticwords.Name")}}
								</th>

								<th>
									{{__("staticwords.Details")}}
								</th>
							</thead>

							<tbody>

							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<!-- End col -->
	</div>

	@endsection

	@section('custom-script')
	<script>
		$(function() {

			"use strict";

			var table = $('#allcats').DataTable({
				processing: true,
				serverSide: true,
				searching: true,
				stateSave: true,
				ajax: "{{ route('seller.get.businesscategories') }}",
				columns: [{
						data: 'DT_RowIndex',
						name: 'DT_RowIndex',
						searchable: false,
						orderable: false
					},
					{
						data: 'thumbnail',
						name: 'thumbnail',
						searchable: false,
						orderable: false
					},
					{
						data: 'name',
						name: 'name'
					},
					{
						data: 'details',
						name: 'details',
						searchable: false,
						orderable: false
					}
				],
				dom: 'lBfrtip',
				buttons: [
					'csv', 'excel', 'pdf', 'print', 'colvis'
				],
				order: [
					[0, 'DESC']
				]
			});

		});
	</script>
	@endsection