@extends('admin/admin_master')
@section('admin')

<div class="page-content">
    <div class="container-fluid">

      <!-- start page title -->
       <div class="row">
            <div class="col-12">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                    <h4 class="mb-sm-0 font-size-18">All Sub Categories</h4>

                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                            <li class="breadcrumb-item active">All Sub Categories</li>
                        </ol>
                    </div>

                </div>
            </div>
        </div>
        <!-- end page title -->		

        <div class="row">
            <div class="col-12">
                <div class="card">
                    
                    <div class="card-header">
                        <h4 class="card-title">Sub Categories</h4>
                    </div>

                    <div class="card-body">

                        <a href="{{ route('add.sub.category') }}" class="btn btn-primary btn-sm float-end"><i class="fa fa-plus"></i> Add New Sub Category</a>

                        <table id="datatable" class="table table-bordered dt-responsive  nowrap w-100">
                            
                            <thead class="table-light">
                                <tr>
                                    <th width="4%">#</th>
                                    <th>Sub Category</th>
                                    <th>Category</th>                                
                                    <th class="text-center" width="7%">Action</th>
                                </tr>
                            </thead>

                            <tbody>
                                
                                @php
                                    $i=1;
                                @endphp

                                @foreach($sub_categories as $item)
                                <tr>
                                    <td>{{ $i++ }}</td>
                                    <td>{{ ucwords($item['sub_category_name']) }} <span class="tamil-font">({{ ucwords($item['sub_category_name_tamil']) }})</span></td>
                                    <td>{{ ucfirst($item['Category']['category_name']) }} ({{ ucfirst($item['Category']['category_name_tamil']) }})</td>
                                    <td class="text-center">
                                        @if($item['status'] == 1)
                                        <a href="{{ route('deactivate.sub.category', $item['id']) }}" class="toggle-on-btn" id="deactivate"><i class="fa fa-toggle-on"></i></a>&nbsp;&nbsp;
                                        @endif
                                        @if($item['status'] == 0)
                                        <a href="{{ route('activate.sub.category', $item['id']) }}" class="toggle-off-btn" id="activate"><i class="fa fa-toggle-off"></i></a>&nbsp;&nbsp;
                                        @endif
                                        <a href="{{ route('edit.sub.category', $item['id']) }}" class="btn btn-warning btn-sm edit-btn"><i class="fa fa-edit"></i></a>&nbsp;&nbsp;
                                        <a href="{{ route('delete.sub.category', $item['id']) }}" class="btn btn-danger btn-sm delete-btn" id="delete"><i class="fa fa-trash"></i></a>
                                    </td>
                                </tr>
                                @endforeach

                            </tbody>

                        </table>

                        </div>
                    </div>
                </div> <!-- end col -->
            </div> <!-- end row -->

    </div>
</div>


@endsection