@extends('layout')
@section('content')

     <!--Content Header (Page header)-->
     <div class="content-header row align-items-center m-0">
        <nav aria-label="breadcrumb" class="col-sm-4 order-sm-last mb-3 mb-sm-0 p-0 ">
            <ol class="breadcrumb d-inline-flex font-weight-600 fs-13 bg-white mb-0 float-sm-right">
                <li class="breadcrumb-item">Customer</li>
                <li class="breadcrumb-item active">Active Customer</li>
            </ol>
        </nav>
        <div class="col-sm-8 header-title p-0">
            <div class="media">
                <div class="header-icon text-success mr-3"><i class="typcn typcn-spiral"></i></div>
                <div class="media-body">
                    <h1 class="font-weight-bold">Active Customers</h1>
                    <small>With customer active & inactive</small>
                </div>
            </div>
        </div>
    </div>
    
    <div class="body-content">
       <div class="row">
           <div class="col-lg-12">
               <div class="card">
                   <div class="card-body">
                       <div class="table-responsive">
                         <table class="table display table-bordered table-striped table-hover basic dataTable no-footer" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">
                            <thead>
                                <tr>
                                <th>Name</th>
                                <th>IP</th>
                                <th>Internet</th>
                                <th>Youtube</th>
                                <th>Facebook</th>
                                <th>Bdix</th>
                                <th>KAM</th>
                                <th>Action</th>
                                <th></th>
                                </tr>
                                </thead>
                                <tbody>