@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>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">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 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="/supportCategory/list" class="btn btn-gray">Active List</a>
                                    <a href="/supportCategory/dlist" class="btn btn-gray active">Deactive List</a>
                                    <a href="/supportCategory/create" class="btn btn-gray">Add 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="85%">Support Category Name</th>
                                        <th width="10%" colspan="2">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($category as $key => $row)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td>{{$row->name}}</td>
                                        <td><a href="/supportCategory/{{$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="/supportCategory/{{$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