@extends('layout.admindashboard')
@section('content')
    <section class="content">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Sub Category</h1>
                    </div>

                </div>
            </div>
        </div>
        <div class="content mb-4">
            <div class="col-12 text-right">
                <a href="{{ route('sub-category-add') }}" class="btn btn-primary">Add Sub Category</a>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Sub Categories</h3>


                        </div>

                        <div class="card-body table-responsive p-0">
                            <table class="table table-hover text-nowrap">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Sub Category Image</th>
                                        <th>Sub Category Name</th>
                                        <th>Category Name</th>
                                        <th>Sub Cat. Description</th>
                                        <th colspan="2">Manage</th>
                                    </tr>
                                </thead>
                                <tbody>
                                  @foreach ( $subCategories as $category )


                                        <tr>
                                            <td>{{$loop->iteration}}</td>
                                            <td><img style="width: 30px; height:30px;" src="{{ URL::asset('storage/category/'.$category->image)}}"></td>
                                            <td>{{$category->name}}</td>
                                            <td>{{$category->category->name}}</td>
                                            <td>{{$category->description}}</td>
                                            {{-- <td><a href="#" class="btn btn-info btn-sm">View</a></td> --}}
                                            <td><a href="{{route('edit-sub-category', $category->id)}}" class="btn btn-warning btn-sm">Edit</a></td>
                                            <td><a href="{{route('delete-sub-category', $category->id)}}"button class="btn btn-sm btn-danger">Delete</button></td>
                                        </tr>
                                        @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
@endsection