@extends('layouts.master')
@section('title', 'PetroERP- An ERP for Petrol Pumps')
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <h5>Sub Category</h5>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="#">PetroERP Support</a>
                        </li>
                        <li class="breadcrumb-item active">Sub Category List</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Deactivated Sub Category</h3>
                        <!-- <a class="float-right" style="margin-top: -25px; color: #007bff; font-size: 22px;" data-toggle="popover" title="List of Active Designations" data-content="This page provides list of all active designations. We can download this list in MS-Excel and PDF formats (current and all pages) using download buttons on the bottom of the list. We can also edit or show the individual designation details with the help of edit or view button under the action column."><i class="fa fa-question-circle"></i></a> -->
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="btn-toolbar">
                                    <a href="/supportSubCategory/list" class="btn btn-gray">Active List</a>
                                    <a href="/supportSubCategory/dlist" class="btn btn-gray active">Deactive List</a>
                                    <a href="/supportSubCategory/create" class="btn btn-gray">Add Sub Category</a>
                                </div>
                            </div>
                        </div>
                        @if(count($category)>0)
                        <div class="table-entry table-responsive tableFixHead">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th width="5%">Sr.No</th>
                                        <th width="40%">Category Name</th>
                                        <th width="40%">Sub Category Name</th>
                                        <th width="10%" colspan="2" class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($category as $key => $row)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td>{{$row->spCategory}}</td>
                                        <td>{{$row->name}}</td>
                                        <td><a href="/supportSubCategory/{{$row->id}}/view" class="btn btn-success btn-sm" data-toggle="tooltip" title="view">
                                            <i class="fa fa-eye"></i></a>
                                        </td>
                                        <td><a href="/supportSubCategory/{{$row->id}}/edit" class="btn btn-primary btn-sm" data-toggle="tooltip" title="Edit">
                                            <i class="fa fa-pencil"></i></a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div class="row">
                                <div class='col-md-8'>{{$category->links()}}</div>
                            </div>
                        </div>
                        @else
                            <h5>No Active Records Found.</h5>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection