@include('layouts.sidebar')


        <!-- =============== Left side End ================-->
		
		
        <div class="main-content-wrap sidenav-open d-flex flex-column">
            <!-- ============ Body content start ============= -->
            <div class="main-content">
             @if(Session::has('message'))
            <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('message') }}</p>
            @endif  			
 
                <div class="row">
				<div class="card text-left">
               <div class="card-body">
			   
			   <div class="row">
			    <div class="col-md-8">
	              <!-- <h4 class="card-title mb-3"> Product Categories </h4> 
				 <p> 6573249 Product Categories </p>		 -->	
				</div>
				
			   <div class="col-md-4 text-right">			   
				<div class="btn-group">
							   
                 <!--  <button class="btn btn-secondary btn-lg dropdown-toggle" id="btn" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">   Actions  </button>
                 <div class="dropdown-menu"><a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another Action</a><a class="dropdown-item" href="#">Something Else Here</a></div>
				 
                  <button class="btn btn-secondary btn-lg" id="btn" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">   Import  </button>				  -->
				 
				   <a href="{{url($current_menu.'/create')}}" class="btn btn-danger" type="button" aria-haspopup="true" aria-expanded="false">Create Service Subcategories</a>
                  </div>
				</div>
				</div>
				
				
                           <ul class="nav nav-tabs" id="myIconTab" role="tablist">
                                    <li class="nav-item"><a class="nav-link active show" id="home-icon-tab" data-toggle="tab" href="#homeIcon" role="tab" aria-controls="homeIcon" aria-selected="true"><i class="nav-icon i-Pen-2 mr-1"></i> All Service Subcategories </a></li>
                                    <!-- <li class="nav-item"><a class="nav-link" id="profile-icon-tab" data-toggle="tab" href="#profileIcon" role="tab" aria-controls="profileIcon" aria-selected="false"><i class="nav-icon i-Pen-2 mr-1"></i> My Contacts </a></li>
                                    <li class="nav-item"><a class="nav-link" id="contact-icon-tab" data-toggle="tab" href="#contactIcon" role="tab" aria-controls="contactIcon" aria-selected="false"><i class="nav-icon i-Pen-2 mr-1"></i> Unsigned Contact</a></li>
									
                                    <li class="nav-item"><a class="nav-link" id="contact-icon-tab" data-toggle="tab" href="#contactIcon" role="tab" aria-controls="contactIcon" aria-selected="false">  + Add View </a></li>
                                    <li class="nav-item"><a class="nav-link" id="contact-icon-tab" data-toggle="tab" href="#contactIcon" role="tab" aria-controls="contactIcon" aria-selected="false">  View All</a></li>	 -->								
									
                                </ul>
								
								
                                <div class="tab-content" id="myIconTabContent">
                                    <div class="tab-pane fade active show" id="homeIcon" role="tabpanel" aria-labelledby="home-icon-tab">
									
			<!-- <div class="row" style="margin-bottom:15px">
			    <div class="col-md-2">
	             <div class="search-bar">
                    <input type="text" placeholder="Search" autocomplete="off" style="padding: 5px;border-radius: 4px;background: #f6f8fc;">
                </div> 			
				</div>
	
               <div class="col">
                  <span>Show</span><button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color: #6a88c7!important;">   10  </button><span>entries</span>
                 <div class="dropdown-menu"><a class="dropdown-item" href="#">10</a><a class="dropdown-item" href="#">25</a><a class="dropdown-item" href="#">50</a><a class="dropdown-item" href="#">100</a></div>
 
             </div>
		 </div> -->
									
									
                               <div class="table-responsive tableFixHead" style="height: 420px;">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
											
											  
                                                <th scope="col"> Sr. No. </th>
                                                <th scope="col"> Service Categories. </th>
                                                <th scope="col"> Service SubCategories </th>
                                                <th scope="col"> Image </th>
                                                <th scope="col"> Created At </th>
                                                <th scope="col"> Status </th>
                                                <th scope="col"> Action </th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($records as $key=>$value)