@extends('layouts.app')

@section('title', 'Manage Category')
@section('breadcrumb', 'Manage Category')
@section('sub-breadcrumb')
    <a class="kt-subheader__breadcrumbs-link">
        List
    </a>
@endsection
@section('manage-category', 'kt-menu__item--active')
@section('content')
    <div class="kt-portlet">
        <div class="kt-portlet__body">
            @include('layouts.notification')

           {{-- begin: datatable --}}
            <div class="col-md-6">
                <table id="datatable" class="table table-hover " width="50%">
                    <thead>
                        <tr>
                            {{-- <th>No</th> --}}
                            <th>No.</th>
                            <th>Brand</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $no = 1;
                        @endphp
                        @foreach ($brand as $item)
                            <tr>
                                <td>{{$no++}}</td>
                                <td>{{$item['name']}}</td>
                                <td>
                                    {{-- <a href="{{route('manage-category.sort', [MyHelper::encSlug($item['id']),MyHelper::encSlug($item['id_owner'])])}}" class="badge badge-primary"><i class="fa fa-sort"></i> sort</a> --}}
                                    <a href="{{route('manage-category.manage', [MyHelper::encSlug($item['id']),MyHelper::encSlug($item['id_owner'])])}}" class="badge badge-primary"><i class="fa fa-sort"></i> detail</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="kt-separator kt-separator--dashed"></div>
           {{-- begin: datatable --}}
        </div>
    </div>
@endsection

@section('custom-script')
    <script>
        $.fn.dataTable.ext.errMode = 'none';
        $('#datatable').DataTable({
        });
    </script>
@endsection