@extends('layouts.master')
 @section('content')

 
 <style>
     .form-switch .form-check-input:checked {
        border-color: #08441d;
        background-color: #1d8943;
        }
  .gra{
  background-image: linear-gradient(#676770, #403b3b);
  color:white;
    }
    div#myTable_filter {
    margin-right: 15px !important;
}
 </style>
 
     <div class="container-fluid ">
             <div id="statusMsg">
             </div>
         @if (Session::has('msg'))
             <div class="alert alert-success">
                 <ul>
                     <li>{{ Session::get('msg') }}</li>
                 </ul>
             </div>
         @endif
         <div class="container-fluid py-4">
             <div class="row">
                 <div class="col-12">
                     <div class="card my-4">

                         <div class="card border-0">
                             <div class="card-header border-0 ">
                                 <div class="d-lg-flex p-2">
                                     <h5 class="mb-0">Registered User</h5>
                                   </div>
                        <!--<div class="d-lg-flex">-->
                        <!--    <div class="col-xl-3 col-sm-6 mb-xl-0 mx-2 ">-->
                        <!--        <div class="input-group input-group-outline">-->
                        <!--            <select class="form-control" name="category">-->
                        <!--               <option value="">Select Category</option>-->
                        <!--                <option value="">Name</option>-->
                        <!--            </select>-->
                        <!--        </div>-->
                        <!--    </div>-->
                        <!--    <div class="col-xl-3 col-sm-6 mb-xl-0 mx-3">-->
                        <!--        <div class="input-group input-group-outline">-->
                        <!--            <select class="form-control" name="category">-->
                        <!--               <option value="">Select Category</option>-->
                        <!--                <option value="">Email</option>-->
                        <!--            </select>-->
                        <!--        </div>-->
                        <!--    </div>-->
                        <!--    <div class="col-xl-3 col-sm-6 mb-xl-0 mx-2 ">-->
                        <!--        <div class="input-group input-group-outline">-->
                        <!--            <select class="form-control" name="category">-->
                        <!--               <option value="">Select Category</option>-->
                        <!--                <option value="">Contact Number</option>-->
                        <!--            </select>-->
                        <!--        </div>-->
                        <!--    </div>-->
                        <!--        <div class=" mt-lg-0 mt-4 mx-3 ">-->
                        <!--           <a class="btn  gra btn-sm mb-0">Search</a>-->
                        <!--         </div>       -->
                        <!-- </div>-->
                             </div>
                             <div class="card-body px-0 pb-0 border-0">
                                 <div class="table-responsive">
                                     
                                    <div class="dataTable-wrapper dataTable-loading no-footer sortable searchable fixed-columns">
                                        <div class="dataTable-container">
                                          <table class="table table-flush dataTable-table" id="myTable">
                                                 <thead class="thead-light">
                                                     <tr>
                                                         
                                                         <th>Name</th>
                                                         <th>Email</th>
                                                         <th>Contact Number</th>
                                                         <th>Level</th>
                                                         <th>Category</th>
                                                         <th>Status</th>
                                                         <th>Created On</th>
                                                         <th>Action</th>
                                                     </tr>
                                                 </thead>
                                                 <tbody>
                                                     @foreach ($user_list as $list)
@php
                       $category=App\Models\Category::where('id',$list->category_id)->first();
         @endphp
                                                         <tr>
                                                             <td>
                                                                    <div class="d-flex px-2 py-1">
                                                                    <div>

                                                                        @if($list->profile_image)